Presentación WP Versión Keynote
Download as KEY, PDF0 likes1,305 views
Algunos datos para modificar y crear plantillas para Wordpress
![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>](https://image.slidesharecdn.com/presentacionwp-091114221608-phpapp01/85/Presentacion-WP-Version-Keynote-11-320.jpg)
![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>](https://image.slidesharecdn.com/presentacionwp-091114221608-phpapp01/85/Presentacion-WP-Version-Keynote-12-320.jpg)
![<!-- 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'); ?>](https://image.slidesharecdn.com/presentacionwp-091114221608-phpapp01/85/Presentacion-WP-Version-Keynote-22-320.jpg)
Presentación WP Versión Keynote
- 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
- 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
- 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(); ?>
- 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