Presentación WP Versión Keynote

Wordpress
Modiﬁcar y crear temas

¿Qué es?

Inicialmente un editor de blogs
Hoy un CMS

¿Qué podemos hacer?

Editar una plantilla
Crear una plantilla

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-modiﬁcar fecha
actual original
http://www.bigfenomeno.com/ http://wptheme.net/cutline-3-column-right-11-free-wordpress-theme

EP-modiﬁcar 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 · <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') ?> · <?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>

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>

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(); ?>

<div class="CON">
<img src="http://www.corralco.com/site/wp-content/uploads/

EP-estructura
2009/10/findetemporada.jpg" alt="fin de temporada" />

<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="tuit"><?php aktt_sidebar_tweets(); ?></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>


<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>


<?php get_sidebar(); ?>
<?php trackTheme("illacrimo"); ?>


</div>

<?php get_footer(); ?>

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>

<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'); ?>
?>
 </div>
 <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()) :  <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 ;

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-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">

CP-html»php

<?php
$i = 1;
?>
<?php $my_query = new WP_Query('category_name=lo-nuevo&showposts=4');
<?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;
?>

</div>

<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="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
<?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>

<div id="lo-nuevo-interior" class="span-14">
<div class="clear"></div> <?php
$i = $i + 1 ;
endwhile;
<div id="contenido" class="span-14 last"> ?>


 <div class="clear"></div>
</div>
<div id="content" class="widecolumn">
<div class="txto-inicio"><span class="titulo">Marcas:</span><br /> 
Búscalas por marca. Toda la info de cada marca aqui. </div>

</div>
<?php </div>
$i = 1; 
?>

<?php $my_query = new <? include('includes/columna-derecha-inc.php'); ?>

WP_Query('category_name=marcas&showposts=99');
<div class="clear"></div></div>

<?php
<?php get_footer(); ?>

if (pow (-1,$i) > 0)
{
echo "<div class="span-7 margen-abajo-10 last">";
}

Presentación WP Versión Keynote

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

Destaque

Destaque (18)

Presentación WP Versión Keynote