Archivo para la categoria ‘Tutoriales’

¿Cómo Crear un Favicon para tu Sitio?

Un favicon es el gráfico que aparece junto a la URL en la barra del navegador.

El favicon también proporciona una rápida representación gráfica en el marcador cuando la gente agrega tu sitio a sus favoritos, y cuenta con el apoyo de todos los principales navegadores.

La creación de un favicon es relativamente fácil en estos días. Hoy en día, puedes usar casi cualquier imagen que desees, incluso fotografías.

He aquí cómo crear un favicon para tu sitio

Leer mas ->

Mostrar Adsense en tu Primer Post

En esta guía aprenderás cómo mostrar AdSense sólo en tu primer post dentro del Loop. Claro, puede haber plugins que lo harán por ti. Esta guía, sin embargo, utiliza ejemplos de código para lograr lo mismo editando tu theme de WordPress.

El primer paso es abrir tu archivo index.php del theme. Busca la siguiente línea:

PHP:
  1. <?php if(have_posts()) : ?>

Justo arriba de este, inserta el siguiente código:

PHP:
  1. <?php $i = 1; ?>

Ahora, desplázate hacia abajo hasta encontrar esta línea:

PHP:
  1. <?php endwhile; ?>

Inserta el siguiente código por encima de ella, de este modo:

PHP:
  1. <?php $i++; ?>
  2. <?php endwhile; ?>

El paso final es insertar tu código de AdSense. Localiza el lugar exacto que te gustaría que apareciera, y colócalo entre un código condicional como este:

PHP:
  1. <?php if ($ i == 1) (?> [TU CÓDIGO DE ADSENSE AQUÍ] <? php)?>

Y eso es todo lo que tienes que hacer. Puedes ser creativo con este código también. Podrías añadir un cierto estilo css. Ni siquiera tiene que ser el primer post si no quieres, basta con cambiar el número en $ i == 1 al numero de post que quieras que aparezca. Este mismo método puede ser utilizado en otras plantillas, como archive.php.

Crear una Sección de Artículos Destacados

Crear una sección de "Artículos Destacados" en el sidebar es una pregunta común para algunos Responderé a la pregunta.

Crear una sección de Artículos Destacados para tu blog de WordPress incluye 3 pasos básicos:

  1. Crear una nueva categoría denominada Destacado.
  2. Colocar el código (que daré abajo) en sidebar.php.
  3. Darle un estilo.

El código

Coloca el siguiente código en el lugar que quieras del sidebar o en cualquier otro lugar donde desees mostrar tus Artículos Destacados:

PHP:
  1. <ul>
  2.   <?php query_posts('category_name=Destacado&showposts=5'); while (have_posts()) : the_post(); ?>
  3.     <li>
  4.       <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
  5.     </li>
  6.   <?php endwhile; ?>
  7. </ul>

Explicando

La función query_posts es la base de datos para todos los posts de la categoría de Destacado y selecciona los 5 últimos posts. Cambia el 5 a cualquier número que desees.

PHP:
  1. query_posts('category_name=Destacado&showposts=5');

Esta parte muestra los 5 posts seleccionados, en forma de lista, a través del Título del post:

PHP:
  1. <li>
  2.  <a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a>
  3. </li>

El estilo

Puedes incluir antes del código un DIV <div id="featured"> </ div> y definirlo en tu hoja de estilos.

CSS:
  1. #featured ul li a, #featured ul li a:visited {
  2. /* preferred styling here */
  3. }
  4.  
  5. #featured ul li a:hover {
  6. /* preferred styling here */
  7. }

Ahora, posts en la categoría Destacado serán exhibidos en la Sección Destacados.

Este proceso se puede aplicar a cualquier sección que desees crear, en cualquier lugar de tu blog.

Tutorial Wordpress: Crear Menú con las Categorías Usando CSS

De seguro hay muchos usuarios que se preguntan como añadir una pestaña para la navegación basada en un blog Wordpress, usando el wp_list_categories. Por lo tanto, creo este tutorial rápido, por si acaso hay personas que buscan la misma respuesta.

En este tutorial voy a aplicar código HTML / CSS necesario para crear una categoría basada en un menú de navegación, utilizando algunas buenas esquinas redondeadas, algo así:

Las esquinas redondeadas

Para las esquinas redondeadas vamos a necesitar 4 imagenes, 2 para cada estado (normal, activo). Nombra las imágenes tabizquierda, tabderecha y tabizquierda_activo, tabderecha_activo. Las imágenes que van a la derecha tienen que ser lo suficientemente amplio, a fin de que quepan leyendas.

Leer mas ->

Tutorial: Como Agregar mas Sidebar a mi Theme

Acabas de encontrar un theme para Wordpress, te ha gustado y piensas utilizarlo para tu blog pero... ¡solo tiene 1 sidebar y tu necesitas 2, quizá 3! Bien en este post te enseñare como añadir un sidebar extra a tu theme. Personas que saben de PHP les resultará fácil de hacer, pero incluso los principiantes pueden hacerlo fácilmente utilizando el código les daré a continuación

Para empezar el tutorial, abre la carpeta de tu theme para ver todos los archivos. Si su theme tiene sólo un sidebar, entonces muy probablemente no encontrarás un archivo llamado functions.php en tu carpeta. En este caso, tú tendrás que crear este archivo. Sólo tienes que abrir el Bloc de notas o cualquier otro editor de texto para empezar un nuevo archivo. Coloca este código en el archivo:

<?php
if ( function_exists('register_sidebars') )
register_sidebars(2);
?>

Guarda el archivo como functions.php y ponlo en la carpeta de tu theme. Este fragmento de código le dice a Wordpress registrar dos sidebars (Véase register_sidebars (2) en el código). Pero si tu theme tenia 2 o mas sidebars deberás encontrar el archivo functions.php en la carpeta. Sólo tienes que editar el número según el número de sidebars que quieras y guardar el archivo. Puedes aumentar este número si deseas más sidebars y si tu diseño se puede acomodar. Ahora, cuando vayas a tu panel de administración de Wordpress Design -> Widgets, verás que puedes agregar widgets en el sidebar que quieras.

Ahora viene la parte donde construiremos los demás sidebars. Si tu tema tiene sólo un sidebar, localiza el archivo sidebar.php en tu carpeta. En este caso, cámbiale el nombre de sidebar.php a sidebar1.php y hacer un nuevo archivo llamado sidebar2.php. Coloca este código en sidebar2.php y guardar el archivo: Leer mas ->

© 2008 - XeroBlog - Theme hecho por ChiQ M y editado por Xtremo.