• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Presentación WP Versión Keynote
 

Presentación WP Versión Keynote

on

  • 3,244 views

Algunos datos para modificar y crear plantillas para Wordpress

Algunos datos para modificar y crear plantillas para Wordpress

Statistics

Views

Total Views
3,244
Views on SlideShare
3,243
Embed Views
1

Actions

Likes
0
Downloads
14
Comments
0

1 Embed 1

http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Presentación WP Versión Keynote Presentación WP Versión Keynote Presentation Transcript

    • Wordpress Modificar y crear temas
    • ¿Qué es? Inicialmente un editor de blogs Hoy un CMS
    • ¿Qué podemos hacer? Editar una plantilla Crear una plantilla
    • Editar una plantilla
    • EP-plantillas Google
    • EP-pagadas y gratis WooThemes Wordpress http://www.woothemes.com/themes/ http://wordpress.org/extend/themes/
    • 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
    • EP-index.php header.php index.php footer.php
    • EP-index.php sidebar.php
    • EP-modificar fecha actual original http://www.bigfenomeno.com/ http://wptheme.net/cutline-3-column-right-11-free-wordpress-theme
    • 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>
    • 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>
    • 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; }
    • EP-colores y fuentes a { color: #46a3ff; text-decoration: none; }
    • <?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(); ?>
    • Crear una plantilla
    • 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 ;
    • 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
    • CP-inicio
    • 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; ?>
    • <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>
    • <!-- 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'); ?>
    • CP-temp pages
    • 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">"; }
    • :) gracias