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+

comente

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

Links do mês (Março 2013)

31/03/2013 | Links do mês | |

Os links deste mês são pra quando bate aquela preguiça de lembrar do código em CSS. Mais fácil (e cross-browser!) usar um gerador automático de CSS, não?

CSS Border Radius Generator
Gerador automático de bordas arredondadas em CSS3

CSS Gradient Generator
Gerador automático de degradés em CSS3

Box Shadow Generator
Gerador automático de sombras para elementos block em CSS3

Text Shadow Generator
Gerador automático de sombras para textos em CSS3

comente

Como habilitar o gerenciamento de links no WordPress 3.5

25/03/2013 | WordPress | | | |

Se a sua instalação WordPress é antiga e você chegou à versão 3.5 através das atualizações disponibilizadas no painel administrativo, talvez não tenha notado, mas a partir da versão 3.5 o WordPress eliminou o gerenciador de links do menu.

Plugin Gerenciador de Links para WordPress

(mais…)

2 comentários