Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir avisos personalizados de administrador en WordPress (2 maneras fáciles)

A menudo, nuestros lectores nos preguntan cómo pueden añadir avisos de administración personalizados en WordPress.

El núcleo, los temas y los plugins de WordPress muestran avisos del administrador como errores o advertencias a los usuarios en el escritorio. Si eres administrador de un sitio WordPress, también puedes crear avisos personalizados para informar a los miembros de tu equipo acerca de información importante sobre el sitio web.

En este artículo, le mostraremos cómo puede añadir fácilmente avisos personalizados de administrador en WordPress.

How to Add Custom Admin Notices in WordPress

¿Por qué añadir avisos de administrador personalizados en WordPress?

Los avisos de administrador son notificaciones dentro del área de administrador de WordPress que informan a los usuarios acerca de información importante. Los ejemplos incluyen errores, advertencias, alertas o mensajes correctos relacionados con el núcleo de WordPress, plugins o temas.

Admin notice example

Aunque estas notificaciones son una característica integrada de WordPress, también puede crear avisos personalizados para el administrador en su escritorio de WordPress.

Por ejemplo, supongamos que está trabajando en un sitio web en WordPress para clientes que no están familiarizados con la plataforma. Puede añadir avisos de administrador para mostrar información útil dentro de su área de administración de WordPress.

Algunos otros ejemplos de uso de avisos personalizados de administrador incluyen:

  • Informar a los miembros del equipo de cuándo el sitio web no estará disponible por encontrarse en modo de mantenimiento.
  • Guiar a los redactores o editores para navegar por el flujo de trabajo editorial en el Escritorio si gestiona un sitio con varios autores.
  • Recordar a los usuarios lo que deben y no deben hacer al gestionar tareas, contenidos y medios en WordPress.

En definitiva, los avisos personalizados de administrador pueden ser útiles para comunicarte mensajes a ti mismo o a otros usuarios que trabajen en tu sitio web. Dicho esto, tendrás que utilizarlos con prudencia, ya que demasiados avisos pueden resultar molestos.

Ahora, veamos cómo puedes añadir tus avisos personalizados de administrador en WordPress. Te mostraremos dos métodos, y puedes usar los enlaces rápidos de abajo para omitir el que quieras usar:

Método 1: Añadir avisos personalizados para el administrador de WordPress con un plugin

Este método utiliza el plugin WP Custom Admin Interface. Le permite personalizar su escritorio de WordPress a sus preferencias, incluyendo la visualización de avisos de administrador personalizados.

El primer paso es instalar y activar el plugin WP Custom Admin interface. Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

A continuación, vaya a Interfaz de administrador personalizada Aviso para el administrador. Como puede ver, la página de ajustes de plugins es bastante similar a la del Editor clásico.

The WP Custom Admin plugin settings for admin notices

Ahora tiene que desplazarse hacia abajo e insertar su mensaje de aviso de administrador.

Puede utilizar texto sin formato y/o las opciones de shortcode disponibles para usted, que se encuentran encima del editor visual.

Si utiliza el segundo método, el mensaje generará contenido de forma dinámica basándose en los shortcodes proporcionados. Así, si utiliza el shortcode [WEBSITE_URL], el shortcode será sustituido por el nombre de dominio de su sitio web.

Además, no dudes en añadir una imagen u otros archivos multimedia o estilizar el texto utilizando la barra de herramientas situada encima del cuadro de texto.

Inserting the custom admin notice content using WP Custom Admin plugin

Desplazándose hacia abajo, puede elegir el color de su aviso de administrador personalizado. Las opciones por defecto son:

  • Verde para los mensajes correctos
  • Azul para avisos de información no urgente pero importante
  • Amarillo para los mensajes de advertencia
  • Rojo para los mensajes de error

Otra cosa que puede personalizar es la fecha de finalización del aviso o cuándo debe desactivarse. No dudes en dejarlo en blanco si no hay fecha de caducidad.

También puede hacer que el mensaje sea descartable, lo que se recomienda para los avisos que utilizan colores verde o azul. Para advertencias o errores, es posible que desee seguir mostrándolos hasta que el problema se resuelva, dependiendo de la incidencia.

