Como traduzir “posts” para “notícias” no WordPress

05/06/2014 | WordPress | | |

Resolvi começar a traduzir Posts para Notícias no WordPress dos meus usuários, para deixar o painel administrativo mais o óbvio intuitivo possível. E o código que eu havia postado anteriormente não serviu.

Encontrei um código mais completo, que faz a tradução em quase todo o dashboard do WordPress – ainda faltou traduzir o widget “em um instante” da página inicial do dashboard e o status de publicado/atualizado/agendado na página de posts).

Testei na versão 3.9.1 e funcionou lindamente =)

1 comentário

Substituindo o logotipo do WordPress na barra de ferramentas

07/08/2013 | WordPress | |

Depois de personalizar o logotipo na tela de login e mudar o link no rodapé do painel (tudo sem precisar usar plugin!) a instalação do WordPress do seu cliente ainda ficou com um logotipo no canto superior esquerdo da barra de ferramentas.

Logotipo do WordPress na barra de ferramentas

Você pode substituir o logotipo do WordPress pelo logo do site incluindo o código abaixo no seu functions.php:

1
2
3
4
5
6
7
8
9
10
11
12
// Substitui o logotipo do WordPress na barra de ferramentas
 
add_action('admin_head', 'my_custom_logo');
 
function my_custom_logo() {
	echo '
	<style type="text/css">
	#wp-admin-bar-wp-logo .ab-icon {
		background: url('.get_bloginfo('template_directory').'/seu-logotipo.png) no-repeat center top !important;
	} </style>
	';
}

Não esqueça de alterar a URL da sua imagem na linha 9. Ela deve ser um PNG transparente e ter 20×20 pixels (você pode usar sprites e deixar todas as versões do logotipo num arquivo só!). Sua barra de ferramentas vai ficar assim:

Logotipo personalizado na barra de ferramentas

 

Logotipo personalizado na barra de ferramentas

“Ok, legal… mas pra um cliente específico não era isso que eu precisava. Eu queria eliminar de vez o logotipo e o menu da barra de ferramentas, apagando qualquer referência ao WordPress do dashboard”.

Então tá, vamos editar o arquivo functions.php e inserir esse código:

1
2
3
4
5
6
7
// Remove o logo do WordPress da barra de ferramentas
 
function erikasarti_remove_wp_logo( $wp_admin_bar ) {
	$wp_admin_bar->remove_node('wp-logo');
}
 
add_action('admin_bar_menu', 'erikasarti_remove_wp_logo', 999);

Pronto, o menu do WordPress nem aparece:

Eliminar o menu WordPress da barra de ferramentas

Fácil né? E nem precisou de plugin. Veja outras personalizações que você pode fazer no seu WordPress.

Via CatsWhoCode.com

1 comentário

Como incorporar vídeos e fotos do Instagram no WordPress sem plugins

17/07/2013 | WordPress | | |

Agora que o Instagram também permite o upload de vídeos, a ferramenta disponibilizou um código de embed para facilitar o compartilhamento de conteúdo. É só clicar no botão de reticências da foto ou vídeo (na versão web), escolher a opção Embed e copiar o código.

Opção de embed no Instagram

Usando o código da foto acima, ela fica assim (pena o que o Like ainda não funciona direto aqui):

<iframe src="//instagram.com/p/bUcvqcSi4R/embed/" width="612" height="710" frameborder="0"
scrolling="no" allowtransparency="true"></iframe>

E se você usa o WordPress, as coisas são mais fáceis ainda: basta colocar a URL do conteúdo direto no meio do texto, que automaticamente a mídia é inserida no post – sem precisar de plugins! Usando como exemplo a mesma foto:

http://instagram.com/p/bUcvqcSi4R/

Cai a noite na cidade

Bacana né? Só senti falta desses códigos incluirem uma classe pra gente poder estilizar a maneira como a mídia é exibida no site através de CSS – pra centralizar a foto no post por exemplo. Mas baby steps, né? O embed automático no WordPress apenas pela URL já é uma coisa bem legal.

E vale lembrar que pro Twitter essa funcionalidade também existe! Você pode colar o código embed de um tweet no seu site:

<blockquote class="twitter-tweet">
<p>Vale lembrar que no Twitter isso também funciona - basta colar a URL do tweet no post que o
WordPress estiliza ele automaticamente &lt;3</p>&mdash; Erika Sarti (@erikasarti)
<a href="https://twitter.com/erikasarti/statuses/357634179795652609">July 17, 2013</a>
</blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

E, no WordPress, basta colar a URL do tweet que automaticamente ele fica exatamente com a mesma aparência, sem a necessidade de plugins ou funções:

http://twitter.com/erikasarti/status/357634179795652609

Muito amor no coração né?

1 comentário

Como personalizar o perfil do usuário no WordPress

17/06/2013 | WordPress |

Precisei personalizar o perfil dos usuários no WordPress de um cliente – remover alguns campos, adicionar outros. Existem vários plugins fazem isso, mas como sempre prefiro utilizar funções para coisas simples assim.

O código abaixo remove os campos AIM, Yahoo IM e Jabber / Google Talk do perfil, e adiciona o Twitter, o Facebook e os telefones do usuário – mas você pode alterar o código para adicionar os campos que você precisar. Basta editar o functions.php do seu tema (ou criar um novo se ele não existir) e colar o seguinte código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// remove campos desnecessarios no perfil e adiciona novos campos
 
function contact_methods( $contactmethods ) {
 
	// remove os desnecessarios
	unset( $contactmethods[ 'aim' ] );
	unset( $contactmethods[ 'yim' ] );
	unset( $contactmethods[ 'jabber' ] );
 
	// adiciona os novos
	$contactmethods[ 'telefone' ] = 'Telefone (com DDD)';
	$contactmethods[ 'celular' ] = 'Celular (com DDD)';
	$contactmethods[ 'twitter' ] = 'Twitter (@usuario)';
	$contactmethods[ 'facebook' ] = 'Facebook (link do perfil)';
 
	return $contactmethods;
}
 
add_filter( 'user_contactmethods', 'contact_methods' );

Nas linhas 11 a 14, o formato para definir novos campos é:

$contactmethods[ 'nomedocampo' ] = 'Descrição do Campo';

Se precisar de acentuação na descrição, utilize entities.

Veja nas imagens o antes e o depois desse código no perfil do usuário:

Como personalizar o perfil do usuário no WordPress - perfil padrão

Como personalizar o perfil do usuário no WordPress - perfil alterado pelo código

Alguns plugins de compartilhamento social já adicionam novos campos de perfis em redes sociais como Twitter, Facebook e G+ automaticamente ao perfil – se você usa algum plugin do tipo vale a pena dar uma olhada na documentação dele e usar o recurso que já está disponível no seu site, sem códigos desnecessários.

Via Wptuts+

2 comentários