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

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?


✔ 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/)


#Quem está usando

v

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


#”Por trás do pano”

Plugins(extensões)

Temas(layout)

Ferramet.Integradas

COREWordPress

COREnº 2

Pingback ou trackback


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


http://wordpress.org/

#Dashboard – painel principalGerenciar opções, atualizar e instalarplugins, temas, usuários e outros

Informações gerais sobre o blog/site



#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

index.php archive.php

single.php

page.php

404.php

search.php

author.php

date.php

category.php

tag.php


#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


#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


#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: [email protected]

Blog: http://fricardo.com

Palestras: http://slideshare.net/flavioricardo

mailto:[email protected]

http://fricardo.com/

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

Design

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