Por último, puedes hacer que el aviso sea visible para todo el mundo o solo para determinados usuarios. Si elige esta última opción, puede hacer clic en el botón “+” para especificar para qué perfiles de usuario debe ser invisible el aviso.

Cuando estés satisfecho con tu nuevo aviso, sólo tienes que hacer clic en “Guardar todos los ajustes”.

Saving the custom admin notice in WP Custom Admin plugin

¡Y ya está!

Para ver cómo es el aviso personalizado del administrador, sólo tienes que ir a cualquier página de tu escritorio de WordPress. El mensaje debe estar en la parte superior de la pantalla.

Custom admin notice example made with WP Custom Admin plugin

Método 2: Añadir avisos personalizados de administrador de WordPress con código

Aunque el plugin WP Custom Admin Interface es fácil de usar, incluye un montón de características adicionales que pueden no estar relacionadas con sus necesidades. Esto puede parecer una exageración si solo estás interesado en crear avisos de administrador personalizados.

Además, la interfaz de administrador personalizada de WP solo permite mostrar un aviso personalizado cada vez. Si desea mostrar varios avisos en diferentes páginas de su escritorio de administrador de WordPress, entonces el plugin puede no ser una opción adecuada.

En su lugar, puede añadir manualmente avisos en WordPress utilizando código. Esto le permite centrarse solo en añadir el aviso personalizado sin ningún material extra, y puede mostrar múltiples avisos si es necesario.

Si codificar en WordPress te da miedo, no te preocupes. Te mostraremos una forma fácil y segura de insertar código personalizado, que es usando WPCode. Es el mejor y más fácil de usar plugin de fragmentos de código personalizado en el mercado.

Con WPCode, puedes insertar y gestionar código fácilmente sin interactuar directamente con los archivos del núcleo de WordPress. De esta forma, las posibilidades de que rompas tu sitio web son nulas.

WPCode - Best WordPress Code Snippets Plugin

Para más información acerca de WPCode, puedes comprobar nuestra reseña / valoración de WPCode.

Nota: Para seguir este tutorial, puedes utilizar la versión gratuita de WPCode o un plan premium. Con WPCode Pro, obtendrás características avanzadas para gestionar mejor tu código, como un modo de prueba para ver cómo funciona el código antes de hacer cambios permanentes.

El primer paso para usar WPCode es instalar y activar el plugin. Si necesitas ayuda, consulta nuestro artículo sobre cómo instalar un plugin de WordPress.

A continuación, vaya a Fragmentos de código “ + Añadir fragmento. En Añadir su código personalizado (nuevo fragmento), haga clic en “+ Añadir fragmento personalizado”.

Adding a new custom code snippet in WPCode

Ahora, siga adelante e inserte un título para su fragmento de código personalizado para que pueda identificarlo fácilmente y editarlo más tarde si es necesario. Puede ser algo como “Aviso personalizado del administrador”.

A continuación, cambie el Tipo de código a ‘Fragmento de código PHP’.

Una vez hecho esto, sólo tiene que copiar y pegar el siguiente código en el cuadro Vista previa del código:

function wpb_admin_notice() {
	echo // Customize the message below as needed
	'<div class="notice notice-warning is-dismissible">
	<p>Important! We will not be publishing any new articles during the holidays. Please save your articles as drafts for the time being.</p>
	</div>'; 
}
add_action( 'admin_notices', 'wpb_admin_notice' );

Este es el aspecto que debe tener la pantalla:

The custom admin notice code snippet in WPCode

Este código define una función llamada wpb_admin_notice() en WordPress. Dentro de esta función, hay una sentencia echo que muestra un mensaje de advertencia en una caja estilizada.

Debajo de esa declaración se encuentra <div class="aviso-aviso-es-dismisible">. Se trata de una clase CSS que especifica el tipo de aviso del administrador, que, en este caso, es una advertencia. Debido a esto, el cuadro de aviso tendrá un borde amarillo.

También puede sustituir la línea de código aviso-aviso por aviso-error (rojo), aviso-información (azul) y aviso-éxito (verde).

Debajo de la clase CSS se encuentra el contenido real del aviso. Aquí, el mensaje informa a los usuarios de que no se publicarán nuevos artículos durante las vacaciones y les aconseja guardar los artículos como borradores por el momento. Puede sustituir el texto entre las etiquetas HTML <p> y </p> por el suyo propio.

