Hosting en inglés

alojamiento web con Webhostinghub
Hosting SSD con Raiola

Trucos Para Personalizar Nuestro Sitio en WordPress Mediante Widgets

En un artículo anterior mostramos la manera de añadir áreas de widgets en dos pasos. En ese caso se empleó el siguiente código:

Widgetized Area

This panel is active and ready for you to add some widgets via the WP Admin

Si examinamos este código podemos ver que todo lo que se ubica entre los comandos if/endif será la salida (output) para el navegador cuando no se hayan activado widgets. Este es un buen lugar para informar al usuario que el área permite utilizar widgets y puede ser personalizada a través de la sección para widgets en el panel de administración de WordPress. El código también incluye una clase “pre-widget” para ayudar a darle estilo al área pre-widget.

Multiples areas de widgets

Si tenemos un sidebar con un área para widgets no tenemos porqué detenernos ahí. La implementación de áreas de widgets adicionales solamente requiere que repliquemos los códigos utilizados en los pasos 1 y 2 para añadir un área de widgets en dos pasos. Por ejemplo, supongamos que queremos añadir añadir áreas de widgets en el header, sidebar y footer de nuestra plantilla. Para esto tenemos que modificar el archivo funtions.php de la siguiente forma:

if (function_exists('register_sidebar')) {

	register_sidebar(array(
		'name' => 'Header',
		'id'   => 'header',
		'description'   => 'This is the widgetized header.',
		'before_widget' => '
', 'after_widget' => '
', 'before_title' => '

', 'after_title' => '

' )); register_sidebar(array( 'name' => 'Sidebar', 'id' => 'sidebar', 'description' => 'This is the widgetized sidebar.', 'before_widget' => '
', 'after_widget' => '
', 'before_title' => '

', 'after_title' => '

' )); register_sidebar(array( 'name' => 'Footer', 'id' => 'footer', 'description' => 'This is the widgetized footer.', 'before_widget' => '
', 'after_widget' => '
', 'before_title' => '

', 'after_title' => '

' )); }

Seguidamente colocamos los siguientes códigos en los lugares en que queremos que aparezcan los widgets dentro de los archivos de la plantilla:

Header

Widgetized Header

This panel is active and ready for you to add some widgets via the WP Admin

Sidebar

Widgetized Sidebar

This panel is active and ready for you to add some widgets via the WP Admin

Footer


Eso es todo. Por supuesto probablemente vamos a querer modificar ciertos detalles para que se ajusten a nuestras necesidades, pero esto es todo lo que se necesita para añadir múltiples áreas de widgets a nuestra plantilla de WordPress.

Organización de los widgets personalizados

 Lo primero que podemos hacer después de añadir nuevas áreas de widgets a nuestra plantilla es incluir un archivo “widgets.php” que contenga todos los widgets personalizados. Una simple línea de código es todo lo que se necesita para conseguir esta funcionalidad:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.'/widgets.php');

Este código se debe colocar en functions.php mientras que todos los widgets se ubican en el archivo widgets.php. Una vez en su lugar, este método asegura que los widgets estén cargados y disponibles para todas las versiones de WordPress. Esta es una forma de mantener organizos los archivos de la plantilla de nuestro blog.

Reemplazar los widgets por defecto de WordPress

Para muchos los widgets por defecto que incluye WordPress no resultan los más adecuados en sus aplicaciones. Afortunadamente es sumamente sencillo reemplazar estos widgets por defecto con nuestras propias creaciones. Por ejemplo, a continuación se muestra una manera de sustituir el widget de búsqueda que incluye WordPress con nuestra propia versión:



Esconder areas de widgets sin usar

Un área de widgets vacía en nuestra plantilla puede verse extraña, sobre todo cuando los estilos CSS son aplicados al elemento contenedor. Para prevenir que esto ocurra,  podemos “envolver” cada una de nuestras áreas de widgets con el siguiente código:






Con este código condicional, las áreas de widgets solo serán mostradas si contienen al menos un widget activo. Hay que mencionar que esta técnica condicional también funcional para desplegar elementos distintos a los widgets.

Trucos WordPress


SUSCRÍBETE SIN COSTO ALGUNO A NUESTRO BOLETÍN

Escribe tú correo electrónico:

Recibe contenido de este sitio sin costo alguno en tu e-mail. Solamente enviaremos los últimos artículos de Internetrcc, sin ningún tipo de spam

Acelera tu sitio

CDN para WordPress

Leave a Reply