Wordpress

De Babel Digital
Revisão de 14h40min de 9 de maio de 2011 por Avena (discussão | contribs)

Site oficial

Criando um tema

Vamos criar pasta - novo_tema - e dentro arquivos: index.php e style.css

Dentro de style.css coloca a seguinte info sobre o tema:

/*
Theme Name: Novo Tema XY
Description: O novo tema para XY
Author: XY da Silva
Author URI: www.xydasilva.net
*/

Outros paginas que vamos ter para separar a estrutura de tema e também cada modo de visão ter estilo próprio/diferente.

header.php - responsavel por o estilo do Cabeçalho do Site
single.php - responsavel pelo estilo quando ver somente um Post
page.php - responsável pelo estilo do tipo conteúdo for Página
footer.php - pelo estilo do Rodapé

Outros que pode ter:

archive.php - Arquivos dos posts.
comments.php - Comentários
404.php - Tema que pode ter quando der erro 404 (post/pagina/conteudo nao encontrado)
attachment.php - Referente aos anexos.
category.php - Quando selecionar post de uma categoria.
tag.php - Estilo quando escolher uma tag
functions.php - Funções próprias do tema

Usando funcoes do Wordpress Links pra css ou algo do tema no html basico estava assim:

<link rel="stylesheet" type="text/css" href="reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

Agora deve ficar assim, usando a funcao <?php bloginfo( 'stylesheet_url' ); ?> se refere ao style.css
Agora <?php bloginfo('template_directory'); ?> - se refere ao diretório novo_tema - /wp-content/themes/novo_tema - pois vai assim deixar de forma dinâmica e poder mover tema: novo_tema - pra outras url/blog e funcionar.
Com <?php bloginfo('template_directory'); ?> possivel usar qualquer coisa de tiver dentro do tema.

Ficando assim agora o links css:

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>" media="screen" />

Instalação, configuração e gestão

Importante: neste tutorial de instalação iremos considerar que você possui acesso via SSH ao servidor no qual seu site será instalado. Se você não conhece bem o SSH dê uma olhada aqui

Primeiramente você precisa entrar no servidor via SSH, para isso abra um terminal e digite o seguinte comando:

ssh usuário@domínio

Uma vez conectado ao servidor você terá que baixar para a sua pasta pública (seu domínio) os arquivos do Wordpress. Vá até o site do Wordpress Brasil (http://br.wordpress.org/) e copie o link para o download da versão mais recente do Wordpress; neste tutorial iremos usar como exemplo a versão 2.9.1, mas poderia ser qualquer outra que os passos seriam os mesmos. Volte ao terminal no qual você está conectado ao servidor e dê o seguinte comando

wget http://br.wordpress.org/wordpress-2.9.1-pt_BR.zip

Uma vez baixados os arquivos, vamos extraí-los utilizando o seguinte comando:

unzip wordpress-2.9.1-pt_BR.zip

OBS: Sempre lembrando que a parte do comando destacada em negrito irá variar conforme a versão do Wordpress que você baixou.

(cont...)


Dicas / Suporte

Plugins interessantes

Theme Frameworks

Available Frameworks

  • Atahualpa
  • The Buffet Framework
  • Carrington
  • Hybrid
  • Sandbox
  • Thematic
  • WP Framework

Fazenda de blogs e redes sociais utilizando Wordpress

Manuais de Uso

vídeo aulas