Cómo escribir CSS para una imagen en miniatura en WordPress

Una de las muchas características de WordPress tiene es su capacidad para generar miniaturas automáticas para imágenes en su sitio. Inserción de la the_post_thumbnail llamada () en su plantilla de WordPress coloca automáticamente una versión más pequeña de la imagen que aparece en su página o posterior. Puede establecer el tamaño predeterminado de las miniaturas en la configuración de los medios de comunicación cuando conectado a su panel de WordPress, y también se puede especificar un estilo a través de CSS si desea agregar una mayor personalización de su imagen en miniatura a.

Instrucciones

1 Iniciar sesión en su sitio de WordPress y haga clic en "Apariencia" y luego "Editor".

2 Seleccione "Hoja de estilo" de la lista de la derecha.

3 Añadir el CSS para la uña del pulgar usando el editor de línea. Por ejemplo, si desea alinear la imagen en miniatura a la izquierda y mostrar un color negro sólido para ello, puede añadir este código:

img.alignleft {

float: left;

frontera: 1px solid # 000;

}

4 Haga clic en "Actualizar archivo".

5 Seleccione la plantilla en la que tiene código "the_post_thumbnail". Si se encuentra dentro de una página de WordPress, seleccione la opción "Página" plantilla de la lista de plantillas de la derecha.

6 Editar el código para aplicar el estilo que ha especificado para la uña del pulgar. El siguiente código muestra la imagen con el tamaño de miniatura predeterminada de su sitio, con el estilo que ha definido en la plantilla de estilo:

<? Php the_post_thumbnail ( 'miniatura', array ( 'class' => 'AlignLeft')); ?>

7 Actualizar el archivo de plantilla para aplicar los cambios.

Consejos y advertencias

• Aparte de la definición de sus propios selectores, también puede utilizar los selectores CSS img.wp post-imagen, img.attachment-miniatura, img.attachment-medianas, img.attachment-grandes y img.attachment completa para definir estilos para su miniatura.