This document discusses WordPress, including how to install it and create custom themes. It covers the basic requirements for WordPress, the installation process, an overview of the dashboard and core files, how to understand and structure theme files, and considerations for theme development.
WordPress da instalação à criação de temas personalizados para seu site
1. WordPress
Da instalação à criação de temas
personalizados para seu site
Flávio Ricardo
FLISOL CG / 2010
2. #Flávio Ricardo
✔ Graduando em Ciência da Computação pela Faculdade Campo Grande
✔ Trabalha com desenvolvimento de websites na CATWORK Tecnologia
✔ Usa o WordPress há cinco anos, plataforma onde já desenvolveu vários
projetos com diferentes requisitos
✔ Jogador de paintball nas tardes de sábado, responsável por alguns roxos e
headshots
✔ Faz parte do Grupo de usuários PHP de Mato Grosso do Sul (PHPMS)
✔ É entusiasta em Software Livre, usa e recomenda fortemente o Ubuntu
Flávio Ricardo – Instalando e criando temas para WordPress
3. #WordPress?
✔ Criado por Matt Mullenweg, roda em PHP e MySQL sob a licença GPL
✔ Tem como foco padrões de usabilidade e facilidades para o usuário final
✔ É largamente utilizado como um CMS apesar de ainda não ser um
✔ Como todo software livre tem uma comunidade grande e ativa
✔ Possui milhares de temas e plugins prontos para instalar e usar
✔ Integração com as mais diversas ferramentas e web apps (Twitter, Flickr,
Facebook e outros)
✔ Plataforma utilizada em grandes projetos nacionais e internacionais
Flávio Ricardo – Instalando e criando temas para WordPress
4. #Quem está usando
v
Ministério da Cultura
(http://www.cultura.gov.br/site/)
Flávio Ricardo – Instalando e criando temas para WordPress
5. #Quem está usando
v
Portal R7
(http://blogs.r7.com/)
Flávio Ricardo – Instalando e criando temas para WordPress
6. #”Por trás do pano”
Pingback ou trackback CORE
nº 2
Plugins
(extensões) CORE
WordPress
Ferramet.
Integradas
Temas
(layout)
Flávio Ricardo – Instalando e criando temas para WordPress
7. #Requisitos Mínimos
✔ PHP versão 4.3 ou mais recente
✔ MySQL versão 4.1.2 ou mais recente
✔ Servidor web instalado (Apache ou Litespeed) e mod_rewrite habilitado
Windows:
✔ PHP e Apache ou EasyPHP, XAMPP Lite, WAMP Server
Linux:
✔ apt-get* apache2 php5 php5-mysql mysql-server phpmyadmin
Flávio Ricardo – Instalando e criando temas para WordPress
8. #Instalando o WordPress
Download:
✔ http://wordpress.org
✔ Criar uma base de dados e configurar o WordPress
✔ Copiar os arquivos para o diterório do servidor web (/var/www/ no Linux)
✔ Pelo navegador, abra o endereço onde você fez a instalação e siga os passos
✔ Banco de dados, usuário, senha, título do blog/website, endereço de e-
mail do administrador e outros.
✔ Have fun! =)
Flávio Ricardo – Instalando e criando temas para WordPress
9. #Dashboard – painel principal
Gerenciar opções, atualizar e instalar Informações gerais sobre o blog/site
plugins, temas, usuários e outros
Flávio Ricardo – Instalando e criando temas para WordPress
10. #O que é um tema?
✔ Basicamente se trata da aparência do seu website, uma espécie de pele
✔ Inicialmente trocar de tema significa apenas mudar essa aparência, não é
✔ Possibilitam muito mais funcionalidades e possibilidades de implementação
✔ Composto de arquivos de imagem, scripts (PHP e javascript), folhas de estilo
✔ Integração com diversos plugins e ferramentas de origem externa
✔ Temas não precisam ser gratuitos, existem muitos que são vendidos
✔ Existem milhares de temas prontos disponíveis para download, mas cada
pessoa pode e deve criar um tema para atender suas necessidades
Flávio Ricardo – Instalando e criando temas para WordPress
11. #Princípios básicos de um tema
✔ Templates personalizados para diferentes categorias, datas, autores, páginas
ou mesmo posts
✔ query_string possibilita a identificação através do slug da página ou post,
como também através de seu ID
✔ Devem respeitar uma hierarquia entre seus arquivos, afim de garantir uma
melhor organização e total funcionamento dos componentes do seu website
✔ O index.php é seu arquivo principal, podendo ser usurpado pelo arquivo
home.php em alguns casos
Flávio Ricardo – Instalando e criando temas para WordPress
12. #Hierarquia de arquivos de um tema
404.php
category.php
search.php
tag.php
index.php archive.php
author.php
single.php
date.php
page.php
Flávio Ricardo – Instalando e criando temas para WordPress
13. #Entendendo os arquivos
style.css
header.php
cabeçalho: título, folhas de
estilo, javascript, meta tags
index.php
responsável por “chamar”
outros arquivos do tema
através de funções do WP
footer.php
sidebar.php
conhecido como rodapé,
informações adicionais
necessário para alguns
sobre o website, opcional
plugins e funções
Flávio Ricardo – Instalando e criando temas para WordPress
14. #style.css – Folha de Estilos
✔ Responsável pelas definições do tema: nome, autor, versão e outros
/*
Theme Name: FLISOL
Theme URI: http://flisol.algtec.com
Description: Layout simples elaborado para o FLISOL
Version: 1.0
Author: Flávio Ricardo
Author URI: http://fricardo.com
Tags: clean, white, gray, minimal, wordpress
*/
* {
margin: 0;
padding: 0;
}
body {
bacground: #FCFCFC;
}
Flávio Ricardo – Instalando e criando temas para WordPress
15. #header.php – Cabeçalho
✔ Listagem de páginas através da função wp_list_pages e início do website
Flávio Ricardo – Instalando e criando temas para WordPress
16. #footer.php – Rodapé
✔ Informações adicionais, fechamento de tags e fim da página
Flávio Ricardo – Instalando e criando temas para WordPress
17. #index.php – Página Inicial
✔ Inclusão de outros arquivos, listagem de posts - totalmente personalizável
Flávio Ricardo – Instalando e criando temas para WordPress
18. #index.php – O Loop
✔ Após checar a existência de posts, o loop entra em ação fazendo a listagem
do posts de acordo com as especificações do programador
✔ Para personalizar o loop, fazemos
uso da função query_posts
passando como atributos categoria,
número de posts, modo de
exibição e outros
Flávio Ricardo – Instalando e criando temas para WordPress
19. #Outros arquivos
✔ Após checar a existência de posts, o loop entra em ação fazendo a listagem
do posts de acordo com as especificações do programador
✔ archive.php – carrega o template de categorias, datas e outras listagens
✔ comments.php – template da página de comentários (opcional)
✔ author.php – template da página de autores
✔ functions.php – contém as funções do seu tema
✔ 404.php – retorna a página de erro quando conteúdo não é encontrado
Flávio Ricardo – Instalando e criando temas para WordPress
20. #Considerações finais
✔ É um trabalho fácil e ágil desenvolver um tema para WordPress
✔ Podem ser desenhados de qualquer maneira para atender suas necessidades
✔ Não tem um estilo padrão, ou mesmo só um esquema de “blogs”
✔ Aceitam o uso de frameworks Javascript e até mesmo flash (flash?)
✔ Não precisa ser um designer para criar um tema para WordPress
Flávio Ricardo – Instalando e criando temas para WordPress