SlideShare une entreprise Scribd logo
1  sur  10
WORDPRESS
Meu primeiro tema
UM POUCO
SOBRE MIM
Sou desenvolvedor front-end desde que me
entendo por gente, trabalho com
WordPress a mais ou menos 3 anos
e sou o desenvolvedor do site
Tudo Para WordPress
O PSD   O LAYOUT
MINHA BASE




Style.css                                    Template pages



/*                                           header.php
Theme Name: Tema Primeiro                    footer.php
Theme URI: http://wordpress.org/             home.php
Description: Nosso primeiro tema WordPress   index.php
Author: Luan Muniz                           single.php
Author URI: tudoparawordpress.com.br         page.php
Version: 1.0                                 functions.php
*/                                           search.php
                                             404.php
                                             archive.php
HEADER.PHP              <!DOCTYPE html>
                           <html >
    Algumas função que     <head>
                           <title><?php wp_title(''); ?></title>
valem a pena se estudar.   <link href="<?php bloginfo( 'stylesheet_url' ); ?>" rel="stylesheet"
                           type="text/css" />
            bloginfo()     <?php wp_head(); ?>
                           </head>
            wp_title()     <body <?php body_class(); ?>>
           wp_head()       <header>
                           <h2><a href="<?php bloginfo('url'); ?>" ><?php bloginfo('title');
       wp_nav_menu()       ?></a></h2>
         wp_footer();      <?php
                           //Função para retornar o menu
                           wp_nav_menu(array(
                           'menu' => 'menu_principal',
                           'theme_location' => 'menu_principal',
                           'echo' => true,
                           'container' => 'nav',
                           'container_id' => 'menu'
                           ));
                           ?>
                           </header>
                           <div id="container">
INDEX.PHP              <?php get_header(); ?>
                        <div id="blog">
Mais algumas funções.   <?php while (have_posts()) : the_post(); ?>
                        <section class="post">
          the_title()   <h1>
     the_permalink()
                              <a href="<?php the_permalink(); ?>">
       the_content()
       the_excerpt()               <?php the_title(); ?>
      the_category()          </a>
          the_tags()    </h1>
        the_author()    <p>Postado: <?php the_time('F j, Y'); </p>
                        <?php the_post_thumbnail(); ?>
      query_posts()     <?php the_content(); ?>
   wp_reset_query()     </section>
                        <?php endwhile; ?>
                        </div>
                        <?php get_sidebar(); ?>
                        <?php get_footer(); ?>
SIDEBAR.PHP   <?php if is_active_sidebar( 'secondary-widget-area' )): ?>
                      <?php dynamic_sidebar( 'secondary-widget-area' ); ?>
                <?php endif; ?>




FUNCTIONS.PHP   add_theme_support('nav-menus');
                register_nav_menus(array('primary' => 'menu_principal '));
                add_theme_support('post-thumbnails');
                set_post_thumbnail_size(170, 85, true);
                add_image_size('slide-thumb', 598, 308, true);
                register_post_type( 'destaque', $args );
ALGUNS LINKS?

http://www.tudoparawordpress.com.br/

http://codex.wordpress.org/

http://codex.wordpress.org/Theme_Development
http://codex.wordpress.org/Template_Hierarchy
NÃO SE LIMITE

Aprofunde seu conhecimento através da
documentação disponibilizada pelo
WordPress.
Futuque novas funções, pois é assim que se
aprende, é quebrando a cara e arriscando.
Basta somente ter interesse!
OBRIGADO!

Contenu connexe

Tendances

Dicas simples de como deixar o admin do wordpress com a cara do seu cliente
Dicas simples de como deixar o admin do wordpress com a cara do seu clienteDicas simples de como deixar o admin do wordpress com a cara do seu cliente
Dicas simples de como deixar o admin do wordpress com a cara do seu clienteLuã Ciceri Schwertner
 
Symfony - Framework PHP de alta produtividade
Symfony - Framework PHP de alta produtividadeSymfony - Framework PHP de alta produtividade
Symfony - Framework PHP de alta produtividadeHugo Magalhães
 
Introdução ao Symfony 2 - SfCon 2012
Introdução ao Symfony 2 - SfCon 2012Introdução ao Symfony 2 - SfCon 2012
Introdução ao Symfony 2 - SfCon 2012Hugo Magalhães
 
WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14Tatiane Pires
 
Autenticação com AngularJS e loadOnDemand
Autenticação com AngularJS e loadOnDemandAutenticação com AngularJS e loadOnDemand
Autenticação com AngularJS e loadOnDemandDouglas Lira
 
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1Thyago Maia
 
AngularJS com loadOnDemand
AngularJS com loadOnDemandAngularJS com loadOnDemand
AngularJS com loadOnDemandDouglas Lira
 
Wordpress como framework de desenvolvimento
Wordpress como framework de desenvolvimentoWordpress como framework de desenvolvimento
Wordpress como framework de desenvolvimentoRicardo Zein
 
Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7Sérgio Lima
 
Oficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zeroOficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zeroFellyph Cintra
 
Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1
Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1
Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1Thyago Maia
 
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2Thyago Maia
 
PHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesPHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesDaniel Brandão
 
LambdaDay: Backbone.js
LambdaDay: Backbone.jsLambdaDay: Backbone.js
LambdaDay: Backbone.jsGiovanni Bassi
 
Jquery - Dicas e Truques
Jquery - Dicas e TruquesJquery - Dicas e Truques
Jquery - Dicas e TruquesLambda 3
 
o nome disso é performance
o nome disso é performanceo nome disso é performance
o nome disso é performancePedro Polisenso
 

Tendances (20)

Dicas simples de como deixar o admin do wordpress com a cara do seu cliente
Dicas simples de como deixar o admin do wordpress com a cara do seu clienteDicas simples de como deixar o admin do wordpress com a cara do seu cliente
Dicas simples de como deixar o admin do wordpress com a cara do seu cliente
 
Symfony - Framework PHP de alta produtividade
Symfony - Framework PHP de alta produtividadeSymfony - Framework PHP de alta produtividade
Symfony - Framework PHP de alta produtividade
 
Introdução ao Symfony 2 - SfCon 2012
Introdução ao Symfony 2 - SfCon 2012Introdução ao Symfony 2 - SfCon 2012
Introdução ao Symfony 2 - SfCon 2012
 
WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14
 
Less
LessLess
Less
 
Autenticação com AngularJS e loadOnDemand
Autenticação com AngularJS e loadOnDemandAutenticação com AngularJS e loadOnDemand
Autenticação com AngularJS e loadOnDemand
 
PHP MySQL Aula 07
PHP MySQL Aula 07PHP MySQL Aula 07
PHP MySQL Aula 07
 
Moodle api tutorial
Moodle api   tutorialMoodle api   tutorial
Moodle api tutorial
 
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 4 - 2019.1
 
AngularJS com loadOnDemand
AngularJS com loadOnDemandAngularJS com loadOnDemand
AngularJS com loadOnDemand
 
Wordpress como framework de desenvolvimento
Wordpress como framework de desenvolvimentoWordpress como framework de desenvolvimento
Wordpress como framework de desenvolvimento
 
Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7Workshop - Desenvolvimento web com Drupal 7
Workshop - Desenvolvimento web com Drupal 7
 
Oficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zeroOficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zero
 
Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1
Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1
Desenvolvimento de Sistemas Web com PHP Frameworks - 2019.1 - Aula 1
 
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 2
 
PHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e SessoesPHP Aula 05 - E-mails, Cookies e Sessoes
PHP Aula 05 - E-mails, Cookies e Sessoes
 
LambdaDay: Backbone.js
LambdaDay: Backbone.jsLambdaDay: Backbone.js
LambdaDay: Backbone.js
 
Php 07 Cakephp
Php 07 CakephpPhp 07 Cakephp
Php 07 Cakephp
 
Jquery - Dicas e Truques
Jquery - Dicas e TruquesJquery - Dicas e Truques
Jquery - Dicas e Truques
 
o nome disso é performance
o nome disso é performanceo nome disso é performance
o nome disso é performance
 

Similaire à Primeiro tema WordPress

Workshop Web e WordPress
Workshop Web e WordPressWorkshop Web e WordPress
Workshop Web e WordPressHaste Design
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpressMateus Neves
 
Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03Tersis Zonato
 
Como criar um tema para WordPress
Como criar um tema para WordPressComo criar um tema para WordPress
Como criar um tema para WordPressRafael Funchal
 
WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2Giancarlo Silva
 
Desenvolvimento para a Web com CakePHP
Desenvolvimento para a Web com CakePHPDesenvolvimento para a Web com CakePHP
Desenvolvimento para a Web com CakePHPMarcelo Andrade
 
Meu projeto final - Neobase 2.0
Meu projeto final - Neobase 2.0Meu projeto final - Neobase 2.0
Meu projeto final - Neobase 2.0Saulo Vallory
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDaniel Paz
 
Apresentação formação web - up marketing digital - módulo ii - 2º fds
Apresentação   formação web - up marketing digital - módulo ii - 2º fdsApresentação   formação web - up marketing digital - módulo ii - 2º fds
Apresentação formação web - up marketing digital - módulo ii - 2º fdsRangel Javier
 
MIRA - Um framework Javascript para construção de interfaces adaptativas em a...
MIRA - Um framework Javascript para construção de interfaces adaptativas em a...MIRA - Um framework Javascript para construção de interfaces adaptativas em a...
MIRA - Um framework Javascript para construção de interfaces adaptativas em a...Ezequiel Bertti
 
Simplificando o Javascrip
Simplificando o JavascripSimplificando o Javascrip
Simplificando o JavascripMiquéias Amaro
 
Introdução a Desenvolvimento Web
Introdução a Desenvolvimento WebIntrodução a Desenvolvimento Web
Introdução a Desenvolvimento WebPeslPinguim
 

Similaire à Primeiro tema WordPress (20)

