WordPress: Guia de desenvolvimento de Temas e Plugins

Preview:

DESCRIPTION

Workshop ministrado na Faculdade de Tecnologia de Jahu em 20/09/14. Guia completo de integração de projetos estáticos e recursos próprios com a estrutura de dados do WordPress. Uso do CMS para diferentes tipos de conteúdo através do desenvolvimento de Temas e Plugins.

Citation preview

Workshop

WordPress:Guia de desenvolvimento de

Temas e PluginsMazetto

Visão geral

# Ferramentas

● Servidor local Apache, PHP e MYSQL● Arquivo de instalação do WordPress● NetBeans IDE

Como integrarum projeto ao

WordPress?

1.Funcionamentodo WordPress

WordPress?

WordPress?WordPress.com x WordPress.org

WordPress?WordPress.com x WordPress.org

Possibilidades do Open Source

Instalação do WordPress

# Workflow

● Código● Banco de dados● Dashboard● Apresentação

# Porquê usar o NetBeans?

● Criação de projetos● Navegador● Gancho para a declaração● Auto complete● Controle de itens de ação● Suporte a plugins● ...

# Alternativas

● Aptana● Sublime Text● PHPStorm● Eclipse● ...

# Dashboard

● admin_bar● Menu● Ajuda● Opções de tela

Base de dados

Opções - wp_options

# Opções

● Options API● Configurações – Geral● Tela de opções oculta

Usuários - wp_users

Posts - wp_posts

Comentários - wp_comments

Categorias e Tagswp_terms

wp_term_taxonomywp_term_relationships

Onde estão as

Páginas?

Onde estão as

Páginas?Custom Post Types

Metadata APIwp_postmetawp_usermeta

wp_commentmeta

Links - wp_links

2.Integração denovos recursos

Aparência – Temas

Camadas de

desenvolvimento

Plugins

Como desenvolver

recursos próprios?

APIde plugins

Criação de um novo plugin

Actions & Filters

3.Desenvolvimentodo Tema

Reconhecimento

Hierarquia de templates

Conditional tagsis_[request]()

4.Processos deintegração

Arquivo de funçõesfunctions.php

# Include tags

# Include tags

● get_header● get_footer● get_sidebar

# Include tags

● get_header● get_footer● get_sidebar● get_template_part

# Include tags

● get_header● get_footer● get_sidebar● get_template_part● get_search_form● commenst_template

# Include tags

● get_header● get_footer● get_sidebar● get_template_part● get_search_form● commenst_template● require/include x include tags

bloginfo();

Menu

DICA:Front-end para WordPress

Listas de links

The Loop

Template tags

DICA:Lorem ipsum, lorem pixel

Single & Page

Posts fixos

5.Estrutura própriade organização

Tipos de publicações enovas taxonomias

WP_Query

Projeto finalizado!

# Como seguir o aprendizado?

● http://wpdeveloper.com.br● http://wpdeveloper.com.br/tutoriais/● http://codex.wordpress.org

Obrigado!!

http://kodame.com.br

contato@kodame.com.br

Recommended