Download (baixado 2089 vezes)

• HTML5 e CSS3
• @Font-Face
• Paginação de Posts e Comentários
• Comentário do autor do blog destacado
• Função replay nos comentários
• Suporte a thumbnail
• Posts relacionados, arquivos e resultados da busca com thumbnail
• Imagem com largura do post (como uso aqui no blog: class="alignnone" e largura 600px)

Dúvidas nos comentários desse post ou na página de Perguntas.

Regras de sempre: não pode redistribuir, usar comercialmente e nem restirar os créditos. Have fun

Formulário de contato simples para WordPress

1. Faça o download do arquivo contact-form.zip, descompacte e envie para a pasta do seu tema.

2. Acesse o arquivo pelo painel de administração (Appearance/Editor), dê um ctrl + F para localizar seuemail@mail.com em 2 locais e substitua pelo email onde você quer receber seu contato.

3. Para adicionar o formulário a uma página, vá em Pages/Add New e ao lado direito localize "Template". Escolha a opção "Contact Form", salve e publique a página.

O resultado pode ser visto na minha página de Contato .

O formulário original: www.techtipsgeek.com foi traduzido, validado o html, corrigida a função replay e adicionado o campo "site/blog"

Coloque a data ao lado do título dos posts como no exemplo:

01. Abra o arquivo index.php e ao lado da tag do título dos posts, adicione:

<div class="date">
<span class="dia"><?php the_time('d',true); ?></span>
<span class="mes"><?php the_time('M',true); ?></span>
<span class="ano"><?php the_time('Y',true); ?></span>
</div>

02. Agora adicione ao seu css:

.date {
width: 45px;
height: 50px;
float: left;
margin: 0;
text-align: center;
font-family: arial, georgia;
}
.date span.dia{
color: #6d6d6d;
font-size: 22px;
font-weight: bolder;
}
.date span.mes{
text-transform: none;
color: #6d6d6d;
font-size: 12px;
font-weight: bolder;
text-transform: uppercase;
margin-top: 5px;
}
.date span.ano{
text-transform: none;
color: #6d6d6d;
font-size: 12px;
font-weight: bolder;
}

Modifique como desejar!

Adicione o formulário de comentários em todas as páginas do seu WordPress.

Abra o arquivo page.php e onde desejar (final do post ou após a tag de data) adicione:

<?php comments_template();?>

Organize os links do seu blogroll em duas colunas, veja um exemplo na minha página de links.

01. Adicione ao seu css:

.links {
width: 100%;
border:none;
margin: 0 0 3px 0;
}
.links ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.links ul li {
float:left;
list-style-type:none;
padding:0;
margin:0;
}
.links li a, .links ul li a:visited, .links ul li a:active {
display: block;
width: 200px;
height: auto;
background: none;
border-bottom:1px solid #c0c0c0;
padding: 2px;
margin:0 0 0 2px;
}
.links ul li a:hover {
background: #F8f8f8;
}

Altere como achar melhor.

02. Para exibir os links do blogroll use:

<div class="links"><ul>
<?php wp_list_bookmarks('category=1'); ?> </ul></div>

Lembrando que essa tag só vai exibir os links da categoria "1". Altere o que for necessário.

Adiciona ao menu de navegação do seu wordpress efeito hover na página que está sendo visualizada.
Página original do tutorial: webdesignerwall.com

01. Esse tutorial será baseado nesse menu. Caso use algum outro, faça as devidas modificações.
02.Troque então:

<div id="menu">
<ul>
<li><a href="http://www.link1.com">Link 1</a></li>
<li><a href="http://www.link2.com">Link 2</a></li>
<li><a href="http://www.link3.com">Link 3</a></li>
</ul>
</div>

Por

<div id="menu">
<ul>
<li<?php if ( is_home() || is_category() || is_archive() || is_search() || is_single() || is_date() ) { echo ' class="current"'; } ?>><a href="<?php bloginfo('siteurl'); ?>">Home</a></li>
<li<?php if ( is_page('domínio') ) { echo ' class="current"'; } ?>><a href="<?php bloginfo('siteurl'); ?>/dominio">Domínio</a></li>
<li<?php if ( is_page('links') ) { echo ' class="current"'; } ?>><a href="<?php bloginfo('siteurl'); ?>/links">Links</a></li>
</ul>
</div>

03. Veja que o primeiro link, adiciona efeito hover as páginas: index, categorias, arquivos, busca e data. Se quiser adicionar ou retirar alguma é só remover do código.

04. Nos demais links, observe e altere:

is_page('domínio') - onde dominio é o nome da página mostrada, você pode usar a ID se desejar.
http://true-luv.com/dominio - onde http://true-luv.com mostra o endereço do seu blog e /dominio a página a ser mostrada. Aqui também pode ser usada a ID se desejar.

O resultado deve ser semelhante a esse:

Esse tutorial vai ensinar como instalar o wordpress no seu computador. Assim você pode ter na sua máquina um blog de testes, muito útil na hora de configurar temas, testar plugins, etc...
Importante! Se o que você quer é fazer um site/blog usando wordpress, use esse tutorial: http://true-luv.com/instalar-o-wordpress-manualmente/

