Your SlideShare is downloading. ×
WordPress da instalação à criação de temas personalizados para seu site
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

10,804

Published on

Aprenda a fazer a instalação e a criar temas personalizados para o gestor de conteúdos WordPress

Aprenda a fazer a instalação e a criar temas personalizados para o gestor de conteúdos WordPress

Published in: Design
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
10,804
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
336
Comments
0
Likes
11
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 21. #Dúvidas? Twitter: @flavioricardo E-mail: flaviobazana@gmail.com Blog: http://fricardo.com Palestras: http://slideshare.net/flavioricardo Flávio Ricardo – Instalando e criando temas para WordPress

×