Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O...
-
Upload
phungthien -
Category
Documents
-
view
224 -
download
0
Transcript of Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O...
![Page 1: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/1.jpg)
Criando Temas para WordPress Eric Teixeira
![Page 2: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/2.jpg)
O que é o WordPress?
O WordPress é o CMS (Content Management System) mais utilizado no mundo e o melhor, ele é de graça! Ele é o que chamamos de Open Source, ou “código livre”, onde qualquer um pode alterá-lo, criar plug-ins, temas e etc. O WordPress tem uma equipe que está sempre trabalhando, contribuindo com códigos para sua melhoria. Então é importante se manter sempre atualizado.
2
![Page 3: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/3.jpg)
Ah! WordPress é aquela ferramenta para Blog né?
O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como o Joomla e o Drupal. Porém o Software hoje já é utilizado para criar muito mais que apenas Blogs, é possível fazer TUDO com o WordPress desde um Blog até um sistema complexo.
3
![Page 4: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/4.jpg)
Porque usar o WordPress?
Como foi mencionado o WordPress é um CMS. O WordPress oferece uma plataforma onde será extremamente fácil e agradável trabalhar com conteúdo!
4
![Page 5: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/5.jpg)
WordPress.org x WordPress.com
5
![Page 6: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/6.jpg)
O que é um Tema do WordPress?
O Tema é responsável por unir as funcionalidades do WordPress com a parte Visual do Site. Ele é composto por um conjunto de arquivos, cada tema pode ser bem diferente um do outro e apresentar funcionalidades destintas.
6
![Page 7: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/7.jpg)
Arquivos básicos de um Tema
§ style.css § index.php § header.php § sidebar.php § footer.php § single.php
7
![Page 8: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/8.jpg)
Algumas Funções que Vamos Utilizar
8
• bloginfo(); • get_search_form(); • wp_nav_menu(); • get_header(); • get_sidebar(); • get_footer(); • have_posts()
![Page 9: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/9.jpg)
Entendendo o Loop Do WordPress
9
<?php
$the_query = new WP_Query('showposts=1'); while ($the_query->have_posts()) : $the_query->the_post(); endwhile; ?>
![Page 10: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/10.jpg)
Por onde Começar?
10
Nesse Curso vamos criar um tema a partir de um modelo em html e transformá-lo em um tema do WordPress.
![Page 11: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/11.jpg)
Modelo:
11
![Page 12: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/12.jpg)
Passo 1:
12
Primeiro vamos criar os arquivos principais do tema:
§ style.css § index.php § header.php § sidebar.php § footer.php § single.php
![Page 13: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/13.jpg)
Passo 2:
13
Vamos definir qual parte do HTML faz parte de qual Arquivo. Como no Exemplo a Seguir:
![Page 14: Criando Temas para WordPress - ufjf.br · Ah! WordPress é aquela ferramenta para Blog né? O WordPress ficou conhecido por ser uma ferramenta utilizada para criar Blogs, assim como](https://reader031.fdocument.pub/reader031/viewer/2022020305/5c01b72f09d3f225538d0f84/html5/thumbnails/14.jpg)
14