Workshop Web e WordPress
Workshop Web e WordPressWorkshop Web e WordPress
Workshop Web e WordPress
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpress
 
Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03Sistemas Corporativos Web - WordPress Aula03
Sistemas Corporativos Web - WordPress Aula03
 
Como criar um tema para WordPress
Como criar um tema para WordPressComo criar um tema para WordPress
Como criar um tema para WordPress
 
WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2
 
Aula30 trevisan
Aula30 trevisanAula30 trevisan
Aula30 trevisan
 
Desenvolvimento para a Web com CakePHP
Desenvolvimento para a Web com CakePHPDesenvolvimento para a Web com CakePHP
Desenvolvimento para a Web com CakePHP
 
Meu projeto final - Neobase 2.0
Meu projeto final - Neobase 2.0Meu projeto final - Neobase 2.0
Meu projeto final - Neobase 2.0
 
Loop do wordpress
Loop do wordpressLoop do wordpress
Loop do wordpress
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi Builder
 
Apresentação formação web - up marketing digital - módulo ii - 2º fds
Apresentação   formação web - up marketing digital - módulo ii - 2º fdsApresentação   formação web - up marketing digital - módulo ii - 2º fds
Apresentação formação web - up marketing digital - módulo ii - 2º fds
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
Sistema php
Sistema phpSistema php
Sistema php
 
MIRA - Um framework Javascript para construção de interfaces adaptativas em a...
MIRA - Um framework Javascript para construção de interfaces adaptativas em a...MIRA - Um framework Javascript para construção de interfaces adaptativas em a...
MIRA - Um framework Javascript para construção de interfaces adaptativas em a...
 
HTML + CSS
HTML + CSSHTML + CSS
HTML + CSS
 
Php aula1
Php aula1Php aula1
Php aula1
 
Simplificando o Javascrip
Simplificando o JavascripSimplificando o Javascrip
Simplificando o Javascrip
 
Aula 8 php
Aula 8 phpAula 8 php
Aula 8 php
 
Html5 workshop
Html5 workshopHtml5 workshop
Html5 workshop
 
Introdução a Desenvolvimento Web
Introdução a Desenvolvimento WebIntrodução a Desenvolvimento Web
Introdução a Desenvolvimento Web
 

Primeiro tema WordPress

  • 2. UM POUCO SOBRE MIM Sou desenvolvedor front-end desde que me entendo por gente, trabalho com WordPress a mais ou menos 3 anos e sou o desenvolvedor do site Tudo Para WordPress
  • 3. O PSD O LAYOUT
  • 4. MINHA BASE Style.css Template pages /* header.php Theme Name: Tema Primeiro footer.php Theme URI: http://wordpress.org/ home.php Description: Nosso primeiro tema WordPress index.php Author: Luan Muniz single.php Author URI: tudoparawordpress.com.br page.php Version: 1.0 functions.php */ search.php 404.php archive.php
  • 5. HEADER.PHP <!DOCTYPE html> <html > Algumas função que <head> <title><?php wp_title(''); ?></title> valem a pena se estudar. <link href="<?php bloginfo( 'stylesheet_url' ); ?>" rel="stylesheet" type="text/css" /> bloginfo() <?php wp_head(); ?> </head> wp_title() <body <?php body_class(); ?>> wp_head() <header> <h2><a href="<?php bloginfo('url'); ?>" ><?php bloginfo('title'); wp_nav_menu() ?></a></h2> wp_footer(); <?php //Função para retornar o menu wp_nav_menu(array( 'menu' => 'menu_principal', 'theme_location' => 'menu_principal', 'echo' => true, 'container' => 'nav', 'container_id' => 'menu' )); ?> </header> <div id="container">
  • 6. INDEX.PHP <?php get_header(); ?> <div id="blog"> Mais algumas funções. <?php while (have_posts()) : the_post(); ?> <section class="post"> the_title() <h1> the_permalink() <a href="<?php the_permalink(); ?>"> the_content() the_excerpt() <?php the_title(); ?> the_category() </a> the_tags() </h1> the_author() <p>Postado: <?php the_time('F j, Y'); </p> <?php the_post_thumbnail(); ?> query_posts() <?php the_content(); ?> wp_reset_query() </section> <?php endwhile; ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>
  • 7. SIDEBAR.PHP <?php if is_active_sidebar( 'secondary-widget-area' )): ?> <?php dynamic_sidebar( 'secondary-widget-area' ); ?> <?php endif; ?> FUNCTIONS.PHP add_theme_support('nav-menus'); register_nav_menus(array('primary' => 'menu_principal ')); add_theme_support('post-thumbnails'); set_post_thumbnail_size(170, 85, true); add_image_size('slide-thumb', 598, 308, true); register_post_type( 'destaque', $args );
  • 9. NÃO SE LIMITE Aprofunde seu conhecimento através da documentação disponibilizada pelo WordPress. Futuque novas funções, pois é assim que se aprende, é quebrando a cara e arriscando. Basta somente ter interesse!