La línea add_action('admin_notices', 'wpb_admin_notice'); engancha esta función a la acción 'admin_notices' de WordPress. Esto significa que el aviso de advertencia se mostrará en el área de administrador de WordPress, proporcionando información importante a todos los usuarios.

Una vez que haya insertado el código, desplácese hasta la sección Inserción. Asegúrate de que el método de inserción es “Inserción automática” y la ubicación es “Solo para administradores”.

Estos ajustes garantizarán que el fragmento de código se ejecute automáticamente solo en el área de administrador de WordPress.

Choosing Auto Insert and Admin Only in WPCode

Después, basta con hacer que el fragmento de código esté ‘Activo’ y hacer clic en ‘Guardar fragmento’.

Este es el aspecto del aviso de administrador personalizado en nuestro sitio web de prueba:

Custom admin notice example made with WPCode

Visualización del aviso personalizado del administrador durante un tiempo limitado

Supongamos que sólo desea que el aviso del administrador aparezca durante un tiempo determinado, por ejemplo 2 horas. Esto puede ser ideal para avisos relacionados con problemas temporales o anuncios sensibles al tiempo.

En este caso, puedes seguir los mismos pasos anteriores para añadir un nuevo código personalizado con WPCode. Sin embargo, en su lugar utilizará el siguiente fragmento de código:

function wpb_time_limited_admin_notice() {
    $user_id = get_current_user_id();
    $notice_key = 'wpb_notice_timestamp';

    // Get the existing timestamp or set a new one if it doesn't exist
    $timestamp = get_user_meta( $user_id, $notice_key, true );
    if ( ! $timestamp ) {
        $timestamp = time();
        update_user_meta( $user_id, $notice_key, $timestamp );
    }

    // Check if 2 hours (7200 seconds) have passed since the timestamp
    if ( ( time() - $timestamp ) < 7200 ) {
        // Display the admin notice
        echo '<div class="notice notice-warning is-dismissible">
            <p>Important! We will not be publishing any new articles during the holidays. Please save your articles as drafts for the time being.</p>
        </div>';
    }
}

add_action( 'admin_notices', 'wpb_time_limited_admin_notice' );

Este código esencialmente crea una marca de tiempo cuando el usuario ve el aviso por primera vez y luego muestra el aviso durante 2 horas a partir de esa marca de tiempo inicial.

También puede utilizarlo si desea que el aviso aparezca sólo una vez y desaparezca cuando el usuario ya haya ido a otra página del área de administración.

Vale la pena señalar que puedes personalizar la parte de las horas en segundos y hacerla más larga o más corta dependiendo de lo que necesites. Por ejemplo, si quieres que el aviso aparezca durante 1 hora, cambiarías 7200 por 3600. Para 7 días, usarías 604800 segundos, y así sucesivamente.

Visualización del aviso personalizado del administrador en función del perfil del usuario

Si desea crear un aviso de administrador personalizado que solo sea visible para determinados perfiles de usuario, también puede hacerlo con WPCode.

He aquí un ejemplo de código:

function wpb_admin_notice_editor() {
    // Get the current admin page
    global $pagenow;
    // Specify the admin pages where the notice should appear
	$admin_pages = [ 'index.php' ];
	// Get the current user
	$user = wp_get_current_user();
    // Check if the current page is in the specified admin pages and the user has the 'editor' role
    if ( in_array( $pagenow, $admin_pages ) && in_array( 'editor', (array) $user->roles ) ) {
		// Display a warning notice for editors
		echo
		'<div class="notice notice-warning is-dismissible">
			<p>Reminder! Do not save published posts as drafts after you update them. Just click the Update button without changing to the draft status. Thanks.</p>
		</div>';
	}
}
// Hook the function to display the notice in the admin area
add_action( 'admin_notices', 'wpb_admin_notice_editor' );

Este código de WordPress define la función wpb_admin_notice_editor()que muestra un aviso de advertencia en el área de administrador para los usuarios con el perfil de editor.

