Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WORDPRESSMeu primeiro tema
UM POUCOSOBRE MIMSou desenvolvedor front-end desde que meentendo por gente, trabalho comWordPress a mais ou menos 3 anose ...
O PSD   O LAYOUT
MINHA BASEStyle.css                                    Template pages/*                                           header.p...
HEADER.PHP              <!DOCTYPE html>                           <html >    Algumas função que     <head>                ...
INDEX.PHP              <?php get_header(); ?>                        <div id="blog">Mais algumas funções.   <?php while (h...
SIDEBAR.PHP   <?php if is_active_sidebar( secondary-widget-area )): ?>                      <?php dynamic_sidebar( seconda...
ALGUNS LINKS?http://www.tudoparawordpress.com.br/http://codex.wordpress.org/http://codex.wordpress.org/Theme_Developmentht...
NÃO SE LIMITEAprofunde seu conhecimento através dadocumentação disponibilizada peloWordPress.Futuque novas funções, pois é...
OBRIGADO!
Upcoming SlideShare
Loading in …5
×

Meu primeiro tema de WordPress

1,134 views

Published on

Palestra do @lluanmuniz no WPMeetUPRJ sobre como criar meu primeiro tema em WordPress

Published in: Technology
  • Be the first to comment

Meu primeiro tema de WordPress

  1. 1. WORDPRESSMeu primeiro tema
  2. 2. UM POUCOSOBRE MIMSou desenvolvedor front-end desde que meentendo por gente, trabalho comWordPress a mais ou menos 3 anose sou o desenvolvedor do siteTudo Para WordPress
  3. 3. O PSD O LAYOUT
  4. 4. MINHA BASEStyle.css Template pages/* header.phpTheme Name: Tema Primeiro footer.phpTheme URI: http://wordpress.org/ home.phpDescription: Nosso primeiro tema WordPress index.phpAuthor: Luan Muniz single.phpAuthor URI: tudoparawordpress.com.br page.phpVersion: 1.0 functions.php*/ search.php 404.php archive.php
  5. 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. 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. 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 );
  8. 8. ALGUNS LINKS?http://www.tudoparawordpress.com.br/http://codex.wordpress.org/http://codex.wordpress.org/Theme_Developmenthttp://codex.wordpress.org/Template_Hierarchy
  9. 9. NÃO SE LIMITEAprofunde seu conhecimento através dadocumentação disponibilizada peloWordPress.Futuque novas funções, pois é assim que seaprende, é quebrando a cara e arriscando.Basta somente ter interesse!
  10. 10. OBRIGADO!

×