17
Linguagem: PHP Banco de Dados: MySQL Arquitetura da Solução: Internet Domínio dos seguintes conhecimentos: xhtml, php e mysql Tempo previsto para instalação: 1 hora Quantidade de membros: 2852 PORTAL SOFTWARE PÚBLICO BRASILEIRO

PORTAL SOFTWARE PÚBLICO BRASILEIRO

Embed Size (px)

DESCRIPTION

Linguagem: PHP Banco de Dados: MySQL Arquitetura da Solução: Internet Domínio dos seguintes conhecimentos: xhtml, php e mysql Tempo previsto para instalação: 1 hora Quantidade de membros: 2852. PORTAL SOFTWARE PÚBLICO BRASILEIRO. O QUE SÃO TEMAS - O WordPress trabalha com o conceito de temas. - PowerPoint PPT Presentation

Citation preview

Page 1: PORTAL SOFTWARE PÚBLICO BRASILEIRO

Linguagem: PHPBanco de Dados: MySQLArquitetura da Solução: InternetDomínio dos seguintes conhecimentos: xhtml, php e mysqlTempo previsto para instalação: 1 horaQuantidade de membros: 2852

PORTAL SOFTWARE PÚBLICO BRASILEIRO

Page 2: PORTAL SOFTWARE PÚBLICO BRASILEIRO

O QUE SÃO TEMAS

- O WordPress trabalha com o conceito de temas.

- Mas o que são temas?Temas são uma forma de controlar a aparência do seu

site. Mas mais do que isso, o tema controla também quais as funcionalidades (plugins) são usadas em um site.

Page 3: PORTAL SOFTWARE PÚBLICO BRASILEIRO

ANATOMIA DE UM TEMA

- Os arquivos de um tema ficam na pasta wp-content/nome-do-tema .

- O WordPress vem com dois temas: o 'Default' e o ‘Classic'.

- Cada tema é composto basicamente de três arquivos, além das imagens: index.php, style.css e functions.php (opcional).

Page 4: PORTAL SOFTWARE PÚBLICO BRASILEIRO

FOLHA DE ESTILOS DO TEMA

- O arquivo deve ser chamado style.css e deve ficar na raiz do tema.

- Deve conter as informações na forma de comentários no início para que o WordPress o reconheça.

Page 5: PORTAL SOFTWARE PÚBLICO BRASILEIRO

ARQUIVO FUNCTIONS.PHP

- Este arquivo é opcional. Ele contém as funções do tema, como as funções para criação de widgets, e funciona como um plugin. Também deve ficar na raiz do tema.

Page 6: PORTAL SOFTWARE PÚBLICO BRASILEIRO

TEMPLATES

- Os templates são arquivos php usados para gerar as páginas solicitadas pelos navegadores.

- Para o tema funcionar apenas o index.php e a folha de estilos são necessários.

- Os templates obedecem uma hierarquia, na ausência de um deles, o próximo template nesta hierarquia é usado.

Page 7: PORTAL SOFTWARE PÚBLICO BRASILEIRO

HIERARQUIA DOS TEMPLATES

Page 8: PORTAL SOFTWARE PÚBLICO BRASILEIRO

TEMPLATES BÁSICOS

- Os templates básicos são:

* header.php – cabeçalho. * sidebar.php – barra lateral. * footer.php – rodapé. * comments.php – comentários.

- Lista completa de templates:

http://codex.wordpress.org/Theme_Development#Theme_Template_Files_List

Page 9: PORTAL SOFTWARE PÚBLICO BRASILEIRO

INCLUDE TAGS

- Para incluir estes templates no arquivo index.php ou qualquer outro template é necessário usar as include tags

http://codex.wordpress.org/Include_Tags

Ex. :* get_header() - header.php* get_footer() - footer.php*get_siebar() - sidebar.php

Page 10: PORTAL SOFTWARE PÚBLICO BRASILEIRO

API HOOKS

- O WordPress proporciona hooks para os plugins poderem adicionar funcionalidades. É importante utilizá-los nos arquivos templates.

* wp_head - header.php* wp_footer - footer.php* wp_meta – pode ser usado na sidebar.php

Page 11: PORTAL SOFTWARE PÚBLICO BRASILEIRO

TEMPLATES QUE USAM QUERIES

- O WordPress pode carregar os templates de acordo com a query feita.

- Isto pode ser feito de duas formas:

* simplesmente utilizando a hierarquia dos templates

* usando Conditional Tags no Loop

Page 12: PORTAL SOFTWARE PÚBLICO BRASILEIRO

O LOOP

- O loop serve para carregar os conteúdos dos posts/páginas.

- Todo html ou php dentro do loop será repetido em cada post. Ele começa assim:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<?php endwhile; else: ?> <p><?php _e(‘Nenhum post encontrado.'); ?></p> <?php endif; ?>

E termina assim:

Page 13: PORTAL SOFTWARE PÚBLICO BRASILEIRO

CONDITIONAL TAGS

- As conditional tags são funções is(), ou seja elas servem para verificar se uma condição é verdadeira.Ex.: * is_page() – verifica se é uma página* is_category() – verifica se é uma categoria* is_single() – verifica se é uma single

http://codex.wordpress.org/Conditional_Tags

Page 14: PORTAL SOFTWARE PÚBLICO BRASILEIRO

TEMPLATE TAGS

- As template tags servem para carregar conteúdos dinamicamente, dentro ou fora do loop.Ex.: * the_title() – retorna o título do post dentro do loop* the_author() – retorna o autor do post dentro do loop* the_content() – retorna o conteúdo do post dentro do loop

http://codex.wordpress.org/Template_Tags

Page 15: PORTAL SOFTWARE PÚBLICO BRASILEIRO

CLASSES GERADAS PELO WORDPRESS

- O WordPress gera automaticamente várias classes para facilitar a criação de estilos.

http://www.wordpress-br.com/dicas-e-tutoriais/classes-geradas-pelo-wordpress

Page 16: PORTAL SOFTWARE PÚBLICO BRASILEIRO

COLOCANDO A MÃO NA MASSA

1. Analise quais templates serão necessários – geralmente com uma arquitetura de conteúdo ou wireframe.2. Analise quais funcionalidades estão previstas – quais plugins existem e quais serão necessários desenvolver.3. Monte o html e a folha de estilos – lembre-se das classes geradas pelo WordPress4. Comece a montar sua index.php separando o header, o footer e sidebars, se houver.5. Monte os demais templates.

Page 17: PORTAL SOFTWARE PÚBLICO BRASILEIRO