Upload
flavio-ricardo
View
12.136
Download
0
Embed Size (px)
DESCRIPTION
Aprenda a fazer a instalação e a criar temas personalizados para o gestor de conteúdos WordPress
Citation preview
WordPressDa instalação à criação de temas
personalizados para seu site
Flávio RicardoFLISOL CG / 2010
#Flávio Ricardo
Flávio Ricardo – Instalando e criando temas para WordPress
✔ 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
#WordPress?
Flávio Ricardo – Instalando e criando temas para 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
v
#Quem está usando
Ministério da Cultura(http://www.cultura.gov.br/site/)
Flávio Ricardo – Instalando e criando temas para WordPress
#Quem está usando
v
Portal R7(http://blogs.r7.com/)
Flávio Ricardo – Instalando e criando temas para WordPress
#”Por trás do pano”
Plugins(extensões)
Temas(layout)
Ferramet.Integradas
COREWordPress
COREnº 2
Pingback ou trackback
Flávio Ricardo – Instalando e criando temas para WordPress
#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
#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
#Dashboard – painel principalGerenciar opções, atualizar e instalarplugins, temas, usuários e outros
Informações gerais sobre o blog/site
Flávio Ricardo – Instalando e criando temas para WordPress
Flávio Ricardo – Instalando e criando temas para WordPress
#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
#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
#Hierarquia de arquivos de um tema
index.php archive.php
single.php
page.php
404.php
search.php
author.php
date.php
category.php
tag.php
Flávio Ricardo – Instalando e criando temas para WordPress
#Entendendo os arquivos
index.phpresponsável por “chamar” outros arquivos do tema através de funções do WP
footer.phpconhecido como rodapé, necessário para alguns plugins e funções
sidebar.phpinformações adicionais sobre o website, opcional
header.phpcabeçalho: título, folhas de estilo, javascript, meta tags
style.css
Flávio Ricardo – Instalando e criando temas para WordPress
#style.css – Folha de Estilos
/*
Theme Name: FLISOLTheme URI: http://flisol.algtec.comDescription: Layout simples elaborado para o FLISOLVersion: 1.0Author: Flávio RicardoAuthor URI: http://fricardo.comTags: clean, white, gray, minimal, wordpress
*/
* {margin: 0;padding: 0;
}
body {bacground: #FCFCFC;
}
✔ Responsável pelas definições do tema: nome, autor, versão e outros
Flávio Ricardo – Instalando e criando temas para WordPress
#header.php – Cabeçalho
✔ Listagem de páginas através da função wp_list_pages e início do website
#footer.php – Rodapé
✔ Informações adicionais, fechamento de tags e fim da página
Flávio Ricardo – Instalando e criando temas para WordPress
#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
#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
Flávio Ricardo – Instalando e criando temas para WordPress
✔ 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
#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
#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
Flávio Ricardo – Instalando e criando temas para WordPress
#Dúvidas?
Twitter: @flavioricardo
E-mail: [email protected]
Blog: http://fricardo.com
Palestras: http://slideshare.net/flavioricardo