Este documento fornece instruções sobre como criar um tema filho no WordPress e montar páginas usando ferramentas como editor de texto e FTP. Detalha a estrutura básica de um tema, incluindo arquivos como style.css e functions.php, e como analisar a programação visual e montar páginas como home, interna e fale conosco.
2. Sumário
● Ferramentas necessárias
● Criação de um tema filho
● Configuração básica do tema
● Arquivos principais do tema
● Estrutura de uma página Wordpress
● Análise da programação visual
● Montagem das páginas
3. Ferramentas necessárias
Para realizar a montagem serão necessárias as seguintes
ferramentas:
● Editor de textos
– Notepad++ (http://notepad-plus-plus.org/download/v6.4.5.html)
– Geany (http://www.geany.org/Download/Releases)
● Editor de imagens
– Photoshop
● Cliente FTP
– FlashFXP
4. Criação de um tema filho
O que é um tema filho?
– É um tema que utiliza-se de um tema preexistente (tema
pai) para incorporar características;
Porque usar um tema filho?
– Permite que as partes principais sejam mantidas,
necessitando apenas modificar as partes que são
efetivamente diferentes;
– Evita a duplicação e retrabalho;
5. Criação de um tema filho
● Diretório do tema;
● Arquivo de estilo (style.css);
/*
Theme Name: Twenty Thirteen Child
Theme URI: http://example.com/
Description: Child theme for the Twenty Thirteen theme
Author: Your name here
Author URI: http://example.com/about/
Template: twentythirteen
Version: 0.1.0
*/
● Importação do estilo pai
@import url("../twentythirteen/style.css");
6. Configuração básica do tema
● Adição de estilo específico para o IE;
● Desativação de opções de customização;
● Ações executadas na ativação do tema;
● Ações executadas na inicialização do tema;
● Funções auxiliares;
7. Arquivos principais do tema
● style.css
– Estilização padrão do tema;
● /css/ie.css
– Estilização para IE6, IE7 e IE8;
● Functions.php
– Funções para execução do tema;
8. Arquivos principais do tema
● Header.php
– Área de cabeçalho
● 404.php
– Página de erro para conteúdo não encontrado;
● Content.php
– Exibição dos conteúdos (exceto para páginas);
● Content-page.php
– Exibição dos conteúdos de páginas;
● Footer.php
– Área de rodapé
9. Estrutura de uma página Wordpress
● Modelo base de uma página Wordpress:
10. Análise da programação visual
● Caminho para acessar os arquivos da programação
visual:
– http://escolatestewp.educacional.net/site/material-
treinamento-14092013/
11. Montagem das páginas
● Serão montadas as seguintes páginas:
– Home
– Interna
– Fale conosco
– Postagem
– Listagem de notícias
– Erro
– Resultado da pesquisa