Como jazz acima de seu wordpress adicionando imagens caracterizadas

Imagens selecionadas foram introduzidos no WordPress na versão 2.9, e permite que você exiba facilmente uma imagem que está associada com o seu post em várias partes do seu tema.

Para um exemplo óbvio, consulte a página inicial MakeUseOf, onde a imagem destaque é usado para fazer uma lista de outra maneira maçante realmente aparecer. Não só isso, obviamente, melhorar a estética do seu blog, ele também torna mais provável que os leitores vão prestar atenção ao conteúdo. pistas visuais são sempre melhores.

Hoje eu gostaria de mostrar-lhe como usar imagens em destaque no seu blog WordPress. Vou mostrar-lhe como adicionar e atribuir a imagem a seu cargo, bem como o código que você precisa para integrá-los em seu tema.

Definir Imagens selecionadas

Se o seu tema suporta-lo, você deve ver uma Imagem em destaque opção na tela pós edição.

Video: 2 Maneiras de adicionar os atributos ALT e TITLE nas imagens do wordpress

Clique que para abrir o arquivo de costume de upload pop-up, mas em vez de clicar Inserir em Post, selecione Usar como Imagem Destaque em vez de.

Fechar o pop-up e agora você deve ver sua imagem em destaque adicionados à barra lateral para indicar que foram bem sucedidos.

Não se preocupe com o tamanho por enquanto, podemos ajustar isso mais tarde através das opções do WordPress.

Nenhum botão Imagem em destaque?

Se você não veja o link na barra lateral, é muito provável que o seu tema não apoiá-los. Não se preocupe, nós podemos consertar isso. Você precisará entrar em FTP - ou usar o built-in WordPress gerenciador de arquivos se suas permissões de pasta permite que você - e localize a pasta tema. Este será, no wp-content / themes / yourtheme, Onde yourtheme é o nome do tema que você está usando. Abra isso e dar uma olhada nos arquivos de lá.

Video: Como postar e adicionar imagem no WordPress

Procure o arquivo chamado functions.php e abri-lo em seu editor de texto favorito. Vá até o final do arquivo, e pouco antes do fechamento gt ;, adicione a seguinte linha?:

 add_theme_support ( `pós-thumbnails`) -

Lembre-se, certifique-se de fazer isso antes ou na linha antes da tag de fechamento PHP. Assim, o fim do seu arquivo agora deve ser algo como:

 add_theme_support ( `pós-thumbnails`) - gt;

Atualizar a tela pós editar e você deve ser capaz de definir agora uma imagem em destaque.

Video: Como inserir galeria de imagens em post do wordpress com Enfold

Que sobre todos os meus posts anteriores? Eu tenho que editá-los todos novamente?

Não. Há um plugin útil chamado gerar miniaturas que podem lidar com o tédio de configuração miniaturas em destaque na posts antigos realmente facilmente. Depois de instalado, basta encontrar o novo link no menu Ferramentas e clique no botão para definir as imagens. Obviamente, se você não tem imagens em seus posts em primeiro lugar, você não pode definir automaticamente qualquer.

Adicionar a miniatura em seu tema:

Eu vou estar usando meu novo blogue Guia de auto-suficiência para demonstrar, assim que a cabeça por lá para ver os resultados - usando um tema chamado Nature_wdl que você pode baixar aqui. Por padrão, ele não suporta qualquer tipo de pós miniaturas, então eu tive que primeiro edite o functions.php para incluir essa linha. O projeto básico da página inicial é bom, mas eu gostaria que mostram apenas uma lista de artigos com uma miniatura de destaque ao lado deles, em vez de todo o conteúdo do post.

Se você seguiu o meu WordPress tutorial na semana passada, eu mostrei como a estrutura básica tema funciona. Uma vez que não é nem um home.php nem front-page.php para este tema, a primeira página será tratado pelo index.php, então vamos abri-lo e dar uma olhada:

Video: Curso de Wordpress - Aula 24 - Imagem destacada - eXcript
Postado por | Postado em | postado em

Felizmente, este tema é muito bem codificado, assim ajustando-o não deve ser problema. Antes de adicionar a miniatura, eu quero ter certeza única está sendo mostrado um pequeno trecho do post, em vez de todo o conteúdo do post. Encontre a linha que diz:

Em um tema diferente, só ele pode dizer the_content (). Simplesmente substituí-lo com:

Agora, se você recarregar, você verá que apenas um trecho curto parágrafo é mostrado, em vez de todo o conteúdo.

Em seguida, adicionar a miniatura, vamos ver o que acontece se nós apenas adicionar em uma única linha diretamente acima, assim:

É um pouco feio, mas de imediato com apenas uma linha de código que você adicionou a imagem associada à homepage! Fantástico! Para torná-lo um pouco mais atraente, vamos tentar flutuante a imagem para a esquerda, e cortá-lo para baixo para o tamanho da miniatura padrão como este:

`Float: left -`?)) - gt;

A sintaxe é um pouco complicado lá dentro, mas você deve ser capaz de ver onde você pode inserir o seu próprio CSS, se desejar. Por exemplo, para adicionar uma margem direita:

`Float: left-margin-right: 10px -`?)) - gt;

Eu diria que é bastante impressionante para 30 minutos de trabalho!

Ajustando o tamanho da miniatura:

Você pode encontrar o tamanho padrão de 150 × 150 é um pouco grande demais para o seu site. Para ajustar isso, introduzir a sua administração do WordPress e encontrar Configurações -gt; meios de comunicação do lado esquerdo. Aqui você pode alterar o tamanho de suas miniaturas. Uma palavra de advertência, porém: isso só vai mudar os envios futuros, e não suas imagens existentes, por isso não se surpreenda quando nada acontece. Há, porém, um plugin útil chamado Regenerar Miniaturas que pode ser executado automaticamente através de todas as suas imagens existentes e tamanho-los direito.

Espero que isso mostra o quão incrivelmente flexível o sistema WordPress é e como você pode facilmente ajustar um código tema sem qualquer experiência de programação PHP. Em tempos passados, adicionando este tipo de funcionalidade poderia ter tomado dias. A melhor maneira de aprender é experimentar, porém, isso não deixe de ler sobre o códice e fique atento, pois da próxima vez eu vou lhe mostrar como fazer o seu próprio widget para a barra lateral que destaca um post aleatório usando sua imagem em destaque. Fique ligado!