Presentacion Wp Versión PDF

Wordpress
Modiﬁcar y crear temas

domingo 15 de noviembre de 2009

¿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

header.php - Sección de cabecera

EP-index.php
sidebar.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(); ?>

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>

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

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


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

:)
gracias


Presentacion Wp Versión PDF

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Presentacion Wp Versión PDF

Ähnlich wie Presentacion Wp Versión PDF (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Presentacion Wp Versión PDF