vanus cero uno

Editando a ‘theloop.php’

Como mencione en la pagina anterior, el segundo bloque de codigo es el encargado de procesar y desplegar nuestros asides en K2 y es precisamente este codigo el que habremos de reemplazar por lo siguiente.

<ul class="asides">
	<li id="p<?php the_ID(); ?>">
	<?php echo wptexturize($post->post_content); echo ' '; ?>
	<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">#</a>
	<?php comments_popup_link('(0)', '(1)', '(%)')?>
	<?php edit_post_link('(e)'); ?></li>
</ul>

Lo primero que resalta es el reducido numero de lineas de codigo que contiene comparado con el codigo de K2. Debido a su sencillez este codigo prescinde de algunos de los elementos informativos que K2 ofrece para sus Asides, pero es precisamente lo que buscamos con esta modificacion, un enfoque mucho mas simple y sencillo para nuestras notas al margen.

Este codigo es el enfoque original ideado por Matt.

<ul class="asides"><li id="p<?php the_ID(); ?>">

En el tenemos una lista sin ordenar preteneciente a la clase asides. En cada elemento de la lista conservamos el id para cada entrada o post.

<?php echo wptexturize($post->post_content); echo ' '; ?>

La funcion wptexturize se encarga de preparar y mostrar el contenido de nuestros asides.

<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title();?>">#</a>
	<?php comments_popup_link('(0)', '(1)', '(%)')?>
	<?php edit_post_link('(e)'); ?></li>
</ul>

Por ultimo proporcionamos un permalink para el aside, asi como links para los comentarios y la edicion (en caso de tener los derechos), todos de manera sencilla y discreta.

Asi, con algo de CSS podemos personalizar nuestros asides.

ul.asides{
	padding: 0 25px;
	background-color: #F8F8F8;
	list-style-type: square;
	list-style-image: url(images/note.png);
}

El resultado en pantalla es lo siguiente.

Antes

Despues

Tal vez existan maneras mas clinicas de lograr el mismo resultado, seria bueno escuchar algunas sugerencias.

Descarga theloop.zip (3kb)