SummArg | Cursos y recursos para webmasters

29/12/2008

Instalación Simple Tabloid 2

screenshotEste theme es modificación de Indomagz de magznetwork y cuenta con aprobación de su autor para ser redistribuido bajo el nuevo formato. El soporte del theme Simple Tabloid 2 se hará acá indefectiblemente, Magznetwork no está al tanto de todas las modificaciones realizadas. El set de íconos utilizado se llama Milky y se puede obtener el set completo en min.frenzy.com. La función de comentarios recientes es de www.g-loaded.eu.

Gracias a Naurgalen y a hectorejch por los aportes!

Para su correcta instalación, tenemos que seguir los siguientes pasos:

1- Subir la carpeta Simple Tabloid 2 a wp-content/themes y darle permisos de escritura (CHMOD 777) a la carpeta “cache” que trae el theme. De este modo puede crear las miniaturas que luego se despliegan en el home del sitio.

2- Habilitar los plugins sugeridos

3- Modificar la cantidad de entradas y las categorías sugeridas para el home del sitio.

4- Opcional: Preparado para usar Custom Search de Google en vez del buscador típico de wordpress.

3.1 Home.php y sidebars

tuto1

Para modificar la categoría de la que extrae este post, tenemos que buscar en la primera parte de la plantilla el siguiente code:

<?php $recent = new WP_Query(“cat=1&showposts=1”); ?>

Modifiquen “cat=1” por la categoría que deseen.

 

tuto2

La segunda sección de imagenes está compuesta por dos columnas separadas. A cada una le pueden asignar una categoria o bien extraer de la misma pero indicando que debe exceptuar cierto numero de posts para no repetir:

<?php $recent = new WP_Query(“showposts=3&offset=1&cat=1”); ?>

En esa linea le indioco que busque 3 posts, excepto el primero de la categoria uno. Si desean colocar otra categoria, modifiquen la linea a algo como:

<?php $recent = new WP_Query(“showposts=3&cat=2”); ?>

Repitanlo con el codigo siguiente, que verán de este modo como viene por defecto:

<?php $recent = new WP_Query(“showposts=3&offset=4&cat=1”); ?>

 

tuto3

La cuarta parte del home, extrae miniaturas y las despliega con el titulo debajo. Cambien la categoría a la deseada.

<?php $recent = new WP_Query(“cat=1&showposts=6″); ?>

En el home, van a ver en cada caso este código:

<h3 class=”headtitle”><?php wp_list_categories(‘include=1&title_li=&style=none’); ?></h3>

Esta porción es la que llama al título de cada categoría. Para llamar a la categoría correcta deben cambiar include=1 por el ID de la categoría deseada.

 

tuto4

Finalmente tenemos una sección en donde despliega los links a las ultimas entradas por categoría:

<?php $recent = new WP_Query(“cat=1&showposts=5″); ?>

 A esta altura ya saben como cambiarlo y verán que en sidebar.php y sidebar-left.php se repite exactamente igual. La diferencia radica en que los titulos se los dimos a mano modificando este código:

<div class=”sidebartitle”><h3>Noticias Breves</h3></div>

3.2 Recuadro del autor single.php

tuto5

Verán que en la plantilla single.php existe un recuadro para llamar al avatar del autor y a su descripción.

<div id=”authorbox”>
<strong>Sobre el autor: <?php the_author(); ?></strong>

<div>
<img src=”/autores/<?php the_author_ID();?>.png” alt=”Imagen del Autor” id=”authorpic”/>
</div>

<div id=”authorbio”>
<?php the_author_description();?>
</div>

</div>

Para que funcione correctamente ustedes deben colocar una carpeta en el raiz de su wordpress llamada “autores”  dentro de él colocar un avatar en png. El archivo debe tener por nombre el numero de id de cada autor. Ej el del admin se deberia llamar 1.png.

Si no querés usarlo, borralo (o comentalo) y descomentá esta sección:

<!–     <span class=”post-author”><?php the_author(); ?></span>
–>

Para ver los ID de categoria y de usuarios, podemos usar el plugin reveal-ids-for-wp-admin-25 que se deja recomendado instalar y estará en el zip de descarga.

Para el uso del theme

1- Escribimos nuestro artículo e insertamos nuestra imagen haciendo uso de la galería común del wordpress. Desde la vista de subir imagen nos dará una url que debemos copiar y pegar abajo de todo

custom-field-1

Esto aparece al hacer scroll hacia el inferior de la página para crear entradas en wordpress al estar activado el theme:

custom-field

Con esto debería bastar!

Vista completa del theme

screenshot

Demo online

Soporte y Descarga en el foro

Dejar un comentario