Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

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

Você está em:

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

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

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.