WordPress da instalação à criação de temas personalizados para seu site

WordPress
Da instalação à criação de temas
personalizados para seu site

Flávio Ricardo
FLISOL CG / 2010

#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

#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


#Quem está usando

v

Ministério da Cultura
(http://www.cultura.gov.br/site/)


#Quem está usando

v

Portal R7
(http://blogs.r7.com/)


#”Por trás do pano”

Pingback ou trackback CORE
nº 2

Plugins
(extensões) CORE
WordPress

Ferramet.
Integradas
Temas
(layout)


#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


#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! =)


#Dashboard – painel principal
Gerenciar opções, atualizar e instalar Informações gerais sobre o blog/site
plugins, temas, usuários e outros


#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


#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


#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


#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


#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;
}


#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


#index.php – Página Inicial

✔ Inclusão de outros arquivos, listagem de posts - totalmente personalizável


#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


#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


#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


#Dúvidas?

Twitter: @flavioricardo

E-mail: flaviobazana@gmail.com

Blog: http://fricardo.com

Palestras: http://slideshare.net/flavioricardo


WordPress da instalação à criação de temas personalizados para seu site

Mais conteúdo relacionado

Mais procurados (20)

Destaque (17)

Semelhante a WordPress da instalação à criação de temas personalizados para seu site (20)

Último (6)

WordPress da instalação à criação de temas personalizados para seu site