SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
Uma introdução ao CMS mais popular do mundo.
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.
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.
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
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
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.
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
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.
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
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”
?>
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;
?>
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;
?>
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.
.
*/
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.
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 ?>
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;
?>                                    ?>                              ?>
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
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; ?>
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; ?>
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>
Documentação completa        Contato
do Wordpress
http://codex.wordpress.org   Mateus Neves
                             mateusneves@gmail.com
                             www.mateusneves.com
                             www.quarteldesign.com

Contenu connexe

Tendances

Iniciando em html5 seleção gustavo
Iniciando em html5   seleção gustavoIniciando em html5   seleção gustavo
Iniciando em html5 seleção gustavo
Gustavo Passos
 
Apresentação blogs
Apresentação blogsApresentação blogs
Apresentação blogs
luizaselis
 
Tutorial de Administração de site em CMS XOOPS ver.3
Tutorial de Administração de site em CMS XOOPS ver.3Tutorial de Administração de site em CMS XOOPS ver.3
Tutorial de Administração de site em CMS XOOPS ver.3
Luis Marcelo Zanlucki
 

Tendances (13)

Construindo temas para Plone com Diazo
Construindo temas para Plone com DiazoConstruindo temas para Plone com Diazo
Construindo temas para Plone com Diazo
 
Diazo para todos
Diazo para todosDiazo para todos
Diazo para todos
 
Python 07
Python 07Python 07
Python 07
 
Html aula 1
Html aula 1Html aula 1
Html aula 1
 
Criando Temas com Diazo
Criando Temas com DiazoCriando Temas com Diazo
Criando Temas com Diazo
 
Html+para+iniciantes
Html+para+iniciantesHtml+para+iniciantes
Html+para+iniciantes
 
Html
HtmlHtml
Html
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Iniciando em html5 seleção gustavo
Iniciando em html5   seleção gustavoIniciando em html5   seleção gustavo
Iniciando em html5 seleção gustavo
 
Html capitulo 07
Html   capitulo 07Html   capitulo 07
Html capitulo 07
 
Apresentação blogs
Apresentação blogsApresentação blogs
Apresentação blogs
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Tutorial de Administração de site em CMS XOOPS ver.3
Tutorial de Administração de site em CMS XOOPS ver.3Tutorial de Administração de site em CMS XOOPS ver.3
Tutorial de Administração de site em CMS XOOPS ver.3
 

Similaire à Introducao cms-wordpress

Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blog
Mateus Neves
 
Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4
Fabio Telles Rodriguez
 
Iniciando com o_zend_framework
Iniciando com o_zend_frameworkIniciando com o_zend_framework
Iniciando com o_zend_framework
Milton Rodrigues
 
3260 php truquesmagicos %281%29
3260 php truquesmagicos %281%293260 php truquesmagicos %281%29
3260 php truquesmagicos %281%29
Juliana Nascimento
 

Similaire à Introducao cms-wordpress (20)

Como desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a ZComo desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a Z
 
Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blog
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4
 
Introdução ao zend framework
Introdução ao zend frameworkIntrodução ao zend framework
Introdução ao zend framework
 
Iniciando com o_zend_framework
Iniciando com o_zend_frameworkIniciando com o_zend_framework
Iniciando com o_zend_framework
 
Aula30 trevisan
Aula30 trevisanAula30 trevisan
Aula30 trevisan
 
3260 php truquesmagicos %281%29
3260 php truquesmagicos %281%293260 php truquesmagicos %281%29
3260 php truquesmagicos %281%29
 
3260 php truquesmagicos
3260 php truquesmagicos3260 php truquesmagicos
3260 php truquesmagicos
 
Como criar um tema para WordPress
Como criar um tema para WordPressComo criar um tema para WordPress
Como criar um tema para WordPress
 
Criando Sites Com CMS
Criando Sites Com CMSCriando Sites Com CMS
Criando Sites Com CMS
 
WordPress
WordPressWordPress
WordPress
 
Workshop Web e WordPress
Workshop Web e WordPressWorkshop Web e WordPress
Workshop Web e WordPress
 
Instalando o WordPress local em qualquer sistema operacional - Anyssa Ferreir...
Instalando o WordPress local em qualquer sistema operacional - Anyssa Ferreir...Instalando o WordPress local em qualquer sistema operacional - Anyssa Ferreir...
Instalando o WordPress local em qualquer sistema operacional - Anyssa Ferreir...
 
Apostila Zend Framework
Apostila Zend FrameworkApostila Zend Framework
Apostila Zend Framework
 
Boas Práticas de programação WordPress
Boas Práticas de programação WordPressBoas Práticas de programação WordPress
Boas Práticas de programação WordPress
 
Modelo de desenvolvimento de software em 3 camadas para Wordpress
Modelo de desenvolvimento de software em 3 camadas para WordpressModelo de desenvolvimento de software em 3 camadas para Wordpress
Modelo de desenvolvimento de software em 3 camadas para Wordpress
 
CURSO DE PHP PARA INICIANTES - AULA 1
CURSO DE PHP PARA INICIANTES - AULA 1CURSO DE PHP PARA INICIANTES - AULA 1
CURSO DE PHP PARA INICIANTES - AULA 1
 
Crud
CrudCrud
Crud
 
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
 

Introducao cms-wordpress

  • 1. Uma introdução ao CMS mais popular do mundo.
  • 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