- New WordPress Themes: Temas. (inglês)
- Crowd Favorite: Plugins. (inglês)
- Lester Chan: Plugins. (inglês)
- Sem Preceito: Plugins.
quinta-feira, 4 de novembro de 2010
Onde encontrar temas e plugins para WordPress.org?
quinta-feira, 26 de agosto de 2010
Como instalar um plugin no Wordpress
Antes de tudo, você sabe o que são plugins? São ferramentas que adicionam opções a sua plataforma, podem até facilitar a nossa vida em alguns casos. Para saber um pouco mais: Plugins - Wikipédia.
Lembre-se: Só de pode instalar plugins nos Wordpress em servidor próprio!
Assim como na instalação de temas, também possuímos três opções para instalar um plugin: duas através do painel administrativo e outra através do FTP (recomendada).
Primeiro método - Via painel administrativo I:
Acesse seu painel administrativo, vá até a aba “Plugins” > “Adicionar novo”. A primeira página a ser aberta será onde você poderá pesquisar plugins no banco de dados do Wordpress. Há três formas de pesquisa: por termos, por tags ou por autor. Você também poderá escolher entre as tags mais pesquisadas (tags populares); além delas você poderá encontrar plugins em outras quatro abas, nesta mesma página: “Destaques”, “Populares”, “Mais Recentes”, “Atualizados Recentemente”.
Escolha uma tag, escolha algum plugin referente a esta tag e para instalá-lo basta clicar em “Instalar Agora”, abaixo do nome do plugin, na primeira coluna.
Uma confirmação vai aparecer sobre o navegador, clique em “Ok” para confirmar. Na próxima página digite as informações da sua hospedagem para que o Wordpress tenha acesso e possa instalar o plugin.
Em algumas hospedagens esse processo poderá acarretar em erros, por isso recomendo que utilize o método três, através do FTP, pois há mais garantias de que não ocorrerá erros.
Ative o plugin instalado e pronto. :)
Segundo método - Via painel administrativo II:
Para utilizar este segundo método você precisará ter baixado o plugin em seu computador. Acesse o seu painel administrativo, clique na aba “Plugins” > “Adicionar novo” > “Fazer Upload”. Na próxima página escolha o plugin baixado, sem descompactar - normalmente em extensão .zip - e clique em “Instalar Agora”.
O mesmo formulário que apareceu no método anterior aparecerá agora, digite as informações referentes a sua hospedagem e clique em “Continuar”.
Assim como no método anterior, poderá ocorrer erros no envio do plugin. Por isso recomendo a utilização do próximo método, através do FTP.
Terceiro método - Via FTP:
Você precisará ter o plugin baixado e descompactado no seu computador. Abra um programa para efetuarmos a conexão com o FTP, utilizo o FileZilla. Estabeleça a conexão, vá até a pasta “wp-content” > “plugins”. Envie a pasta do plugin - descompactada - para dentro da pasta “Plugins”, aguarde o envio e acesse o painel administrativo. Vá até a aba “Plugins” > “Plugins” e ative o plugin enviado.
No meu próximo post mostrarei alguns lugares para encontrar temas e plugins.
Recomendo: Como instalar um plugin no WordPress? - Sem Preceito
Esse tutorial já é compatível com a última versão do Wordpress (3.0). Até a próxima. ;D
Luan Felipe é autor do blog Sem Preceito e autor da coluna sobre Wordpress.
segunda-feira, 5 de julho de 2010
Como instalar um tema no Wordpress
Em toda a blogosfera, existem diversos sites que disponibilizam templates para você baixar e instalar, mas como é que eu instalo um tema?
Existem três formas de instalar um layout, que vou ensinar neste post. Recomendo que você leia toda essa postagem e, no final, escolha qual método julga mais fácil.
Lembre-se: Só se pode instalar temas nos Wordpress’s em servidor próprio!
Primeiro método - Via painel administrativo I:
Acesse o seu painel administrativo, clique na aba “Aparência” > “Temas”. Procure por um botão “Instalar Tema”. Nesta página, você poderá:- Procurar por temas no banco de dados do Wordpress.org e Wordpress.com; através da cor, quantidade de colunas, entre outros.
- Visualizar temas que são “Destaques”, “Mais Recentes” ou “Atualizados Recentemente”.
O interessante deste método é que, ao clicar no link “Visualizar” (que se encontrará abaixo de cada tema) você terá uma idéia de como é o template, sem sair do painel administrativo. Se o template agradar, clique em “Instalar”. Uma janela sobre-posta no painel administrativo vai carregar com algumas informações sobre o template (nome do tema, criador e versão atual). Na mesma área você encontrará dois botões “Cancelar” e “Instalar Agora”.
Clicando em “Instalar Agora” você vai ser redirecionado a uma página onde digitará informações necessárias para que o WP acesse o servidor e instale o tema.
Essas informações são disponibilizadas pela própria hospedagem. São apenas 3 dados úteis: nome do host (normalmente ftp.dominio.com.br); nome de usuário; senha;
Depois, clique em “Continuar” e aguarde. Após o processo terminar, acesse a aba “Aparência” > “Temas” e se o layout instalado não estiver ativo, clique em “Ativar”.
*Esse método poderá ocorrer erros, dependendo do servidor. Dessa forma haverá falhas na hora de enviar o template. Se isso acontecer, utilize um dos outros métodos abaixo.
Segundo método - Via painel administrativo II:
Existem duas formas de instalar um tema pelo painel administrativo, uma delas é a descrita acima. A outra consiste em você baixar o layout escolhido no seu computador, e enviar o arquivo manualmente para o servidor.Depois de baixar o arquivo (geralmente no formato .zip) no seu computador. Acesse o painel administrativo, abra a aba “Aparência” > “Temas” > "Instalar Temas" e clique no link “Fazer Upload”. Escolha o arquivo baixado (não extraia o arquivo ou altere-o, poderá ocorrer erros se fizer isso!) e clique em "Instalar Agora".
Confirme os dados de acesso ao servidor, clique em "Continuar" e aguarde. Se tudo ocorrer bem, seu template estará instalado com sucesso. Após o processo terminar, acesse a aba “Aparência” > “Temas” e se o layout instalado não estiver ativo, clique em “Ativar”.
*Nesse método poderá ocorrer erros, dependendo do servidor. Dessa forma haverá falhas no envio do arquivo.
Terceiro método - Via FTP:
Esse método é o que eu mais indico, pois ocorre menos erros na hora do envio. Você deverá ter um aplicativo instalado no seu computador, recomendo o FileZilla (veja o tutorial). Você deverá ter o tema escolhido baixado e descompactado no seu computador.Abra o seu serviço de FTP, faça o login acesse a página "wp-content" > "themes" e envie a pasta do tema para o servidor.
Acesse o painel administrativo após o tema ser completamente enviado e ative-o. Acessando a aba “Aparência” > “Temas” e se o layout instalado não estiver ativo, clique em “Ativar”.
Espero que você tenha gostado desse tutorial, são três formas para você enviar um tema para o Wordpress.org. Esse tutorial já é compatível com a última versão do Wordpress (a 3.0). Até a próxima. ;D
Luan Felipe é autor do blog Sem Preceito e editor da nossa coluna sobre Wordpress.
sábado, 8 de maio de 2010
Como migrar do Wordpress para Blogger
Converter o .xml do Wordpress para o do BloggerEstamos processando o seu agora importação e lhe enviaremos um e-mail quando tudo feito. Se você não ouvir de nós dentro de 24 horas, por favor, contate o suporte e vamos começar tudo fixo.
Luan Felipe é autor do blog Sem Preceito e responsável pela nossa coluna sobre Wordpress.
quinta-feira, 29 de abril de 2010
Como migrar para Wordpress facilmente
Acesse a tabela completa de serviços do Luan em http://www.sempreceito.com/servicos
terça-feira, 27 de abril de 2010
Migrando do Blogger para Wordpress - vídeo
domingo, 18 de abril de 2010
Como migrar do Blogger para Wordpress
- Todas as suas postagens, com seus devidos conteúdos (textos e links, as imagens não mudarão de endereço).
- Todas as suas categorias.
- Todos os seus comentários.
- Migrar Blogger para Wordpress – Sem Preceito
- Como fazer backup dos posts no Blogger – Dicas Blogger
- Diferenças entre Blogger e Wordpress – Dicas Blogger
- Conhecendo as versões do Wordpress – Dicas Blogger
- Como instalar o Wordpress – Parte 1 – Dicas Blogger
- Como instalar o Wordpress – Parte 2 – Dicas Blogger
segunda-feira, 22 de março de 2010
Como personalizar botão Topsy
Com o tutorial de instalação do botão Topsy surgiram algumas dúvidas sobre formas de personalização e posicionamento. Acredito que essas dúvidas sejam de todos e por isso achei necessário a composição deste post. Aqui irei ensinar como trocar o “tweet” e “retweet” padrão do botão por outras frases, irei comentar um pouco sobre a troca de cores do botão e sobre formas de posicionar o botão (a direita ou a esquerda do conteúdo – com ou sem tabela). Preparado?
Personalizar texto do botão:
O @Papi, no post sobre a instalação do Topsy, me perguntou como faz para trocar os textos “tweet” e “retweet” que vem por padrão no botão. Para personalizá-los siga os passos citados abaixo.
Trocar “tweet”:
Adicione, abaixo do código do seu nick do twitter (ensinado no tutorial de instalação do Topsy), esse código:
var topsy_tweet_text = "tweet";
Troque o “tweet” entre aspas por outro texto.
Trocar o “retweet”:
Adicione esse código e troque o que está entre as aspas (o “retweet”):
var topsy_retweet_text = "retweet";
Os códigos acima devem ficar assim:
<script type="text/javascript">
var topsy_style = "big";
var topsy_nick = "PERFIL DO TWITTER";
var topsy_tweet_text = "tweet";
var topsy_retweet_text = "retweet";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script>
Leia o tutorial “Topsy – outro botão de RT para o seu blog” para saber instalar corretamente.
Personalizar cor:
Não tenho muito o que falar, pois já comentei e ensinei a realizar isso no tutorial de instalação. O código abaixo permite a troca de cor do botão, utilize-o e mude o texto entre aspas para um outro destacado na imagem.
var topsy_theme = "jade";
Opções de cores:
Ao lado das dos botões coloridos você contra os nomes das cores, utilize-os para personalizar seu botão.
Posicionamento do botão:
Sem tabelas:
Você pode posicionar seu botão tanto à direita, quando à esquerda. Confira os códigos abaixo e troque a parte vermelha pelo código (pronto) do seu botão Topsy.
Alinhamento a esquerda:
<b:if cond='data:blog.pageType == "item"'>
<div style="float:left; margin-right:5px;">CODIGO DO BOTÃO</div>
</b:if>
Alinhamento a direita
<b:if cond='data:blog.pageType == "item"'>
<div style="float:right; margin-left:5px;">CODIGO DO BOTÃO</div>
</b:if>
Com tabelas:
Esse modo foi ensinado no post de instalação, botão de retweet + banner de publicidade. Para inverter os dois, ou seja, colocar o botão ao lado direito e o banner no lado esquerdo, utilize o código de tabela abaixo:
<b:if cond='data:blog.pageType == "item"'>
<table
style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">
<tbody>
<tr>
<td valign="undefined" align="left">CÓDIGO DO ANÚNCIO</td>
<td valign="undefined" align="undefined"> CÓDIGO DO TOPSY </td>
</tr>
</tbody>
</table> </b:if>
NOTA: O Topsy, assim como o TweetMeme recolhe as informações para o retweet através do navegador, ou seja, se você instalar os botões na página inicial e clicar no botão, você vai retwuitar a página inicial. Entendeu? Por isso recomendo (e ensino) a instalar somente nas páginas dos posts.
PS: Essa regra não serve para o plugin para o Wordpress do Topsy!
Espero que você tenha gostado, essas são algumas formas de personalizar seu botão do Topsy. Até a próxima. ;D
quarta-feira, 10 de março de 2010
Topsy – outro botão de RT para o seu blog
A mestra Juliana ensinou a colocar em seu Blogger o TweetMeme, embora ele e o Topsy tenham a mesma função, o Topsy permite o retweet várias vezes seguidas, enquanto o TweetMeme bloqueia a ação após o primeiro retweet. No resto, ambos mostram a quantidade de retweets e ambos permitem algumas configurações e personalizações.
Assim como o TweetMeme, o Topsy também possuí dois tamanhos, um grande (big) e o outro compactado. E também disponibiliza a personalização de cores, veja outras opções: Topsy Retweet WebSite.
Para colocar o botão embaixo dos posts, entre no HTML do seu template acessando “Layout” > “Editar HTML”. Marque a opção “Expandir modelos de widgets” e procure (crtl+F) por:
<div class='post-footer'>
Acrescente logo acima o código abaixo:
<b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript">
var topsy_style = "big";
var topsy_nick = "PERFIL DO TWITTER";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script></b:if>
Substitua a parte “PERFIL DO TWITTER” pelo seu nick (sem o @). A função da parte verde é exibir o botão somente nas páginas das postagens, a parte vermelha é o código do Topsy (o tamanho grande - big). Para utilizar o tamanho pequeno, mude o “big” do código por “small”.
Para colocar o botão entre o título e o post, encontre:
<div class='post-header-line-1'/>
E cole o código anterior, visualize e salve.
Você poderá juntar o botão com um anúncio, se quiser. Entretanto vai depender do tamanho da sua área de postagem (main-wrapper). Utilize o código abaixo:
<b:if cond='data:blog.pageType == "item"'>
<table
style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">
<tbody>
<tr>
<td valign="undefined" align="left">CÓDIGO DO TOPSY</td>
<td valign="undefined" align="undefined"> CÓDIGO DO ANÚNCIO </td>
</tr>
</tbody>
</table> </b:if>
O resultado será parecido com esse:
Para utilizar o modelo acima, com um banner de publicidade, você precisará converter o código. Use o site Blogcrowd.
Se você preferir não utilizar um banner, pense em uma frase criativa e coloque no lugar. Veja o exemplo abaixo:
<b:if cond='data:blog.pageType == "item"'>
<table
style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">
<tbody>
<tr>
<td valign="undefined" align="left">CÓDIGO DO TOPSY</td>
<td valign="undefined" align="undefined">
<b>Siga este blog no <a href='http://LINK DO SEU TWITTER'>Twitter </a> e fique por dentro das novidades!</b>
</td>
</tr>
</tbody>
</table> </b:if>
Se preferir algo “além”, aprenda a mexer com HTML ou utilize o programa NVU portable para contruir o seu próprio código.
Para alterar a cor, acrescente o seguinte código (destacado em vermelho) no seu botão:
<script type="text/javascript">
var topsy_style = "big";
var topsy_nick = "PERFIL DO TWITTER";
var topsy_theme = "jade";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script>
Altere a palavra entre aspas (“”) para a cor que você quiser, com base na imagem abaixo:
Assim como a Tia Ju recomendou, faça as alterações em um blog de teste. Até mais. ;D
CLIQUE AQUI E PERSONALIZE SEU BOTÃO DO TOPSY!
NOTA: O Topsy, assim como o TweetMeme recolhe as informações para o retweet através do navegador, ou seja, se você instalar os botões na página inicial e clicar no botão, você vai retwuitar a página inicial. Entendeu? Por isso recomendo (e ensino) a instalar somente nas páginas dos posts.
PS: Essa regra não serve para o plugin para o Wordpress do Topsy!
| Luan Felipe (@luanfr) é o colaborador responsável pela coluna sobre Wordpress e autor dos blogs Sem Preceito e Luan Feelings. |
sexta-feira, 5 de março de 2010
Como traduzir o Wordpress
1. Pelo painel de controle:
Acesse o painel de controle do seu blog (www.dominio.com.br/wp-admin), faça o login e procure pela aba “Tools” > “Upgrade”.2. Pelo FTP:
| Luan Felipe (@luanfr) é o colaborador responsável pela coluna sobre Wordpress e autor dos blogs Sem Preceito e Luan Feelings. |
terça-feira, 2 de março de 2010
Como instalar o Wordpress - Parte 2
- Onde comprar meu domínio e hospedagem? (Sem Preceito)
Instalação pelo Painel de Hospedagem:
Apenas oferecemos a instalação/configuração automática de WordPress mas não oferecemos qualquer tipo de suporte.
- Como instalar o Wordpress? – WpThemesPT
- Como criar um blog no Wordpress.org? – Ferramentas Blog
| Luan Felipe (@luanfr) é o colaborador responsável pela coluna sobre Wordpress e autor dos blogs Sem Preceito e Luan Feelings. |
sábado, 27 de fevereiro de 2010
Como instalar o Wordpress - Parte 1
- Onde comprar meu domínio e hospedagem? (Sem Preceito)
Instalação por FTP:
- Instalar na raiz do site, dessa forma poderemos acessar o blog através do link www.dominio.com.br
- Instalar em uma subpasta, por exemplo com o nome de “blog”. Dessa forma seu blog poderá ser acessado pelo link www.dominio.com.br/blog/
Seguimos em frente. Leia a próxima página e clique em “Vamos começar!”.
Neste passo você só irá mexer em três campos, os três primeiros.
- Nome do banco de dados: O nome do banco de dados que você criou com a ajuda do tutorial do Celso.
- Nome do usuário: O nome do usuário que você fez na hora da criação do banco de dados.
- Senha: Coloque a senha que você cadastrou junto do nome do usuário.
Preencheu os dados corretamente? Clique em “Enviar”. Uma mensagem de sucesso vai aparecer com um botão “Começar Instalação”.
Prosseguindo. O próximo passo será definir o nome do blog e o seu e-mail. Você também poderá permitir ou não o acesso dos buscadores. Todas essas informações poderão ser alteradas sem problemas no futuro. Depois clique em “Instalar WordPress”.
Depois de preencher alguns dados para o seu blog, o Wordpress irá disponibilizar o seu login e a sua senha. Guarde essa senha enquanto ela não for alterada!!
Por padrão o Wordpress cria como administrador um usuário com o nick “admin”. Você poderá alterar criando um novo usuário para você (recomendado – ensinarei a fazer isso nos próximos tutoriais).
Clique em “Login” e digite seu login e a sua senha temporária.
Pronto! Wordpress instalado após todos esses passos. Se você “conseguiu” ler todo o tutorial, meus parabéns. Se não conseguiu entender patavinas de nada, espere até o próximo tutorial (parte 2) ou leia este novamente. Abraços! ;D
| Luan Felipe (@luanfr) é o colaborador responsável pela coluna sobre Wordpress e autor dos blogs Sem Preceito e Luan Feelings. |
sábado, 13 de fevereiro de 2010
Diferenças entre Blogger e Wordpress
Crédito: Friends
As plataformas:
Wordpress:
Blogger:
A facilidade de configuração do Blogger é muito grande. Sabendo pouco você conseguirá fazer muito: trocar o nome do blog, a descrição, mudar as cores, mover os widgets/gadgets, entre outros.Nas postagens do Blogger quando não prestamos atenção corremos o risco de que nossas URL’s saiam faltando letras. Isso acontece pelo fato de que o Blogger não interpreta que “á” é a mesma coisa que “a”, dessa forma a letra é excluída (também acontece com todos os acentos e “ç”).
| Algumas opções: | .ORG | .COM | Blogger |
|---|---|---|---|
| Instalação de novas ferramentas (ou plugins) | X | - | - |
| Instalação de templates e personalização | X | - | X |
| Personalização dos links das postagens, tags e categorias | X | - | - |
| Moderação e edição de comentários | X | X | - |
| Utilização de domínio próprio (sem pagar hospedagem) | - | X | X |
| Criação de páginas estáticas | X | X | X |
| Possibilidade de publicar por e-mail | X | X | X |
| Exibição de Avatar nos comentários | X | X | X |
| Adicionar novos usuários como leitores, administradores, etc... | X | X | X |
| Bloqueando acesso dos buscadores por um clique | X | X | X |
| Fazer backups fácilmente | X | X | X |
segunda-feira, 25 de janeiro de 2010
Conhecendo as duas versões do Wordpress
WordPress é um sistema de gerenciamento de conteúdos na web, escrito em PHP e corrido em MySQL, especialmente para a criação de blogs. WordPress foi criado a partir do já desaparecido b2/cafelog e é hoje, junto com o Movable Type, o mais popular na criação de Weblogs. As causas do seu rápido crescimento são, entre outras, seu tipo de licença (de código aberto), sua facilidade de uso e suas características como gerenciador de conteúdos. Criado por Ryan Boren e Matthew Mullenweg, é distribuído sob a GNU General Public License sendo gratuito. Fonte: Wikipedia
- Possuem o mesmo editor de postagens.
- Disponibilizam a opção de criar páginas.
- Pode-se criar categorias e tags normalmente.
- A desativação de pings/tackbacks e comentários é possível.
- Colocar ou não widgets na sidebar apenas com um clique.
- São compatíveis com o Gravatar, que inclui o avatar personalizado nos comentários.
- Você pode alterar e moderar os comentários.
- Pode incluir novos cadastros em 4 categorias: Autor, Editor, Colaborador e Administrador. No Wordpress.org você encontrará mais uma: Assinante.
- Criar lista de links e enviar arquivos.
- Você pode agendar, editar e revisar posts.
Wordpress.org:
- Implementar novas ferramentas com os plugins.
- Adicionar novos templates (temas ou themes).
- Personalizar as URL’s dos posts.
- Permite publicar postagens por e-mail.
- Alterar a página inicial à ser exibida, exibindo como página estática.
- Editar páginas, aparências e estilos dos templates/themas.
Wordpress.com:
Tabela com algumas diferenças básicas:
| Ferramentas/Opções disponibilizadas: | .ORG | .COM |
| Instalação de novos themas e plugins. | X | - |
| Personalização dos links/URL’s dos post, tags e categorias. | X | - |
| Alteração dos links/URL’s nos posts. | X | X |
| Desativar/ativar acesso dos buscadores | X | X |
| Desativar os comentários | X | X |
| Criar páginas personalizadas | X | X |