Cómo adornar su wordpress añadiendo imágenes destacados

Imágenes se introdujeron en WordPress en la versión 2.9, y que le permite desplegar fácilmente una imagen que se asocia con la entrada de blog en varias partes de su tema.

Para un ejemplo obvio, echa un vistazo a la página MakeUseOf, donde la imagen ofrecida se utiliza para hacer una lista de otra manera embotado realmente salir. No sólo esto, obviamente, mejorar la estética de su blog, sino que también hace que sea más probable que los lectores prestar atención al contenido. Las señales visuales son siempre mejores.

Hoy me gustaría que le muestre cómo usar las imágenes destacadas en su blog de WordPress. Voy a mostrar cómo agregar y asignar la imagen a su puesto, así como el código que necesita para integrarlos en su tema.

Ajuste de Imágenes

Si el tema lo permite, debería ver una Foto principal opción en la pantalla de su posterior edición.

Haga clic en que para abrir el archivo de subida habitual emergente, pero en lugar de hacer clic en Insertar en Post, seleccione Utilizar como imagen destacados en lugar.

Cerrar la ventana emergente y ahora debería ver su imagen aparece añade a la barra lateral para indicar que estuvo acertado.

Vídeo: Como Fijar las Imágenes Destacadas en Wordpress

No se preocupe por el tamaño, por ahora, podemos ajustar más tarde que a través de las opciones de WordPress.

No hay imagen del botón destacado?

Si no ve el enlace en la barra lateral, es muy probable que su tema no es compatible con ellos. No se preocupe, podemos arreglar eso. Tendrá que iniciar sesión en FTP - o utilizar el gestor de archivos incorporado en WordPress si sus permisos de carpetas que permite a - y localizar su carpeta de temas. Esto será en el wp-content / themes / yourtheme, dónde yourtheme es el nombre del tema que está usando. Abrir eso y echar un vistazo a los archivos allí.

Busque el archivo llamado functions.php y se abre en el editor de textos. Desplazarse hasta el final del archivo, y justo antes del cierre gt ;, agregue la siguiente línea?:

 add_theme_support ( `post-miniaturas`) -

Recuerde, asegúrese de hacer esto justo antes o en la línea antes de la etiqueta de cierre PHP. Por lo que el final de su archivo ahora debe ser algo como:

Vídeo: COMO DECORAR UN MARCO DE FOTOS - TUTORIAL | LLUNA NOVA SCRAP

 add_theme_support ( `post-miniaturas`) - gt?;

Actualizar la pantalla de edición posterior y usted debería ser capaz de establecer ahora una imagen destacada.

¿Qué pasa con todos mis mensajes anteriores? ¿Tengo que editarlos todo de nuevo?

No. Hay un práctico plugin llamado Generar miniaturas que pueden manejar el tedio de la configuración de miniaturas destacados en mensajes antiguos con mucha facilidad. Una vez instalado, acaba de encontrar el nuevo enlace en el menú Herramientas y haga clic en el botón para ajustar las imágenes. Obviamente, si usted no tiene imágenes en sus mensajes en primer lugar, no se puede establecer de forma automática cualquier.

Vídeo: Transferencia de imágenes, Diy decorar macetas

Añadir la miniatura para su tema:

Voy a usar mi nuevo blog de Guía de autosuficiencia para demostrar, por lo que la cabeza de más allí para ver los resultados - el uso de un tema llamado Nature_wdl que se puede descargar aquí. Por defecto no es compatible con cualquier tipo de miniaturas de correos, así que he tenido que editar la primera functions.php para incluir esa línea. El diseño básico de la página está muy bien, pero me gustaría que se muestre sólo una lista de artículos con una miniatura aparece junto a ellos, en lugar de todo el contenido de la entrada.

Si has seguido mi WordPress tutorial de la semana pasada, he mostrado cómo funciona la estructura tema básico. Ya que no hay ni una home.php ni front-page.php para este tema, la portada estará a cargo de index.php, así que vamos a abrirlo y echar un vistazo:

Publicado por | Publicado en | Publicado en

Por suerte, este tema está muy bien codificado, por lo que el ajuste no debería ser un problema. Antes de añadir la miniatura, quiero asegurarse de que sólo se muestra un pequeño extracto del post, en lugar de todo el contenido de la entrada. Busque la línea que dice:

En un tema diferente, que sólo puede decir the_content (). Simplemente reemplazarlo con:

Ahora si vuelve a cargar, se verá que sólo se muestra un fragmento corto párrafo, en lugar de todo el contenido.

A continuación, añadir la miniatura, vamos a ver lo que ocurre si sólo tiene que añadir en una sola línea desde arriba, de este modo:

Es un poco feo, pero de inmediato con una sola línea de código hemos añadido la imagen asociada a la página de inicio! ¡Fantástico! Para que sea un poco más atractivo, vamos a tratar de flotación de la imagen a la izquierda, y cortarlo al tamaño miniatura predeterminada de esta manera:

`Float: left -`?)) - gt;

La sintaxis es un poco complicado en allí, pero debe ser capaz de ver donde se puede insertar su propio CSS si lo desea. Por ejemplo, para agregar un margen derecho:

`Float: left-margin-right: 10px -`?)) - gt;

Yo diría que es bastante impresionante durante 30 minutos de trabajo!

Ajuste del tamaño de miniatura:

Usted puede encontrar el tamaño predeterminado de 150 × 150 es un poco demasiado grande para su sitio. Para ajustar esto, introduzca su administración de WordPress y encontrar Ajustes -gt; Medios de comunicación en el lado izquierdo. Aquí puede cambiar el tamaño de las miniaturas. Una palabra de advertencia: esto sólo va a cambiar las subidas futuras, no sus imágenes existentes, por lo que no se sorprenda cuando no pasa nada. Sin embargo, existe un plugin muy útil llamada Regenerar miniaturas que puede funcionar de forma automática a través de todas sus imágenes existentes y tamaño para arriba a la derecha.

Espero que esto te demuestra lo increíblemente flexible el sistema WordPress es y cómo se puede ajustar fácilmente un código de tema sin ninguna experiencia de programación PHP. En tiempos pasados, la adición de este tipo de funcionalidad podría haber tomado días. La mejor manera de aprender es experimentar sin embargo, así que asegúrese de leer sobre el códice y estad atentos, ya que la próxima vez que te voy a mostrar cómo hacer su propio widget de la barra lateral que resalta una entrada al azar utilizando su imagen ofrecida. ¡Manténganse al tanto!