El código primero recupera la página actual del administrador que se está viendo usando $pagenow; global. Especifica que el aviso debe aparecer en páginas específicas de wp-admin, como el Escritorio (index.php), a través del array $admin_pages.

Si quieres que el aviso se muestre en otras páginas del área de administrador, simplemente añade el slug de la página, como plugins.php para Plugins y edit. php para entradas y páginas.

Sólo asegúrese de separar los slugs con una coma y una sola cita / presupuesto, como $admin_pages = [ 'index.php' , 'plugins.php', 'edit.php' ];.

A continuación, el código recopila información acerca del usuario actualmente conectado con $user = wp_get_current_user();.

El código entonces comprueba si la página actual está en las páginas de administrador especificadas y si el usuario tiene el rol de ‘editor’ usando if ( in_array( $pagenow, $admin_pages ) && in_array( 'editor', (array) $user->roles ) ) {.

Si se cumplen ambas condiciones, procede a mostrar un aviso de advertencia.

Este es el aspecto de nuestro aviso personalizado para el administrador utilizando el código anterior:

Personalized custom admin notice example made with WPCode

La creación de avisos de administrador personalizados y dirigidos requiere algunos conocimientos de código de WordPress. Si te interesa profundizar en este debate, te recomendamos que leas estas guías:

Consejos de expertos para personalizar el área de administrador de WordPress

Además de añadir sus propios avisos de administrador personalizados en el panel de control, hay muchas más formas de personalizar el área de administración de WordPress para mejorar el flujo de trabajo y la experiencia del usuario.

Por ejemplo, puedes añadir un modo oscuro a tu escritorio de administrador de WordPress. De esta forma, puedes reducir la fatiga visual durante largas sesiones de edición.

Además, puede añadir un logotipo personalizado en el Escritorio para personalizar su experiencia con WordPress y reforzar la identidad de su marca.

En algunos casos, también puede querer ocultar elementos de menú innecesarios del área de administrador de WordPress. Esto puede ser útil si tienes un perfil de usuario específico con acceso limitado o si simplemente quieres una interfaz más limpia.

Aquí tienes otras formas de mejorar tu área de administrador:

Esperamos que este artículo te haya ayudado a aprender cómo añadir avisos personalizados de administrador en WordPress. Puede que también quieras ver nuestra guía sobre cómo comprobar qué versión de WordPress estás utilizando o nuestras selecciones de expertos sobre los mejores plugins de WordPress para hacer crecer tu sitio web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

9 comentariosDeja una respuesta

  1. Ali Vanaei

    Hello
    Many thanks for your good article
    How can we display this message only once and dont display it after reloading?

    • WPBeginner Support

      We will look into if there is a way we would recommend to add that functionality in the future.

      Administrador

  2. Moinuddin Waheed

    This is very effective way to communicate important messages and notices to users with different roles.
    for a website that has many user roles to perform different tasks, it is very prudent to make updates directly inside the dashboard.
    Messages sent to emails or other platforms may get ignored but if one is assigned to carry out tasks is dashboard as an author, contributor or editor or some other role then they will definitely get timely reminder inside the dashboard.

  3. Muhammad Hammad

    In both the methods defined above, the use of a plugin is essential. Is there a way to use the same code given in the second method directly without the WPcode plugin? Please advise.

    • WPBeginner Support

      If you did not want to use the plugin you could look to add the code to your functions.php but we would recommend using WPCode to add snippets for safety.

      Administrador

  4. mohadese esmaeeli

    Hello, this method is excellent! For instance, an admin can post notes and announcements for all team members in various sections without installing any plugins! Overall, it’s a very practical and effective solution for communication, interaction with team members, and establishing policies.

  5. Iwan Wilaga

    Great article in 2022 as well.. Thanks!
    For those who further want to stylize these admin notices, don’t forget that you need to target the admin page’s own html head element. The proper hook name for that is: ‘admin_head’ . There you can echo your style-s.

  6. Marc-Antoine Minville

    Hey, many thanks for your article about Admin Notices, this is really appreciated!

  7. ASHIS MOOKHERJI

    My one posting had been fixed on selected condition with a video from 23rd Sept 2016. Neither it is being possible to edit nor delete.

    Please hepp me to delete that posting.

    With thanks,
    Aegis Mookherji

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.