Your SlideShare is downloading. ×
0
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Presentación WP Versión Keynote
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Presentación WP Versión Keynote

3,009

Published on

Algunos datos para modificar y crear plantillas para Wordpress

Algunos datos para modificar y crear plantillas para Wordpress

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,009
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Wordpress Modificar y crear temas
  • 2. ¿Qué es? Inicialmente un editor de blogs Hoy un CMS
  • 3. ¿Qué podemos hacer? Editar una plantilla Crear una plantilla
  • 4. Editar una plantilla
  • 5. EP-plantillas Google
  • 6. EP-pagadas y gratis WooThemes Wordpress http://www.woothemes.com/themes/ http://wordpress.org/extend/themes/
  • 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
  • 8. EP-index.php header.php index.php footer.php
  • 9. EP-index.php sidebar.php
  • 10. EP-modificar fecha actual original http://www.bigfenomeno.com/ http://wptheme.net/cutline-3-column-right-11-free-wordpress-theme
  • 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() ?>--> · <?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 →]'); ?> </div>
  • 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 →]'); ?> 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>
  • 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; }
  • 14. EP-colores y fuentes a { color: #46a3ff; text-decoration: none; }
  • 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 »</ 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 »'); ?> </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(); ?>
  • 16. Crear una plantilla
  • 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ás »</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 ;
  • 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
  • 19. CP-inicio
  • 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; ?>
  • 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"> "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ás »</a></div></div></div> </div> <?php $i = $i + 1 ; //the_ratings(); endwhile; ?> <!--Lo Nuevo FIN--> <div class="clear"></div> </div>
  • 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'); ?>
  • 23. CP-temp pages
  • 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ú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">"; }
  • 25. :) gracias

×