¿Cómo crear widgets personalizados en su sitio de WordPress?
Si ha estado ejecutando un sitio de WordPress por un tiempo, seguramente tendrá una buena idea de los widgets y su uso. Los widgets sirven como una gran herramienta para ayudar a los usuarios de WordPress a agregar más contenido y funcionalidad a las barras laterales (también conocidas como áreas de widgets) del tema de su sitio web.
Además, los widgets se pueden agregar a varias otras áreas del tema WP, como encabezado, pie de página, etc.) según sus necesidades y necesidades.
Los widgets lo ayudan principalmente a arrastrar y soltar elementos en su sitio. De forma predeterminada, puede encontrar varios widgets en el panel de administración de un tema de WordPress.
Sin embargo, puede hacer que el tablero de su sitio sea aún más útil para crear widgets personalizados. En esta publicación, explicaré cómo puede crear su propio widget personalizado en un panel de WordPress.
Publicación relacionada: ¿Cómo agregar widgets y comenzar a usarlos en su sitio de WordPress?
¿Cómo crear un widget personalizado en el panel?
Suponga que desea crear un widget personalizado en el panel de administración de su sitio. Para esto, lo primero que debe hacer es registrar su widget con WordPress.
Para hacer esto, solo use la función wp_add_dashboard_widget (). Esta es una función predeterminada de WordPress que le informa a WordPress sobre un widget recién creado.
A continuación se muestra un código que le mostrará cómo registrar un widget personalizado:
// Register your custom widget function by hooking into the 'wp_dashboard_setup' action
add_action( 'wp_dashboard_setup', 'first_custom_dashboard_widget' );
first_custom_dashboard_widget () {
wp_add_dashboard_widget (
‘first_niestandardowy_widget_dashboard’,
// este es un widget de babosa
‘Primer widget de tablero personalizado’,
// este es el título de tu widget
«First_custom_dashboard_widget_display»
// Función de visualización
);
}
// Cree una función para mostrar el contenido que se mostrará en el widget del panel.
first_custom_dashboard_widget_display () {
echo ‘Aquí es donde describe su Widget’;
}
Nota: El código anterior debe agregarse al archivo functions.php de su tema.
El fragmento de código anterior lo ayudará a crear un widget personalizado llamado «Primer widget de tablero personalizado». Ahora entiendo cómo funciona el código:
Después de ejecutar el código, simplemente vaya al panel de administración y verá el widget recién creado agregado en la parte inferior de la página del panel de administración. Simplemente arrastre este widget y colóquelo donde desee.
Salida:
¿Cómo cambio la posición de los widgets personalizados?
En la sección anterior, cubrimos el código para ayudarlo a crear y agregar widgets personalizados en el tablero de su sitio de WordPress.
Aparentemente, le gustaría dar a los usuarios del complemento la capacidad de colocar el «Widget de tablero personalizado» en la ubicación de su elección simplemente arrastrándolo.
Desafortunadamente, WordPress no viene con una API fácil de usar que le permita ordenar previamente los widgets predeterminados. Esto significa que su widget personalizado siempre se mostrará en la parte inferior de la lista del panel.
Pero, ¿qué sucede si desea colocar su widget personalizado sobre todos los widgets predeterminados? Puedes hacer esto jugando con el código.
Una de las mejores formas de hacer esto es cambiar manualmente la tabla metabox interna. Luego puede colocar el widget recién creado en la parte superior de la lista de widgets. Aquí está el código que hace el mismo trabajo:
function first_custom_dashboard_widgets() {
wp_add_dashboard_widget( 'first_custom_dashboard_widget', 'First Custom Dashboard Widget', 'first_custom_dashboard_widget_function' );
// Globalize the array of the metaboxes, this will apply to all the widgets for wp-admin
global $wp_meta_boxes;
// Fetch array of the regular dashboard widgets
$normal_dashboard = $wp_meta_boxes['dashboard']['normal']['core'];
// Create a backup of the custom dashboard widget and delete it from the end of the array
$first_custom_widget_backup = array( 'first_custom_dashboard_widget' => $normal_dashboard['first_custom_dashboard_widget'] );
unset( $normal_dashboard['first_custom_dashboard_widget'] );
// Combine both the arrays together to put custom widget at the beginning
$sorted_dashboard = array_merge( $first_custom_widget_backup, $normal_dashboard );
// Save the value of sorted array back into the main metaboxes
$wp_meta_boxes['dashboard']['normal']['core'] = $sorted_dashboard;
}
Recuerde que este código funcionará para los propietarios de sitios de WordPress que no hayan reorganizado sus widgets en absoluto. Pero tan pronto como el usuario realice esta función, sus preferencias actuales anularán eso. Como resultado, los usuarios deberán mover el widget a la parte superior.
Envase
Si bien WordPress le brinda acceso a varios widgets predeterminados para ampliar el panel de administración de su sitio, es posible que aún no satisfaga sus necesidades específicas.
Sin embargo, puede lograr todos los objetivos deseados y aumentar la usabilidad del panel de administración creando un widget personalizado. Después de todo, los widgets son una excelente manera de agregar contenido y funcionalidad adicionales.
No hace falta decir que crear un nuevo widget adaptado para realizar ciertas tareas en el panel de administración será beneficioso para usted.
Espero que esta publicación sea una guía útil para ayudarlo a comprender mejor cómo crear widgets personalizados en el panel de administración de su sitio web.
Recuerda que si tienes problemas de codificación, será mejor que contrates a un desarrollador de WordPress para que te ayude a completar tu proyecto.
Biografía del autor:
Samuel Dawson es desarrollador de aplicaciones web y administrador de archivos en Designs2html Ltd. También convierte con éxito temas HTML a WordPress.
Mantiene dinámicamente el procesamiento general de archivos de WordPress. El artículo anterior sobre la gestión de widgets en WordPress fue escrito por él.