Baires23
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Estimados,
Les traigo en esta ocasión una de las funciones que utilice para crear mi Theme Kiaras que esta Optimizado y en parte tiene que ver justamente con el correcto uso de los thumbnails.
Primero que nada tenemos que saber que cargar imágenes de resoluciones superiores a las que utilizaremos afecte a la carga de la pagina web es por ello que usaremos los thumbnails.
El siguiente código sirve para generar Thumbnails: (Este debe ser agregado en el archivo function.php de tu theme en wordpress)
Lo que nos importa en este caso es la siguiente linea:
Lo desglosamos un poco para explicar que son cada cosa.
add_image_size: Indica que se agrega un "tamaño" de imagen que wordpress debe realizar.
category-center: Esto se puede modificar a su antojo es con el cual llamaremos a este thumbnail para usarlo en un theme.
390: Es el ancho de la imagen.
200: Es el Alto de la imagen.
un ejemplo de una linea nueva de un Thumbnail.
¿Ahora que ya creamos una imagen a cierta resolución como hacemos para utilizarla?
Bueno con el siguiente codigo.
( Atención para llamar la imagen el código se debe agregar dentro del campo donde se llama "el post" )
Les traigo en esta ocasión una de las funciones que utilice para crear mi Theme Kiaras que esta Optimizado y en parte tiene que ver justamente con el correcto uso de los thumbnails.
Primero que nada tenemos que saber que cargar imágenes de resoluciones superiores a las que utilizaremos afecte a la carga de la pagina web es por ello que usaremos los thumbnails.
El siguiente código sirve para generar Thumbnails: (Este debe ser agregado en el archivo function.php de tu theme en wordpress)
PHP:
add_action( 'widgets_init', 'add_Widget_Support' );
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 250, 250, true );
add_image_size( 'category-center', 390, 200 );
}Lo que nos importa en este caso es la siguiente linea:
PHP:
add_image_size( 'category-center', 390, 200 );Lo desglosamos un poco para explicar que son cada cosa.
add_image_size: Indica que se agrega un "tamaño" de imagen que wordpress debe realizar.
category-center: Esto se puede modificar a su antojo es con el cual llamaremos a este thumbnail para usarlo en un theme.
390: Es el ancho de la imagen.
200: Es el Alto de la imagen.
un ejemplo de una linea nueva de un Thumbnail.
PHP:
add_image_size( 'imagen-para-post', 250, 150 );¿Ahora que ya creamos una imagen a cierta resolución como hacemos para utilizarla?
Bueno con el siguiente codigo.
PHP:
<?php
if( has_post_thumbnail() ) {
the_post_thumbnail('imagen-para-post');
}?>( Atención para llamar la imagen el código se debe agregar dentro del campo donde se llama "el post" )
Última edición:
