WordPress

Da personalizados para seu site instalao criao de temas

FLISOL CG / 2010

Flvio Ricardo

#Flvio Ricardo

Graduando em Cincia da Computao pela Faculdade Campo Grande Trabalha com desenvolvimento de websites na CATWORK Tecnologia Usa o WordPress h cinco anos, plataforma onde j desenvolveu vrios

projetos com diferentes requisitos

Jogador de paintball nas tardes de sbado, responsvel por alguns roxos e

headshots

Faz parte do Grupo de usurios PHP de Mato Grosso do Sul (PHPMS) entusiasta em Software Livre, usa e recomenda fortemente o Ubuntu
Flvio Ricardo Instalando e criando temas para WordPress

#WordPress?

Criado por Matt Mullenweg, roda em PHP e MySQL sob a licena GPL Tem como foco padres de usabilidade e facilidades para o usurio final largamente utilizado como um CMS apesar de ainda no ser um Como todo software livre tem uma comunidade grande e ativa Possui milhares de temas e plugins prontos para instalar e usar Integrao com as mais diversas ferramentas e web apps (Twitter, Flickr,

Facebook e outros)

Plataforma utilizada em grandes projetos nacionais e internacionais

Flvio Ricardo Instalando e criando temas para WordPress

#Quem est usando

(http://www.cultura.gov.br/site/)

Ministrio da Cultura

Flvio Ricardo Instalando e criando temas para WordPress

#Quem est usando

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

Portal R7

Flvio Ricardo Instalando e criando temas para WordPress

#Por trs do pano

Pingback ou trackback

CORE n 2

(extenses)

Plugins

WordPress

CORE

Integradas (layout) Temas

Ferramet.

Flvio Ricardo Instalando e criando temas para WordPress

#Requisitos Mnimos

PHP verso 4.3 ou mais recente MySQL verso 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

Flvio 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 diterrio do servidor web (/var/www/ no Linux) Pelo navegador, abra o endereo onde voc fez a instalao e siga os passos

Banco de dados, usurio, senha, ttulo do blog/website, endereo de email do administrador e outros.

Have fun! =)
Flvio Ricardo Instalando e criando temas para WordPress

#Dashboard painel principal

Gerenciar opes, atualizar e instalar plugins, temas, usurios e outros Informaes gerais sobre o blog/site

Flvio Ricardo Instalando e criando temas para WordPress

#O que um tema?

Basicamente se trata da aparncia do seu website, uma espcie de pele Inicialmente trocar de tema significa apenas mudar essa aparncia, no Possibilitam muito mais funcionalidades e possibilidades de implementao Composto de arquivos de imagem, scripts (PHP e javascript), folhas de estilo Integrao com diversos plugins e ferramentas de origem externa Temas no precisam ser gratuitos, existem muitos que so vendidos Existem milhares de temas prontos disponveis para download, mas cada

pessoa pode e deve criar um tema para atender suas necessidades

Flvio Ricardo Instalando e criando temas para WordPress

#Princpios bsicos de um tema

Templates personalizados para diferentes categorias, datas, autores, pginas

ou mesmo posts

query_string possibilita a identificao atravs do slug da pgina ou post,

como tambm atravs de seu ID

Devem respeitar uma hierarquia entre seus arquivos, afim de garantir uma

melhor organizao e total funcionamento dos componentes do seu website

O index.php seu arquivo principal, podendo ser usurpado pelo arquivo

home.php em alguns casos

Flvio Ricardo Instalando e criando temas para WordPress

#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

Flvio Ricardo Instalando e criando temas para WordPress

#Entendendo os arquivos
header.php cabealho: ttulo, folhas de estilo, javascript, meta tags

style.css

index.php responsvel por chamar outros arquivos do tema atravs de funes do WP footer.php conhecido como rodap, necessrio para alguns plugins e funes sidebar.php informaes adicionais sobre o website, opcional

Flvio Ricardo Instalando e criando temas para WordPress

#style.css Folha de Estilos

Responsvel pelas definies do tema: nome, autor, verso e outros

/* Theme Name: FLISOL Theme URI: http://flisol.algtec.com Description: Layout simples elaborado para o FLISOL Version: 1.0 Author: Flvio Ricardo Author URI: http://fricardo.com Tags: clean, white, gray, minimal, wordpress */ * { } margin: 0; padding: 0;

body { bacground: #FCFCFC; }

Flvio Ricardo Instalando e criando temas para WordPress

#header.php Cabealho

Listagem de pginas atravs da funo wp_list_pages e incio do website

Flvio Ricardo Instalando e criando temas para WordPress

#footer.php Rodap

Informaes adicionais, fechamento de tags e fim da pgina

Flvio Ricardo Instalando e criando temas para WordPress

#index.php Pgina Inicial

Incluso de outros arquivos, listagem de posts - totalmente personalizvel

Flvio Ricardo Instalando e criando temas para WordPress

#index.php O Loop

Aps checar a existncia de posts, o loop entra em ao fazendo a listagem

do posts de acordo com as especificaes do programador

Para personalizar o loop, fazemos da funo query_posts

uso

passando como atributos categoria, nmero de posts, modo de

exibio e outros
Flvio Ricardo Instalando e criando temas para WordPress

#Outros arquivos

Aps checar a existncia de posts, o loop entra em ao fazendo a listagem

do posts de acordo com as especificaes do programador

archive.php carrega o template de categorias, datas e outras listagens comments.php template da pgina de comentrios (opcional) author.php template da pgina de autores functions.php contm as funes do seu tema 404.php retorna a pgina de erro quando contedo no encontrado
Flvio Ricardo Instalando e criando temas para WordPress

#Consideraes finais

um trabalho fcil e gil desenvolver um tema para WordPress Podem ser desenhados de qualquer maneira para atender suas necessidades No tem um estilo padro, ou mesmo s um esquema de blogs Aceitam o uso de frameworks Javascript e at mesmo flash (flash?) No precisa ser um designer para criar um tema para WordPress

Flvio Ricardo Instalando e criando temas para WordPress

#Dvidas?

Twitter: @flavioricardo E-mail: flaviobazana@gmail.com Blog: http://fricardo.com Palestras: http://slideshare.net/flavioricardo

Flvio Ricardo Instalando e criando temas para WordPress