Como colocar legendas nas imagens do WordPress

Apesar de alguns temas para wordpress já possuírem no código CSS o tratamento das legendas em imagens, muito temas não possuem, e não concordo em trocar de tema apenas para conseguir uma característica que meu tema não possui, tanto que no GF Soluções tenho o mesmo template há quase 2 anos, sempre melhorando o código e acrescentando características que ele não possuía.

legendas em imagens

Legendas antigamente no GF Soluções

A imagem acima mostra como aparecia as legendas nas imagens, mas com o código abaixo colocado no arquivo style.css resolvi o problema, veja como essa mesma imagem mostra a legenda agora.

Segue o código:

/* Legenda nas imagens */
.aligncenter,div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
 
.wp-caption {    
	border: 1px solid #f3f3f3;
	text-align: center;
	background-color: #f00;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
 
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}
 
.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 5px 4px 5px;
	margin: 0;
	color:#fff;
	}
/* Fim Legenda nas imagens*/
Rate this post

Quer aprender a ganhar dinheiro com Google Adsense em blogs?

Gustavo Freitas

Problogger e empreendedor digital. Criador do Método Start, que ele utiliza para criar blogs de sucesso e ganhar dinheiro na internet.

Website: http://querocriarumblog.com.br/

2 Comentários

  1. Eu ainda estou engatinhando no wordpress. Não sei inglês. Migrei do blogspot que era bem simples. Agora me bato para colocar vídeos. Gostaria de saber também como eu coloco um áudio (podcast ou música) e como posso colocar o crédito de uma foto (com corpo menor do que do texto convencional) e como colocar títulos maiores nas páginas internas. Obrigado.
    Ah! Estou seguindo a revista e gostaria, como jornalista, escrever algum artigo futuramente. Obrigado.

Deixe uma resposta