Presentacion Wp Versión PDF

2,151 views

Published on

Algunos datos para modificar y crear plantillas para Wordpress.

Published in: Design
  • Be the first to comment

Presentacion Wp Versión PDF

  1. 1. Wordpress Modificar y crear temas domingo 15 de noviembre de 2009
  2. 2. ¿Qué es? Inicialmente un editor de blogs Hoy un CMS domingo 15 de noviembre de 2009
  3. 3. ¿Qué podemos hacer? Editar una plantilla Crear una plantilla domingo 15 de noviembre de 2009
  4. 4. Editar una plantilla domingo 15 de noviembre de 2009
  5. 5. EP-plantillas Google domingo 15 de noviembre de 2009
  6. 6. EP-pagadas y gratis WooThemes Wordpress http://www.woothemes.com/themes/ http://wordpress.org/extend/themes/ domingo 15 de noviembre de 2009
  7. 7. EP-estructura header.php - Sección de cabecera index.php - Sección principal sidebar.php - Sección lateral footer.php - Sección de pie de página single.php - Plantilla de Post page.php - Plantilla de página comments.php - Plantilla de comentarios search.php - Búsqueda de contenidos searchform.php - Formulario de búsqueda archive.php - Archivo functions.php - Funciones especiales 404.php - Página de error 404 domingo 15 de noviembre de 2009
  8. 8. EP-index.php header.php index.php footer.php header.php - Sección de cabecera domingo 15 de noviembre de 2009
  9. 9. EP-index.php sidebar.php domingo 15 de noviembre de 2009
  10. 10. EP-modificar fecha actual original http://www.bigfenomeno.com/ http://wptheme.net/cutline-3-column-right-11-free-wordpress-theme domingo 15 de noviembre de 2009
  11. 11. EP-modificar fecha nuevo original <div class="post-date"> <span class="post-day">06</span> <span class="post-month">Nov</span> </div> <h2> <a href="http://www.bigfenomeno.com/2009/11/reed-rader/" rel="bookmark" title="Permanent Link to REED + RADER">REED + RADER</a> </h2> <p class="autor">Por Franci</p> <div class="clear"></div> <h4>May 18th, 2009<!-- by admin --> · <a <div class="entry"> href="http://themes.hirewordpressexperts.com/? p=13#respond" title="Comment on This is a random post">No Comments</a></h4> <div class="post-date"> <span class="post-day"><?php the_time('d') ?></span> <span class="post-month"><?php the_time('M') ?></span> </div> <h2> <a href="<?php the_permalink() ?>" rel="bookmark" <h4><?php the_time('F jS, Y') ?><!-- by <?php title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a> the_author() ?>--> &middot; <?php </h2> comments_popup_link('No Comments', '1 Comment', '% <p class="autor">Por <?php the_author(); ?></p> Comments'); ?></h4> <div class="clear"></div> <div class="entry"> <?php the_content('[Read more &rarr;]'); ?> </div> domingo 15 de noviembre de 2009
  12. 12. EP-excerpt php HTML <div class="post-date-aside"> <div class="post-date-aside"> <span class="post-day- <span class="post-day- aside"><?php the_time('d') ?></span> aside">29</span> <span class="post-month- <span class="post-month- aside"><?php the_time('M') ?></span> aside">Oct</span> </div> </div> <h2> <h2> <a href="<?php <a href="http:// the_permalink() ?>" rel="bookmark" www.bigfenomeno.com/2009/10/the-only-hope/" title="Permanent Link to <?php the_title(); ? rel="bookmark" title="Permanent Link to THE >"><?php the_title(); ?></a> ONLY HOPE">THE ONLY HOPE</a> </h2> </h2> <div class="clear-aside"></div> <div class="clear-aside"></div> <div class="entry-aside"> <div class="entry-aside"> <?php <p> the_excerpt('[Read more &rarr;]'); ?> Hace mucho tiempo que no tenía una razón </div> tan linda y un flyer tan bueno como para ir a una fiesta.<br> No sorteamos entradas, nosotros también pagamos.<br> Amenizan_<br> gepe<br> Astudillo<br> Chuligarridos<br> Cristián Araya</p> </div> <p class="tagged-aside"><span class="add_comment"><a href="http:// www.bigfenomeno.com/2009/10/the-only-hope/ #respond" title="Comment on THE ONLY HOPE">→ No Comments</a></span></p> domingo 15 de noviembre de 2009
  13. 13. EP-fondo php body { color: #666666; margin: 0px; padding: 0px 0px 30px; font-family: "Lucida", Helvetica, Arial; font-size: 75%; line-height: 150%; background-color: #7A0000; background-image: url(images/ fdoPrueba.jpg); background-repeat: no-repeat; background-position: center top; } domingo 15 de noviembre de 2009
  14. 14. EP-colores y fuentes a { color: #46a3ff; text-decoration: none; } domingo 15 de noviembre de 2009
  15. 15. <?php get_header(); ?> <!-- Container --> <div class="CON"> <img src="http://www.corralco.com/site/wp-content/uploads/ EP-estructura 2009/10/findetemporada.jpg" alt="fin de temporada" /> <!-- Start SC --> <div class="SC"> <div class="tit-tuit"><img src="http://www.corralco.com/site/wp-content/ themes/illacrimo/images/tuit-icon.png" width="61" height="40" alt="tuiticon" /> <h2><a href="http://www.twitter.com/corralco">Corralco Twitter &raquo;</ a></h2></div> <div class="clear"></div> <div class="tuit"><?php aktt_sidebar_tweets(); ?></div> <div class="clear"></div> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class="Post" id="post-<?php the_ID(); ?>" style="padding-bottom: 40px;"> <div class="PostHead"> <h1><a title="Permanent Link to <?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1> <small class="PostAuthor">Author: <?php the_author() ?> <?php edit_post_link('Edit'); ?></small> <p class="PostDate"> <small class="day"><?php the_time('j') ?></small> <small class="month"><?php the_time('M') ?></small> <small class="year"><? // php the_time('Y') ?></small> </p> </div> <div class="PostContent"> <?php the_content('Read the rest of this entry &raquo;'); ?> </div> <div class="PostDet"> <li class="PostCom"><?php comments_popup_link('0 Comments', '1 Comment', '% Comments'); ?></li> <li class="PostCateg">Filed under: <?php the_category(', ') ?></li> </div> </div> <!--<?php trackback_rdf(); ?>--> <div class="clearer"></div> <?php endwhile; ?> <div class="Nav"><?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></div> <?php else : ?> <h2><?php _e('Not Found'); ?></h2> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> </div> <!-- End SC --> <?php get_sidebar(); ?> <?php trackTheme("illacrimo"); ?> <!-- Container --> </div> <?php get_footer(); ?> domingo 15 de noviembre de 2009
  16. 16. Crear una plantilla domingo 15 de noviembre de 2009
  17. 17. CP-inicio <?php true); ?>"><img src="<?php } /** bloginfo('wpurl'); ?><?php echo * @package WordPress get_post_meta($post->ID, "pub_izq_thumb", else * @subpackage Default_Theme true); ?>" height="265" /></a> { */ echo "<div class="span-8 margen- abajo-10">";} get_header(); ?> </div> ?> </div> <!-- contenido INICIO --> <div id="bloque-padd-10"> <div class="padding-10-all"> <div id="lo-nuevo" class="span-24"><div <div id="video"> class="span-20"> <?php <div class="clear"></div> $i = $i + 1 ; <div class="span-4" id="pub"> endwhile; <? include('includes/foto_o_video.php'); ?> ?> <!--post pub INICIO--> </div> <!--post pub FIN--> <div class="posteos"> <?php <div class="post-title titulo-2- $i = 1; </div> col"> ?> <div class="span-16 last"> <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <? <?php $my_query = new <div class="span-16 last"> php the_title(); ?>"><?php the_title(); ?></ WP_Query('category_name=pub- a> izq&showposts=3'); </div> while ($my_query->have_posts()) : <!--Lo Nuevo INICIO--> <div class="texto-2-col-first"> $my_query->the_post(); <?php $do_not_duplicate = $post->ID;?> <?php $excerpt = $i = 1; get_the_excerpt(); <?php ?> if ($i == 3) echo { <?php $my_query = new truncate2($excerpt,400,'...'); echo "<div class="span-4 last ult-pub WP_Query('category_name=lo- ?> ">"; nuevo&showposts=4'); } else while ($my_query->have_posts()) : </div> { $my_query->the_post(); <div class="leer-mas"><a href="<?php echo "<div class="span-4 last">";} $do_not_duplicate = $post->ID;?> the_permalink() ?>">leer m&aacute;s &raquo;</a></div></div></div> ?> <?php if (pow (-1,$i) > 0) </div> <div class="entry"> { <a href="<?php echo echo "<div class="span-8 margen- <?php get_post_meta($post->ID, "pub_link", abajo-10 last">"; $i = $i + 1 ; domingo 15 de noviembre de 2009
  18. 18. CP-inicio Inicialmente sitio en duro No todo el sitio, solo las páginas necesarias Yo uso Blueprintcss ( http://www.blueprintcss.org/ ) Luego segmentar y probar en duro Si funciona cambiar contenido estático por dinámico domingo 15 de noviembre de 2009
  19. 19. CP-inicio domingo 15 de noviembre de 2009
  20. 20. CP-el loop <?php $i = 1; ?> <?php $my_query = new WP_Query('category_name=pub-izq&showposts=3'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID;?> if (have_posts()) : while (have_posts()) : <div class="span-4 last"> the_post(); <div class="entry"> the_content(); <a href="<?php echo get_post_meta($post->ID, "pub_link", true); ? endwhile; >"><img src="<?php bloginfo('wpurl'); ?><?php echo get_post_meta($post->ID, endif; "pub_izq_thumb", true); ?>" height="265" /></a> </div> </div> <?php $i = $i + 1 ; endwhile; ?> domingo 15 de noviembre de 2009
  21. 21. <div class="span-16 last"> <div class="span-16 last"> CP-html»php <!--Lo Nuevo INICIO--> <?php $i = 1; ?> <?php $my_query = new WP_Query('category_name=lo-nuevo&showposts=4'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID;?> <?php if (pow (-1,$i) > 0) { echo "<div class="span-8 margen-abajo-10 last">"; } else { echo "<div class="span-8 margen-abajo-10">";} <div class="span-8 last"><div class="padding-10-all"> ?> <div id="video"><img src="images/post-01.jpg" width="290" height="191" <div class="padding-10-all"> alt="dgb" /></div> <div id="video"> <div class="posteos"> <div class="titulo-2-col"><a href="#">Nike Air Trainer III Penny <? include('includes/foto_o_video.php'); ?> Hardaway</a></div> <div class="texto-2-col"> &quot;Lorem ipsum dolor sit amet, consectetur </div> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna <div class="posteos"> aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi <div class="post-title titulo-2-col"> ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint to <?php the_title(); ?>"><?php the_title(); ?></a> occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim </div> id est laborum</div> <div class="texto-2-col-first"> <div class="leer-mas"><a href="#">leer más »</a></div> <?php </div> $excerpt = get_the_excerpt(); </div></div> echo truncate2($excerpt, 400,'...'); ?> </div> <div class="leer-mas"><a href="<?php the_permalink() ?>">leer m&aacute;s &raquo;</a></div></div></div> </div> <?php $i = $i + 1 ; //the_ratings(); endwhile; ?> <!--Lo Nuevo FIN--> <div class="clear"></div> </div> domingo 15 de noviembre de 2009
  22. 22. <!-- columna derecha INICIO --> <div id="col-der" class="span-10 last"> CP-sidebar <div class="span-10 last contenedor-mailinglist-interior"> <div class="ingresa-mail"><div class="cont-mailing-hor"> <?php stnl_subscribe(‘Subscribe’); ?></div></div> </div> <div class="span-10 last"> <div class="titulo-seccion-interior"> <div id="col-der" class="span-10 last"> <a href="#"><img src="<?php bloginfo('template_url'); ?>/images/titulo- <div class="span-10 last fdo-mailinglist"> ranking.png" width="350" height="50" alt="sdf" /></a> <div class="span-8 ingresa-mail"> <form id="form1" name="form1" </div> method="post" action=""> <div id="ranking" class="span-10 last"> <input name="mailinglist" type="text" id="mailinglist" value="Suscribete para recibir AC en tu correo" /> <?php <div class="clear"></div> $i = 1; </form></div> ?> <div class="span-2 last bot-zapa"><a href="#"><img src="images/ zapatilla.png" width="50" height="29" alt="df" /></a></div> <?php if (function_exists('get_highest_score_category')): </div> <div class="span-10"> $arreglo = get_highest_score_category(18, 'both', 0, 5); <div id="ranking" class="span-10 last"> //echo $arreglo; <div id="tit-ranking" class="span-10 last"> $tricky = explode("x", $arreglo); <div class="titulo-seccion-interior primero"><a href="#"><img src="images/ titulo-ranking.png" width="350" height="50" alt="fdfs" /></a></div> foreach($tricky as $key => $value) { </div> if($value == "" || $value == " " || is_null($value)) { unset($tricky[$key]); <div class="span-2"> } <div class="padding-10-all"><img src="images/ranking-interior-01.png" } alt="kk" width="55" height="51" /> <div class="ranking-interior"><a href="#"><img src="images/01.png" $tricky = array_reverse($tricky); width="28" height="28" alt="dsf" /></a></div> </div> for( $k = 0; $k < count($tricky); $k++) </div> { ?> <div class="span-2"> <div class="padding-10-all"><img src="images/ranking-interior-01.png" alt="kk" width="55" height="51" /> <?php <div class="ranking-interior"><a href="#"><img src="images/02.png" if ($i == 5) width="28" height="28" alt="dsf" /></a></div> { </div> echo "<div class="span-2 last">"; </div> } <div class="span-2"> else <div class="padding-10-all"><img src="images/ranking-interior-01.png" { alt="kk" width="55" height="51" /> echo "<div class="span-2">";} <div class="ranking-interior"><a href="#"><img src="images/03.png" width="28" height="28" alt="dsf" /></a></div> ?> </div> <div class="entry padding-10-all"> </div> <a href="<?php echo get_permalink($tricky[$k]); ?>"><?php //echo <div class="span-2"> $tricky[$k]; ?><img src="<?php bloginfo('wpurl'); ?><?php echo <div class="padding-10-all"><img src="images/ranking-interior-01.png" get_post_meta($tricky[$k], "ranking_thumb", true); ?>" alt="kk" width="55" alt="kk" width="55" height="51" /> height="47" /></a> <div class="ranking-interior"><a href="#"><img src="images/04.png" width="28" height="28" alt="dsf" /></a></div> <div class="margen-up-10"> </div> </div> <? include('ranking_home.php'); ?> domingo 15 de noviembre de 2009
  23. 23. CP-temp pages domingo 15 de noviembre de 2009
  24. 24. CP-temp pages <?php else /** { * @package WordPress echo "<div class="span-7 margen-abajo-10">";} * @subpackage Default_Theme */ ?> /* Template Name: grilla2xn Marcas <div class="padding-10-all"> */ <div id="video"><a href="<?php bloginfo('wpurl'); ?>/category/<?php echo get_post_meta($post->ID, "marca_link", true); ?>" rel="bookmark" title="Permanent get_header(); Link to <?php //the_title(); ?>"><img src="<?php bloginfo('wpurl'); ?><?php echo ?> get_post_meta($post->ID, "marcas_thumb_interior", true); ?>" width="250" height="170" /></a></div> <div id="bloque-padd-10-interior"> </div> </div> <!-- contenido central INICIO --> <div id="lo-nuevo-interior" class="span-14"> <div class="clear"></div> <?php $i = $i + 1 ; endwhile; <div id="contenido" class="span-14 last"> ?> <!--fin del post--> <!--loop-post-detalle--> <div class="clear"></div> </div> <div id="content" class="widecolumn"> <div class="txto-inicio"><span class="titulo">Marcas:</span><br /> <!--loop-post-detalle--> B&uacute;scalas por marca. Toda la info de cada marca aqui. </div> <!--el post--> </div> <?php </div> $i = 1; <!-- contenido central FIN --> ?> <!-- columna derecha INICIO-en single --> <?php $my_query = new <? include('includes/columna-derecha-inc.php'); ?> <!-- columna derecha FIN --> WP_Query('category_name=marcas&showposts=99'); while ($my_query->have_posts()) : $my_query->the_post(); <div class="clear"></div></div> $do_not_duplicate = $post->ID;?> <div class="clear"></div> <?php <?php get_footer(); ?> if (pow (-1,$i) > 0) { echo "<div class="span-7 margen-abajo-10 last">"; } domingo 15 de noviembre de 2009
  25. 25. :) gracias domingo 15 de noviembre de 2009

×