Una forma de personalizar el dashboard o escritorio de WordPress es personalizar los widgets para ver un vistazo información de interés, como por ejemplo el estado de salud de la web, ver las últimas entradas publicadas, los emails enviados etc.

Una propuesta interesante es crear tus propios widgets para el escritorio de WordPress para crear algo similar a lo de la imagen:

Crear nuevo widget escritorio de WordPress

El widget planteado contiene un mini manual o una mini guía para redactar entradas.

Si nuestro autor no tiene un perfil muy técnico, seguro que le va a ser de gran ayuda a la hora de crear nuevo contenido de WordPress.

Además, contiene ciertos enlaces con temáticas relacionadas con la generación de nuevas noticias.

El código para crear widgets para el escritorio de WordPress

Se va a explicar el proceso de creación de widgets en dos partes.

En la primera se va a crear el HTML que pinta la información y en la segunda todo el código necesario para que se pinte.

HTML con la infomación para el usuario

Dentro de nuestro tema hijo, acudir al fichero functions.php (es recomendable trabajar con el tema hijo para no perder este widget).

El texto a introducir dentro del widget se debe definir en una función, en este caso la función se llama «article_dashboard_widget» y es ahí donde se crea el html que será la guía de contenidos para el usuario de la web final.

function article_dashboard_widget() {
    ?>
    <p><strong>Crear una nueva noticia</strong></p>
            <ol>
                <li>Entradas.</li>
                <li>Crear nueva.</li>
                <li>Da un título a la noticia.</li>
                <li>Crea el contenido.</li>
                <li>Selecciona una categoría.</li>
                <li>Suba una imagen destacada (800*500px)</li>
                <li>Publica la noticia</li>
            </ol>

            <p><strong>Tipos y consejos</strong></p>
            <ol>
                <li><a target="_blank" href="https://javiervallejo.com/que-es-el-title/">SEO - Título.</a></li>
                <li><a target="_blank" href="https://javiervallejo.com/que-es-la-meta-descripcion/">SEO - Meta Descripción.</a></li>
                <li><a target="_blank" href="https://javiervallejo.com/optimizar-imagenes-para-seo/">SEO - Imágenes.</a></li>
                <li><a target="_blank" href="https://javiervallejo.com/crear-enlaces-en-wordpress/">Crear enlaces en WordPress</a></li>
            </ol>
     <h4>Si tienes alguna duda ponte en contacto a través del correo<br> <strong>contacto@javiervallejo.com</strong></h4>
    <?php 

}

Llamadas a las acciones de WordPress

La segunda parte del código corresponde con la acción de que va a pintar nuestra función en el escritorio de WordPress (este texto también debe ir en el fichero functions.php)

function add_articule_info_dashboard_widget() {
        wp_add_dashboard_widget('custom_dashboard_widget_id', 'Manual de usuario', 'article_dashboard_widget');
}
add_action('wp_dashboard_setup', 'add_articule_info_dashboard_widget');

En este caso, tenemos otra función de nombre «add_articule_info_dashboard_widget«.

Dicha función se engancha y será ejecutada en el hook «wp_dashboard_setup«, que permite agregar o eliminar los widgets del escritorio de WordPress.

Dentro de la función add_articule_info_dashboard_widget se ejecuta la función wp_add_dashboard_widget que permite registrar nuevos widgets.

Los parámetros de que se han dado a wp_add_dashboard_widget han sido:

  • ID único del widget
  • Nombre del widget (visible para el usuario)
  • Callback (se pasa la función que va a pintar el contenido o HTML del widget)

Explicación del proceso de la llamada

  1. El hook de WordPress wp_dashboard_setup mira si tiene alguna función que ejecutar, en nuestro caso «add_articule_info_dashboard_widget»
  2. Se ejecuta la función «add_articule_info_dashboard_widget»
    1. Se llama a la función que crea el widget (wp_add_dashboard_widget )
    2. Se pintan los datos del widget con el callback (article_dashboard_widget)

7 ideas para crear widgets

Siguiendo con la idea del manual de usuario, dejo una lista con posibles ideas a implementar.

  • Gestión de noticias

  • Estados de noticias en WordPress

  • Enlaces con TIPS sobre SEO

  • Gestión de productos

  • Recordatorio rápido sobre el estado de los pedidos en WooCommerce

  • Datos de contacto del proveedor de la web

  • Cómo tratar correctamente las imágenes

Mostrar widgets en función del rol de usuario

En WordPress todos los usuarios tienen un rol asignado, tiendo cada rol diferentes capacidades y permisos.

Una funcionalidad muy interesante es poder mostrar estos widgets a un usuario u otro en función de su rol, por ejemplo:

  • Al usuario con el rol administrador se le puede explicar o detallar cómo crear nuevos usuarios y que permisos tienen los diferentes roles.
  • Sin embargo, a un usuario con el rol autor se le pueden mostrar consejos para redactar contenido SEO optimizado.
function add_widgets_dashboard() { 
    $user = wp_get_current_user(); //obtiene los datos del usuario actual

    if (in_array('administrator' $user->roles)) { //Si usuario tiene rol administrador le muestra el widget correspondiente
        wp_add_dashboard_widget('widget_permisos_usuarios_id', 'Chuleta permisos de usuario', 'widget_permisos_usuarios');
    }

    if (in_array('author', $user->roles)) { //Si usuario tiene rol autor le muestra el widget correspondiente
        wp_add_dashboard_widget('widget_consejos_redaccion', 'Chuleta TIPS SEO', 'widget_consejos_redaccion');
    }
}
 

add_action('wp_dashboard_setup', 'add_widgets_dashboard');

Conclusión

Crear un widget de este tipo lleva poco tiempo y va a dar gran cantidad de valor para el cliente, aunque puede que lo use poco tiempo hasta que aprenda a manejar la plataforma, ¡pero lo va a agradecer seguro!

¡Valora este artículo y ayúdame a mejorar la calidad del blog!
(Votos: 0 Promedio: 0)