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

Mostrar Tu Widget en el Sitio Web

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

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

El paso final para la creación de tu widget es mostrar su contenido en el sitio web. Esto lo haces editando la clase WP_Widget.

Esta es la última parte de los cinco tutoriales de esta serie que necesitas seguir para conseguir tu widget:

Qué Necesitarás

Para seguir este tutorial necesitas:

Codificando la Salida del Widget

Hay dos partes: añadir una función fuera del widget que identificará la página padre a usar, y editar la función widget dentro de la clase WP_Widget.

Añadir la Función Padre

Esta función la cogemos directamente de uno de mis tutoriales anteriores para crear un plugin para context-sensitive sidebar navigation.

Debajo de tu clase WP_Widget, añade la función a tu fichero de plugin.

Esto lo usarás mas adelante cuando definas la consulta para ejecutar en el widget.

Editar la Función Widget

A continuación necesitarás editar la función widget vacía que creaste anteriormente, en el fichero del plugin. Comienza definiendo la variable basada en la entrada del formulario.

Después, añade tu consulta y su salida, editando la función para que quede como esto:

Esto comprueba si estamos en una página y define los argumentos para la función list_pages() usando la salida de la función anterior y el valor de la variable $depth que se establece mediante el formulario del widget.

Ahora guarda tu widget y comprueba tu sitio web. Tu lista debe mostrar lo que has añadido al widget:

El Plugin Final

¡Ahora ya tienes un plugin de widget completo! 

Para recapitular qué has visto en los cinco tutoriales, aquí está el código completo del plugin:

Sumario:

Crear un widget implica unos pocos pasos. Son:

  • Registrar tu widget
  • Crear la clase para alojar las funciones del widget
  • Escribir una función construct para construir tu widget
  • Escribir una función form para el formulario en la pantalla de Widgets.
  • Escribir una función update para que el widget se actualice desde el formulario.
  • Escribir una función widget con la salida.

Una vez que has hecho todo esto, tendrás un widget funcionando, que puedes adaptar cuando quieras.

¡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.