O WordPress tem uma miniatura de postagem de recurso embutida, tamb\u00e9m conhecida como imagem em destaque. Sempre que uma nova imagem \u00e9 enviada para WordPress atrav\u00e9s do media uploader, s\u00e3o criados 3 tipos de imagens com tamanhos diferentes.<\/p>\n
O administrador pode registrar 3 tamanhos de imagens na p\u00e1gina Configura\u00e7\u00f5es-> M\u00eddia<\/strong>.<\/p>\n Como pode ser visto na imagem, tamanho da miniatura, tamanho m\u00e9dio, tamanho grande s\u00e3o registrados. Quando carregamos uma nova imagem, 3 imagens com dimens\u00f5es acima especificadas s\u00e3o criadas proporcionalmente. Se selecionarmos a op\u00e7\u00e3o ‘Cortar miniatura nas dimens\u00f5es exatas (normalmente as miniaturas s\u00e3o proporcionais)’ em ‘Tamanho da miniatura’, a imagem ser\u00e1 um corte dif\u00edcil para o tamanho especificado.<\/p>\n \u00c9 tudo sobre tr\u00eas tamanhos padr\u00e3o de imagem que o WordPress nos permite nas configura\u00e7\u00f5es de m\u00eddia. E se precisarmos registrar mais um tamanho para a imagem enviada? Existem alguns casos em que precisamos exibir as imagens com a largura e altura exatas.<\/p>\n Bem, podemos fazer isso com algumas linhas de c\u00f3digo.<\/p>\n O WordPress fornece uma fun\u00e7\u00e3o Para usar este m\u00e9todo, devemos adicionar suporte para miniaturas de postagem. Coloque o c\u00f3digo abaixo no Se passarmos o quarto par\u00e2metro como verdadeiro, a imagem ser\u00e1 um recorte dif\u00edcil. Se passarmos como falso, a imagem ser\u00e1 cortada proporcionalmente.<\/p>\n O c\u00f3digo de exemplo seria o seguinte.<\/p>\n Certifique-se de n\u00e3o usar nomes reservados na fun\u00e7\u00e3o acima. Os nomes reservados s\u00e3o ‘thumb’, ‘thumbnail’, ‘medium’, ‘large’, ‘post-thumbnail’.<\/p>\n Portanto, nosso c\u00f3digo final \u00e9 o seguinte.<\/p>\n Depois de adicionar o c\u00f3digo acima em seu functions.php, cada nova imagem enviada por meio do uploader de m\u00eddia criar\u00e1 2 miniaturas adicionais com os tamanhos acima.<\/p>\n Adicionamos c\u00f3digo para tamanhos de imagem adicionais. Agora, para exibir essas imagens, voc\u00ea pode usar o c\u00f3digo abaixo.<\/p>\n O c\u00f3digo acima deve ser usado dentro do p\u00f3s-loop. Se voc\u00ea quiser us\u00e1-lo fora do loop, o c\u00f3digo ser\u00e1:<\/p>\n Ap\u00f3s ativar o plugin, v\u00e1 para Ferramentas-> Regen. Miniaturas<\/strong>. Clique no bot\u00e3o Regenerate All Thumbnails.<\/p>\n Voc\u00ea tamb\u00e9m pode regenerar a miniatura de uma imagem especificada. Abaixo est\u00e3o as etapas para isso.<\/p>\n Esperamos que voc\u00ea entenda sobre como registrar tamanhos de imagem personalizados e redimensionar imagens existentes. Se voc\u00ea tiver d\u00favidas ou sugest\u00f5es, deixe um coment\u00e1rio abaixo.<\/p>\nTamanho padr\u00e3o da miniatura<\/h3>\n
Registrar novo tamanho de imagem para miniaturas<\/h3>\n
add_image_size()<\/code>que ajuda a registrar um novo tamanho de post_thumbnail.<\/p>\nfunctions.php<\/code>arquivo.<\/p>\nadd_theme_support( 'post-thumbnails' );<\/code><\/pre>\nadd_image_size()<\/code> m\u00e9todo tem 4 par\u00e2metros como este: add_image_size (‘nome do tamanho’, largura, altura, modo de corte);<\/p>\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\nadd_theme_support( 'post-thumbnails' );\nadd_image_size('hard-crop-thumb', 120, 120, true ); \/\/ Hard Crop Mode\nadd_image_size('soft-crop-thumb', 220, 180 ); \/\/ Soft Crop Mode<\/code><\/pre>\nComo us\u00e1-lo?<\/h3>\n
<?php the_post_thumbnail( 'your-specified-image-size-name' ); ?><\/code><\/pre>\n<?php get_the_post_thumbnail('YOUR_POST_ID', 'your-specified-image-size-name'); ?><\/code><\/pre>\nPor que usar miniaturas regeneradas?<\/h3>\n
add_image_size()<\/code>fun\u00e7\u00e3o registrar novos tamanhos de miniaturas para as novas imagens, n\u00e3o para as imagens antigas que j\u00e1 foram carregadas em um sistema. Para converter imagens antigas, instale o plugin Regenerate Thumbnails<\/a> e ative-o.<\/p>\n\n
Artigos relacionados<\/h4>\n