<!-- scripts adicionados pelo FULL.code --> <script> (function(d,t) { var BASE_URL="https://app.botlevel.com.br"; var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=BASE_URL+"/packs/js/sdk.js"; g.defer = true; g.async = true; s.parentNode.insertBefore(g,s); g.onload=function(){ window.chatwootSDK.run({ websiteToken: 'sNKo1Hqv1myPwRpmruqQrXmd', baseUrl: BASE_URL }) } })(document,"script"); </script> <!-- /scripts adicionados pelo FULL.code -->

Use um campo personalizado em vez de uma imagem em destaque no WordPress

2yPRi0Kqg2TGvvqHb4VL2In1kvb0voyKTG0aoU1VWskZ IO93GMtHjgRpW6HMnFdtkSY9JlmJC VQ 4gp0wo0pUPTi5hTi9OkZl MZ4cRHPqoOuX2VMSho44pk7OLMuPHDo br9R

Recentemente, tenho aproveitado ao máximo as imagens em destaque do WordPress (ou Post Thumbnails , como algumas pessoas as chamam) para o controle deslizante de imagem usado em meus temas gratuitos. No entanto, algumas pessoas me perguntaram se era possível ter uma imagem separada para o controle deslizante e a miniatura da postagem porque o controle deslizante da imagem tende a ser muito maior, então pensei em escrever um tutorial rápido mostrando como adicionar um campo personalizado para o seu tema para que você possa definir uma imagem separada para o controle deslizante com a “imagem em destaque” definida como backup.

Etapa 1: criar o campo personalizado

A primeira etapa é criar o novo campo personalizado (consulte o codex se você não estiver familiarizado com campos personalizados ). Insira o seguinte no início do loop, que seria logo após a instrução “while (have_posts)” ou “foreach($myposts as $post”. Altere onde diz “Imagem alternativa” para o que fizer sentido – como imagem deslizante , imagem do autor… etc.

//obtém o campo personalizado intitulado “Post Image”

$alternative_post_image = get_post_meta($post->ID, ‘Imagem Alternativa’, $single = true);

Etapa 2: mostrar o novo campo personalizado em vez da imagem em destaque

Agora você pode passar por um teste rápido para ver se o campo personalizado existe e, em caso afirmativo, mostrar a URL definida no campo personalizado, caso contrário, mostre a miniatura do post. Insira o código a seguir onde você deseja mostrar sua imagem.

<?php

//se o campo personalizado não estiver em branco

if ($alternative_post_image !== ”) { ?>

<img src=”<?php echo $alternative_post_image; ?>” alt=”<?php the_title(); ?>” title=”<?php the_title(); ?>” />

<?php } else { ?>

<?php

//mostrar imagem em destaque

the_post_thumbnail();

?>

<?php } ?>

Etapa 3: use o campo personalizado em suas postagens

Agora você pode usar seu formulário de campo personalizado no editor de postagem para definir o link para sua imagem alternativa. Digite o nome do seu campo personalizado (neste exemplo é “Imagem Alternativa”) no campo “Nome” e depois o URL da sua imagem no campo “Valor”. Em seguida, clique em “Adicionar campo personalizado”.

Adicionar campo personalizado do WordPressArtigo

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

<div id="full-woo-orders-popup" class="full-woo-orders-popup full-social-proof-social bottom-left"> <span class="dismiss-woo-order-popup">×</span> <div class="full-woo-orders-popup-inner"></div> </div><template id="full-woo-orders-popup-template"> <div class="full-woo-orders-popup-inner"><div class="customer-information"><p><span data-fragment="customerFirstName"></span> de <span data-fragment="customerLocation"></span> comprou <strong data-fragment="product"></strong> </p></div><img src="" data-fragment="image"></div> </template> <div id="full-woo-visitors-popup" class="full-woo-orders-popup full-social-proof-social bottom-left"> <span class="dismiss-woo-order-popup">×</span> <div class="full-woo-orders-popup-inner"> <div class="customer-information"> <p><strong>41 pessoas visitaram</strong> este link nos últimos 5 minutos</p> </div> </div> </div>