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 Flávio Ricardo – Instalando e criando temas para WordPress

#Quem está usando v 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” Pingback ou trackback CORE nº 2 Plugins (extensões) CORE WordPress Ferramet. Integradas Temas (layout) 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 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

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

#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

#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

#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

#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 ✔ 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

#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

#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

http://www.slideshare.net	29
http://www.fricardo.com	10
http://localhost	4

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

by Flavio Ricardo on Apr 26, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 43

Statistics

WordPress - Da instalação à criação de temas personalizados para seu site — Presentation Transcript