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 personalizar a mensagem “Registrar-se nesse site” na tela de registro do WordPress

06/08/2013 | WordPress | |

Se o seu site em WordPress tem o registro de usuários habilitado, o visitante vai ver essa tela na hora de se registrar:

Tela padrão de registro do WordPress

Mas e se você precisar mudar a mensagem “Registrar-se nesse site” para algo mais amigável (pra não dizer… mastigadinho pro usuário)?

(mais…)

4 comentários

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

Criando uma rede de sites ou blogs com o WordPress Multisite

11/05/2013 | WordPress | |

Criando uma rede de sites ou blogs com o WordPress Multisite

Desde a versão 3.0 o WordPress traz nativamente a opção de criar ua rede de sites ou blogs – antes disso era necessário instalar uma versão específica do WordPress MU, que nem sempre funcionava tão bem quanto a versão “oficial”, e por isso muita gente até hoje tem um pé atrás quando se fala em criar vários sites numa única instalação.

Mas criar uma rede de sites ou blogs no WordPress tem muitas vantagens. É muito mais fácil de administrar plugins e temas, os usuários só precisam de um único login, na hora de atualizar para novas versões do WordPress você só precisa fazer isso uma vez…

A documentação no Codex sobre como criar uma rede é bem completa, mas a tradução para português não; como eu sei que tem um monte de gente que não entende inglês (ai ai ai hein, vão trabalhar com web e não entendem inglês, pelamordedeus ó vocês errados na vida!) fiz um passo-a-passo rapidinho aqui.

(mais…)

3 comentários