01. Faça o download do programa easyPHP.
02. Instale o programa não esquecendo de escolher a linguagem "português".
03. Verifique se as duas luzes do easyPHP estão verdes, se não estiverem, reinicie o programa.
04. Agora vamos criar usuário e banco de dados para o wordpress. Clique com o botão direito no ícone do easy php (que está ao lado do relógio na sua barra do "iniciar") e escolha a opção "administração".
05. Ao lado de phpmyadmin, clique em "mysql administrar".
06. Clique agora em "privilégios" e depois "adicionar novo usuário" e preencha:

nome de usuário: coloque o nome de usuário que quiser
servidor: localhost
senha: coloque sua senha
re-digite: sua senha novamente

07. Em "Privilégios globais" clique em "Marcar todos" e depois em "Executar".
08. Já criamos um usuário, agora vamos criar um banco de dados. Clique no ícone da casinha para voltar a home do phpmyadmin.
09. Procure por "Criar novo Banco de Dados", preencha o primeiro campo com o nome que quer dar, no segundo campo mantenha "collation" e clique em "criar".
10. Agora vamos instalar o wordpress. Faça o caminho: Meu computador/ C:/ arquivos de programas/ EasyPHP 2.0b1/ www. É dentro da pasta www que você irá instalar o wordpress. Eu sugiro que crie um atalho na sua área de trabalho para facilitar o acesso a essa pasta.
11. Coloque a pasta do wordpress dentro de www, preencha o arquivo wp-config-sample.php com o nome de usuário, senha e nome do banco de dados que criamos e para rodar a instalação, salve como wp-config.php, acesse pelo seu navegador: http://127.0.0.1/wordpress/wp-admin/install.php e proceda a instalação normalmente.
12. Sempre que quiser acessar o wordpress que instalamos digite: http://127.0.0.1/wordpress. Mas para isso, não esqueça de abrir o seu easyPHP e verificar se as duas luzes estão verdes.

Deixa as datas do wordpress em português.

01. Faça o download do arquivo locale.zip e descompacte.
02. Envie o arquivo locale.php para a pasta wp-includes substituindo pelo arquivo original.

Esse arquivo funciona na versão 2.8 do wordpress.

Para instalar o wordpress você deve seguir praticamente os mesmos passos seguidos na instalação de qualquer script.

01. Crie um banco de dados.
02. Abra o arquivo wp-config-sample e preencha:

define('DB_NAME', 'putyourdbnamehere'); // (coloque o nome do banco de dados que você criou)
define('DB_USER', 'usernamehere'); // (coloque o username que você criou no banco de dados)
define('DB_PASSWORD', 'yourpasswordhere'); // (coloque a senha que você criou no banco de dados)

03. Salve como wp-config.php e envie a pasta completa do seu wordpress (via ftp) para seu servidor.
04. Acesse: http://www.SEUSITE.com/BLOG/wp-admin/install.php (troque SEUSITE pelo seu endereço e BLOG pelo diretório onde vai ser instalado o wordpress).
05. Aparecerá essa página. Clique em "First Step" e nessa página preencha o nome do seu blog e o seu email.
06. Clique em "Continue to Second Step". Guarde o seu login e senha.
07. Para acessar o painel de administração basta clicar no link "wp-login.php" dessa página e fazer o login.

Você pode atualizar o seu wordpress de duas maneiras. Se ele tiver sido instalado pelo Fantástico do seu cpanel, basta seguir o passo a passo. Para atualizar manualmente, siga esses passos:

01. Antes de mais nada, desative todos os seus plugins e mantenha ativado apenas o Maintenance Mode.
02. Faça um backup completo do seu banco de dados, isso pode ser feito via phpmyadmin ou através do plugin wordpress database backup.
03. Faça o backup da sua pasta wp-content (via ftp).
04. Faça o download da última versão do wordpress no site oficial: wordpress.org.
05. Descompacte e envie os arquivos por ftp subscrevendo os antigos.
06. Feito isso, acesse: http://www.SEUSITE.com/BLOG/wp-admin/upgrade.php e irá rodar a atualização do wordpress (não esqueça de substituir SEUSITE pelo seu domínio e /BLOG pelo diretório onde está instalado o seu wordpress).
07. Clique em "Upgrade WordPress" e na página seguinte clique em "Continue".

08. Ative seus plugins e atualize os que não forem compatíveis.
09. Na atualização do worpress 2.1 (e anteriores) para as versões superiores, você pode ter problemas na acentuação. Sendo assim, depois que tudo isso foi feito, abra o arquivo wp-config.php e troque:

define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');

por

define('DB_CHARSET', 'latin1');
define('DB_COLLATE', 'utf8');

No meu caso eu usei na primeira linha 'latin1' porque foi a codificação que escolhi quando importei meu banco de dados, substitua pela opção escolhida por você.

Se tiver algum problema, basta reinstalar a versão antiga e recuperar o banco de dados com o backup que você fez.