Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

Escribiendo y Registrando tu primer Widget de WordPress

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called Introduction to Creating Your First WordPress Widget.
Introduction to Creating Your First WordPress Widget
Constructing Your WordPress Widget

Spanish (Español) translation by Oscar Abad Folgueira (you can also view the original English article)

Esta es la segunda parte de una serie de tutoriales en los que te muestro cómo crear tu primer widget WordPress. En la primera parte has aprendido acerca de la API De Widgets y de la clase WP_Widget. En esta parte aprenderás cómo comenzar con el proceso de creación de tu widget creando la clase para alojarlo y registrarlo.

En total, esta serie de tutoriales consta de cinco partes:

Qué vas a necesitar

Para seguir esta serie de tutoriales, necesitas:

  • Una instalación de Wordpress
  • Un editor de código

Configurar el Plugin

Lo primero que necesitas para configurar tu plugin. Crea un nuevo fichero en el directorio wp-content/plugins. Yo he llamado al mío tutsplus-list-subpages-widget.php.

Añade lo siguiente al fichero:

Obviamente necesitarás cambiar el nombre del autor y la url, con esto le das a WordPress lo que necesita para mostrar el plugin en la pantalla de Plugins.

Guarda tu fichero de plugin.

Crear la Clase Widget

El siguiente paso es crear una nueva clase para extender la clase WP_Widget.

Escribe este código in tu fichero de plugin:

Vamos a ver en qué consiste esta clase:

  • la función __construct hará lo que esperas - construirá la función. Dentro de esta función definirás cosas como el ID del widget, su título y descripción.
  • la función form creará el formulario en la pantalla de Widgets lo que permitirá a los usuarios configurar o activar el widget.
  • la función update de que WordPress actualiza la configuración que los usuarios han realizado en la pantalla de Widgets.
  • la función widget define qué va a mostrar el widget en la interfaz de tu sitio web.

Los tres últimos de estos tienen parámetros que te explicaré con más detalle en siguientes tutoriales.

Registrar el Widget

Tu widget no funcionará a menos que lo registres con WordPress. Debajo de tu clase, añade la función y el hook para hacer esto:

La función register_widget() es una función de WordPress cuyo único parámetro es el nombre de la clase que acabas de crear.

Entonces, engancha (hook) tu función al hook widgets_init para asegurarte de que es recogido por WordPress.

Nota: Tu widget no funcionará todavía y no se mostrará en la pantalla de Widgets, por lo que no te preocupes sobre cómo activar el plugin todavía. Necesitarás completar todos estos pasos in esta serie de tutoriales para que funcione.

Sumario

Has comenzado el proceso de crear tu primer widget WordPress. Has creado un plugin para el widget, creado una clase para construir el widget y registrarlo.

En el siguiente tutorial aprenderás cómo construir el widget usando tu función __contruct.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.