Treinamento 20130914

370 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
370
No SlideShare
0
A partir de incorporações
0
Número de incorporações
202
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Treinamento 20130914

  1. 1. Treinamento Interno Wordpress Montagem
  2. 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. 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. 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. 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. 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. 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. 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. 9. Estrutura de uma página Wordpress ● Modelo base de uma página Wordpress:
  10. 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. 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

×