O documento fornece uma introdução ao WordPress, o CMS mais popular do mundo. Explica que o WordPress é uma plataforma de código aberto para gerenciamento de conteúdo online desenvolvida em PHP e MySQL, com foco em estética, padrões web e usabilidade. Também descreve os principais recursos do WordPress como temas, painel de controle, template tags e loops para exibição de conteúdo.
2. 1. Introdução
O WordPress é uma plataforma de código aberto para
gerenciamento on-line de conteúdo o que chamamos de
CMS, desenvolvido na linguagem PHP e sua base de
dados em MySQL, com foco na estética, nos Padrões Web
e na usabilidade. O WordPress é um software gratuito. Em
outras palavras, o WordPress é o que você usa quando
você quer trabalhar e não lutar com seu software de
publicação.
3. Mais que um CMS um Framework
O Wordpress em sua versão atual já não é mais visto como um simples
sistema para criação de blogs, este foi seu objectivo inicial quando foi
lançado em 27 de maio de 2003 na versão 0.70.
Enquanto escrevo esta apresentação o Wordpress esta na sua versão
3.2.1. O Wordpress pode ser visto sendo utilizado para gerenciar sites
de diversas áreas desde um simples blog a um completo site de e-
commerce ou um portal de notícias. Isto foi possível por sua
simplicidade e flexibilidade de se trabalhar, você faz o que você quiser
com esta ferramenta pois o Wordpress hoje além de ser o CMS mais
popular do mundo é usado como um framework por várias empresas
para construção de sites simples e complexos.
4. 2. Instalação
REQUISITOS MÍNIMOS
Para a utilização do WordPress são recomendadas as
seguintes configurações:
Versão do PHP 5.2.4 ou superior.
Versão do MySQL 5.0.2 ou superior
5. A famosa instalação de 5 minutos
1. Descompacte o pacote em uma pasta vazia.
2. Abra o arquivo wp-config-sample.php com um editor de texto como o WordPad ou
similar e preencha suas informações de conexão do banco de dados.
3. Salve o arquivo como wp-config.php
4. Faça o upload de tudo.
5. Abra o arquivo /wp-admin/install.php no seu navegador. Isto instalará as tabelas
necessárias para o seu blog. Se ocorrer algum erro, confira seu arquivo wp-config.php, e
tente novamente. Se falhar novamente, visite os fóruns de suporte com todas as
informações que você puder reunir.
6. Anote a senha fornecida para você.
7. A instalação deve então encaminhá-lo para a página de login. Preencha o nome de
usuário com admin e a senha gerada durante a instalação. Você pode clicar em
‘Usuários/Seu Perfil’ para alterar a senha.
Para informações mais detalhadas sobre a instalação visite essa página do Codex (em
inglês).
http://codex.wordpress.org/Installing_WordPress
6. 3. Painel de controle
A tela inicial do painel
que chamamos de
Dashboard é uma
ferramenta para
acessar rapidamente
as áreas mais
utilizadas da
Administração do seu
site. A Tela do Painel
inicial apresenta
informações em
blocos chamados de
módulos.
7. Um resumo sobre o painel de controle
O Painel de Administração oferece acesso aos recursos do controle de sua instalação do
WordPress. Cada painel de administração é apresentado em seções, o cabeçalho, a
navegação principal, a área de trabalho e o rodapé. O cabeçalho mostra o nome do seu
site que é também um link para o seu site, pode mostrar a mensagem de motores de
busca bloqueados se as configurações de privacidade se assim estiver definida, links
para Seu perfil (mostrada como seu nome de usuário) e link Sair. Logo abaixo do topo da
área sombreada há duas abas com Opções de Tela e Ajuda contextual Ajuda, que podem
ser clicadas para expandi-las.
Do lado esquerdo da tela há o Menu de Navegação logo mais, há detalhes de uma das
funções administrativas que você pode executar. Duas setas expandir/recolher logo
abaixo De Painel e Comentários permitem que o menu de navegação se recolha em um
conjunto de ícones, enquanto se expandi-los aparece o ícone e rótulo para cada uma das
principais funções administrativas. Dentro de cada uma das funções importantes, como
Postagens, uma seta para baixo é apresentada se a parar o cursor do mouse sobre a
barra de título. Clique sobre a seta que se expande para mostrar cada uma das opções
de sub-menu. Clicando nessa seta, o sub-menu é recolhido.
Mais informações, acesse:
http://codex.wordpress.org/pt-br:Painéis_de_Administração
8. 4. Temas
Um Tema é o design geral de um site e engloba cores,
gráficos, texto e arquivos como imagens, scripts, folhas de
estilo entre outros. Um tema é às vezes chamado de skin.
Quem usa o WordPress têm disponível uma longa lista de
temas para escolher e decidir o que apresentar aos
visitantes dos seus sites.
Desde o aparecimento do SubPainel Temas você pode
escolher qual tema será apresentado para os visitantes do
seu site. Você também pode ver imagens de cada tema que
enviou para o seu servidor.
9. Sub painel de temas
No sub painel de
temas é onde você
pode procurar e
visualizar os temas
disponíveis para
serem utilizados em
seu site ou blog. É
possível instalar
novos temas também
direto pelo sub painel
de temas
10. PHP
Como o Wordpress é um sistema desenvolvido na linguagem PHP em sequência seus temas
também devem ser desenvolvidos em PHP.
Algumas regras básicas do PHP.
Todas as instruções em PHP devem estar entre os seguintes marcadores <?php ?> e as
instruções devem ser sempre finalizadas com ponto e virgula ( ; ).
Exemplo:
<?php echo “Olá mundo!” ?> // Esta instrução irá imprimir na tela o texto Olá mundo!
Em qualquer linguagem de programação trabalhamos com as chamadas variáveis que funcionam
como gavetas para guardadem um conteúdo para serem usadas de várias formas.
No PHP toda variável é definida colocando o caracter ( $ ) antes do nome da variável.
<?php
$cor = “azul”; // A variável $cor foi declarada e recebeu uma string, strings são variáveis do tipo
texto.
echo $cor; // Imprimimos na tela o valor da variável $cor, o resultado sera o texto “azul”
?>
11. Instruções básicas de php
1.Imprimindo um conteúdo na tela
<?php echo “Olá mundo!” ?> // Esta instrução irá imprimir na tela o texto Olá
mundo!
2.Instrução condicional
As instruções condicionais funcionam como um interruptor. Ela executa uma
instrução dependendo do resultado da expressão condicional que vai ser
Verdadeiro ou Falso.
<?php
$cor = “azul”
if( $cor == “azul” ):
echo “A cor é azul”;
else:
echo “A cor não é azul”
endif;
?>
12. Instruções básicas de php
3.Instrução de repetição
As instruções de repetição são parecidas com as condicionais com uma diferença, elas
executam uma instrução enquanto o resultado da expressão condicional que for
Verdadeira.
While For
<?php <?php
$limit = 1; for( $x=1; $x<=10; $x++):
echo $x;
while( $limit<=10 ): endfor;
echo $limit; ?>
$limit++;
endwhile;
?>
13. Criando temas
Um tema de Wordpress é formado por um conjunto de arquivos agrupados dentro de uma pasta e ficam localizados na
pasta wp-content/themes da sua instalação do Wordpress.
Para o Wordpress reconhecer este grupo de arquivos como um Tema é necessário seguir algumas regras básicas
especificadas pelo Wordpress como nomeclatura dos arquivos .php do thema e comentários especificos em algumas
partes específicas dos arquivos de template do tema.
Primeira regra:
Agrupar os arquivos mínimos dentro de uma pasta que deve estar localizada na pasta wp-content/themes.
Segunda regra:
Os arquivos mínimos necessários para ter um tema reconhecido pelo Wordpres são:
Index.php e o style.css e no arquivo style.css é necesário ter um bloco de comentário com as especificações do tema
como mostrado abaixo.
/*
Theme Name: Rose
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: use-this-to-define-a-parent-theme--optional
Version: a-number--optional
Tags: a-comma-delimited-list--optional
.
General comments/License Statement if any.
.
*/
14. Hierarquia de um tema
Para criar um bom tema para WordPress, você precisa conhecer bem a estrutura de
arquivos que são utilizados no construir estes temas.
15. 5. Template tags
As templates tags são umas das grandes características que tornam o Wordpress uma
ferramenta fácil para se trabalhar e produtiva.
Elas são funções nativas do Wordpress que realizam diversas instruções. Vamos ver aqui
as templates tags mais básicas pois são muitas.
Include Tags
As include tags são usadas nos arquivos de Modelo (por exemplo index.php) para
executar HTML e PHP que se encontram em outros arquivos de modelo (por exemplo
header.php). PHP possui uma instrução include() para esse fim, mas as tags de modelo do
WordPress facilitam bastante a inclusão de certos arquivos específicos. Os arquivos de
include devem estar na pasta do tema.
<?php get_header(); //Inclue o arquivo header.php no template ?>
<?php get_footer(); //Inclue o arquivo footer.php no template ?>
<?php get_sidebar(); //Inclue o arquivo sidebar.php no template ?>
<?php get_search_form(); //Inclue o arquivo searchform.php no template ?>
<?php get_template_part(‘loop’); //Inclue o arquivo loop.php no template ?>
<?php comments_template(); //Inclue o arquivo comments.php no template ?>
16. Template tags
Condicional Tags
O Tags condicionais podem ser usados em seus arquivos de modelo para mudar o conteúdo que é exibido e
como esse conteúdo é exibido em uma página específica. Por exemplo, você pode querer exibir um trecho
de texto acima dos posts, mas apenas na página principal do seu site. Com a Tag is_home () Condicional,
essa tarefa é simples.
Algumas condicionais tags
<?php is_home(); //Retorna true (verdadeiro) se estiver na pagina principal. ?>
<?php is_page(); //Retorna true (verdadeiro) se estiver em um modelo de página. ?>
<?php is_single(); //Retorna true (verdadeiro) se estiver em um modelo de post. ?>
<?php is_category(); //Retorna true (verdadeiro) se estiver em um modelo de categoria. ?>
Exemplos de uso
<?php <?php <?php
if( is_home() ): if( is_category() ): if( is_category(‘Work’) ):
echo “Página principal”; echo “Categoria”; echo “Categoria Work”;
endif; endif; endif;
?> ?> ?>
17. Template tags
Bloginfo Tags Post Tags
As bloginfo tags retornam informações sobre o Os post tags são funções relacionadas aos posts
tema atual utilizado como nome do site, descrição, e páginas como conteúdo, links, classes entre
caminho de pastas entre outras informações. outras funções
Algumas bloginfo tags Algumas posts tags
<?php bloginfo(‘name’); ?> <?php the_title(); //Imprime o titulo?>
<?php bloginfo(‘description’); ?> <?php the_content(); //Imprime o conteudo ?>
<?php bloginfo(‘url’); ?> <?php the_excerpt(); //Imprime o resumo ?>
<?php bloginfo(‘template_url’); ?> <?php the_permalink(); //Retorna a url do post?>
<?php bloginfo(‘stylesheet_url’); ?> <?php the_post_thumbnail(‘thumbnail’); //Exibe a
Imagem destacada do post ?>
Exemplos de uso
<h1> <?php bloginfo(‘name’); ?></h1> Exemplos de uso
<h1> <?php the_title(); ?></h1>
Obs: O Wordpress Codex recomenda o uso da
template tag
<? echo get_template_directory_uri(); ?> no lugar
da <?php bloginfo(‘template_url’); ?>
Para conhecer todas as templates tags do Wordpress acesse:
http://codex.wordpress.org/Template_Tags
18. 6. Loop e query posts
O loop é a forma mais comum para se exibir o conteúdo do seu site através do seu tema
e as query posts é um meio de se filtrar as informações a serem exibidas quando
necessário, pos o Wordpress nativamente em cada modelo de página(templates) já
executa uma query(filtro) especifica.
Exemplo básico de um loop
<?php
if( have_posts() ):
while( have_posts() ): the_post(); ?>
<div <?php post_class() ?>>
<h1><a href=”<?php the_permalink() ?>”><?php the_title(); ?></a></h1>
<?php the_excerpt(); ?>
<a href=”<?php the_permalink() ?>”>Leia mais...</a>
</div>
<?php endwhile;
else: ?>
<p>Nada foi encontrado</p>
<?php endif; ?>
19. query posts
A função query_posts(); é utilizada para quando você tem a necessidade de alterar a query padrão que é executada
pelo Wordpress. Por exemplo no loop da página principal o Wordpress vai listar todos os posts de todas as categorias
por ordem cronológica, então se você quiser que na página principal só fossem exibidos os posts de uma categoria
específica você precisaria usar a função query_posts();
A funcção query_posts() pode receber vários parametros, vamos mostrar alguns dos mais utilizados.
Exemplo básico de um loop com uma consulta customizada usando a função query_post();
<?php
query_posts(array ( 'category_name' => 'Carros', 'posts_per_page' => 5, 'orderby'=>‘rand’ ));
if( have_posts() ):
while( have_posts() ): the_post(); ?>
<div <?php post_class() ?>>
<h1><a href=”<?php the_permalink() ?>”><?php the_title(); ?></a></h1>
<?php the_excerpt(); ?>
<a href=”<?php the_permalink() ?>”>Leia mais...</a>
</div>
<?php endwhile;
else: ?>
<p>Nada foi encontrado</p>
<?php endif; ?>
20. query posts
Para criar mais de um loop em um mesmo modelo de página é expressamente
recomendado não utilizar mais de uma vez a função query_posts(); para criar loops
secundaros utilize a função WP_Query(); como no exemplo abaixo;
Exemplo básico de um loop secundario utilizando WP_Query();
<ul>
<?php
$second_query = new WP_Query( 'tag=wordpress&posts_per_page=5' );// loop
while( $second_query->have_posts() ) : $second_query->the_post();
?>
<li>
<a href=”<?php the_permalink(); ?>”>the_title();</a>
</li>
<?php
endwhile;
wp_reset_postdata();
?>
</ul>
21. Documentação completa Contato
do Wordpress
http://codex.wordpress.org Mateus Neves
mateusneves@gmail.com
www.mateusneves.com
www.quarteldesign.com