Compartir:
Cómo mostrar publicaciones destacadas con miniaturas en WordPress
Existen numerosas formas compartidas en la web para mostrar Publicaciones destacadas. Pero casi todas las funciones y complementos carecen de algo. En este tutorial, compartiremos una función que permitirá a los usuarios seleccionar ID de Publicaciones específicas y mostrarlas como publicaciones destacadas con miniaturas utilizando la función WordPress Public Thumbnail que se agregó en WordPress 2.9. De esta manera le permite evitar el uso de publicaciones adhesivas que a veces pueden ser necesarias debido a otras funciones en un proyecto personalizado.
Nota: este es un tutorial de varias partes, por lo que recomendamos que tenga conocimientos de WordPress, PHP, HTML y CSS.
Modificamos el plugin Featured Posts Lists por San of W3C Gallery. Aunque San ha creado una versión avanzada de su complemento para mostrar imágenes, requiere un campo personalizado. De esta manera solo usarás la función Publicar miniatura en 2.9.
Producto final
Plugin Modificado
Primero necesitarías pegar el siguiente código en tu funciones.php expediente O en un archivo separado y subirlo como un complemento.
el cargo(); ?> "); $ ol_flash ="; $ posts_settings = get_option ('posts_settings'); // Función ADMINISTRACIÓN DEL PANLE posts_add_pages () // Agregar nuevo menú en la pestaña Configuración u Opciones: add_options_page ('Lista de publicaciones destacadas', 'Lista de publicaciones destacadas', 8, 'postsoptions', 'posts_options_page'); / * Definir constantes y variables * / define ('PLUGIN_URI', get_option ('siteurl'). '/ Wp-content / plugins /'); / * Funciones * / function posts_options_page () global $ ol_flash, $ posts_settings, $ _POST, $ wp_rewrite; if (isset ($ _ POST ['posts_id'])) $ posts_settings ['posts_id'] = $ _POST ['posts_id']; update_option ('posts_settings', $ posts_settings); $ ol_flash = "Su lista destacada ha sido guardada."; if ($ ol_flash! = ") echo ''. $ ol_flash. '
'; eco ''; eco 'Añadir ID de publicaciones para crear una lista de publicaciones destacadas
'; eco '| Este complemento le da total libertad para mostrar múltiples publicaciones como Lista de publicaciones destacadas en su sitio. | |
| ID del mensaje : | |
| Sugerencia de SAN: para agregar ID de varias publicaciones use "," por ejemplo: "1, 2, 3" | |
Pegue este código en el lugar donde desea que se muestre la lista de publicaciones destacadas
O puede pasar la variable antes y después de esta configuración predeterminada ", $ after = ")?>
Una vez que haya hecho eso, entonces puede mostrarlo pegando el código en cualquier lugar de su archivo de plantilla:
CSS personalizado
Estamos usando clases CSS personalizadas, por lo que también las necesitarías. Pegue el siguiente código en su archivo style.css.
.popcontainer border-bottom: 1px solid # D0CDC5; ancho: 274px; flotador izquierdo; relleno: 0 0 15px 0; margen: 0 0 15px 0; .popthumb ancho: 60px; flotador izquierdo; fondo: # D0CDC5; relleno: 5px; margen: 0 10px 0 0; .popcontent width: 185px; flotador izquierdo; .popcontent h2 font-size: 13px; margen: 0 0 3px 0; relleno: 0; .popcontent h2 a text-decoration: none;
Opciones avanzadas
El código anterior extraerá su miniatura predeterminada y la mostrará con el título de la publicación y la fecha en que se publicó. El único problema es que si desea utilizar un tamaño de miniatura diferente. Es posible que su tema use la función de miniaturas en otro lugar, por lo que no puede usar dos tamaños diferentes con los códigos actuales. Así que tendrás que modificarlo un poco y agregar un nuevo tamaño de imagen..
Abra su functions.php y encuentre los códigos de miniaturas y agregue el siguiente código:
add_theme_support ('post-thumbnails'); set_post_thumbnail_size (150, 150, true); // Miniaturas de publicaciones normales add_image_size ('Featured-thumbnail', 60, 60); // Tamaño de miniatura destacado Ahora encuentra la siguiente línea en el plugin de arriba:
y reemplazarlo con:
Esto te permitiría tener dos tamaños diferentes.
Otro problema conocido sería si su miniatura no es proporcional, causaría que una imagen más pequeña se muestre en lugar de 60 x 60 px porque WordPress no tiene la capacidad de recortar. Para evitarlo, puedes usar el complemento de tamaños de imagen adicionales que tiene la capacidad de recortar. Nombra el tamaño de imagen personalizado como imagen en miniatura y usa el mismo código que el anterior para reemplazar el código original.
La única razón por la que usamos este método fue porque estábamos usando publicaciones adhesivas para mostrar otra lista. También puede lograr esto mediante el uso de mensajes pegajosos. Para el truco de las miniaturas, elegimos el complemento de Tamaños de imagen adicionales porque queremos evitar el uso de JavaScript TimThumb y mantener un sitio de carga rápida.
Si tiene soluciones adicionales para este problema, compártalas con nosotros en los comentarios..