Esta pequeña pestaña « Ayuda Que se encuentra en la esquina superior derecha del panel de administración de WordPress que, cuando se hace clic, revela información útil sobre las distintas páginas de administración y cómo funcionan, se denomina pestaña de ayuda contextual.
En primer lugar, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
Esta ayuda es contextual. porque la información que muestra pertenece a la página de administración que se está viendo actualmente.
Por ejemplo, cuando se hace clic en la pestaña Ayuda sensible al contexto en la pantalla de edición del artículo, se muestra información sobre cómo se revelan varias tareas, incluidos los siguientes ejemplos:
- Cómo personalizar la visualización de la pantalla
- Cómo entrar en el título y el contenido del mensaje
- Cómo insertar archivos multimedia en el contenido de la publicación
- Cómo habilitar o deshabilitar comentarios y pingbacks
Si es un desarrollador de plugins o tema de WordPress, lo ayudará a proporcionar documentación rápida a sus usuarios, lo que reducirá sus preguntas de atención al cliente.
Cuando una página de configuración y tipo de publicación personalizada del tema de WordPress o se crean complementos, no hay una pestaña de ayuda contextual por defecto. Por lo tanto, en este tutorial, aprenderá cómo agregar uno a las páginas de administración mencionadas anteriormente.
Lea también nuestro 5 pasos para crear mejor contenido para tu blog
Se agregó una pestaña de ayuda contextual en el tablero.
Los métodos add_help_tab () "Y" set_help_sidebar () " de la clase WP_Screen le permite agregar un menú de ayuda contextual y una barra lateral a la pestaña Ayuda en una página de administración.
La función a continuación agregará tres menús a la pestaña de ayuda sensible al contexto de una página de administración.
Por ahora, la función "sp_help_tabs" no se muestra en ninguna página de administración porque aún no ha definido la (s) página (s) donde se mostrará.
function sp_help_tabs() {
$screen = get_current_screen();
$screen->add_help_tab(
array(
'id' => 'sp_overview',
'title' => 'Aperçu',
'content' => '<p>Aperçu de votre plugin</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_faq',
'title' => 'FAQ',
'content' => '<p>Foire aux questions</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_support',
'title' => 'Assistance',
'content' => '<p>Assisance</p>'
)
);
}A continuación se muestra una captura de pantalla de la pestaña de Ayuda sensible al contexto cuando se agrega a una página de administración.
También echa un vistazo a Cómo crear capturas de pantalla en WordPress
La funcion " get_current_screen () »Devuelve un objeto« WP_Screen De la página de administración abierta actualmente, y su valor se guarda en la variable $ pantalla.
El método " add_help_tab () ”, Que acepta las siguientes configuraciones, se llama tres veces para agregar tres menús a la ayuda contextual en pantalla.
- ID : un identificador único para la pestaña. Debe ser seguro en HTML y no debe contener espacios.
- Título: título de la pestaña.
- Contenido: contenido de la pestaña de ayuda. Quizás en texto sin formato o HTML.
- Recordatorio: se debe llamar a la función para mostrar el contenido de esta página.
En la descripción del parámetro anterior, puede ver que el tercer y cuarto parámetro están relacionados: se ocupan de la visualización del contenido de la pestaña. Mientras que el primero es una cadena que contiene el contenido en formato de texto o HTML, el segundo es una función de devolución de llamada que hace eco o imprime el contenido de la pestaña.
Descubrir Cómo personalizar el área de administración de tu blog de WordPress
La función de devolución de llamada acepta dos argumentos " $ pantalla "Y" $ pestaña ". Mientras que el primero es el tema " WP_Screen "De la página actual y la última, una matriz de argumentos y sus valores de la función" add_help_tab () ".
Estos dos argumentos serán útiles si desea mostrar contenido en la pestaña bajo ciertas condiciones. Por ejemplo, es posible que ya tenga el contenido que necesita mostrar, por lo que puede mostrar el canal. Sin embargo, es posible que deba manipular algo para adquirir este contenido, lo que hace que usar una devolución de llamada sea más apropiado.
Un ejemplo del uso de la devolución de llamada:
function sp_help_tabs() {
$screen = get_current_screen();
$screen->add_help_tab(
array(
'id' => 'sp_overview',
'title' => 'Aperçu',
'callback' => function ( $screen, $tab ) {
echo '<p>Aperçu de votre onglet</p>';
}
)
);
}En el código anterior, se utiliza una función anónima como devolución de llamada. Una función con nombre también se puede usar de la siguiente manera:
function sp_help_tabs() {
$screen = get_current_screen();
$screen->add_help_tab(
array(
'id' => 'sp_overview',
'title' => 'Aperçu',
'callback' => 'overview_content'
)
);
}
function overview_content( $screen, $tab ) {
echo '<p>Aperçu de votre plugin.</p>';
}Ambos: "contenido" y "devolución de llamada" se pueden combinar con el primero que se muestra antes de este.
function sp_help_tabs() {
$screen = get_current_screen();
$screen->add_help_tab(
array(
'id' => 'sp_overview',
'title' => 'Aperçu',
'content' => '<p>Aperçu de votre plugin</p>',
'callback' => function () {
echo '<p>Plus de détails sur le plugin</p>';
}
)
);
}Para agregar una barra lateral usando la ayuda contextual en pantalla, use " WP_Screen Y su metodo set_help_sidebar Como sigue:
function sp_help_tabs() {
$screen = get_current_screen();
$screen->add_help_tab(
array(
'id' => 'sp_overview',
'title' => 'Aperçu',
'content' => '<p>Aperçu de votre plugin</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_faq',
'title' => 'FAQ',
'content' => '<p>Foire aux questions</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_support',
'title' => 'Asistance',
'content' => '<p>Tout sur l'assistance</p>'
)
);
// Add a sidebar to contextual help.
$screen->set_help_sidebar( 'Cette section sera ajoutée à la sidebar.' );
}Para agregar la pestaña de ayuda contextual a un tipo de publicación "libro", conecte la función "sp_help_tabs" a las acciones "load-edit.php" y "load-post.php". A continuación, ejecute una verificación condicional para asegurarse de que está en un tipo de publicación personalizada para "libro", así:
add_action( "load-edit.php", 'sp_help_tabs' );
add_action( "load-post.php", 'sp_help_tabs' );
function sp_help_tabs() {
$screen = get_current_screen();
$screen_ids = array( 'edit-book', 'book' );
if ( ! in_array( $screen->id, $screen_ids ) ) {
return;
}
$screen->add_help_tab(
array(
'id' => 'sp_overview',
'title' => 'Aperçu',
'content' => '<p>Aperçu de votre plugin</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_faq',
'title' => 'FAQ',
'content' => '<p>Foire aux questions</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_support',
'title' => 'Assistance',
'content' => '<p>Section pour l'assistance</p>'
)
);
// Add a sidebar to contextual help.
$screen->set_help_sidebar( 'Cette section sera ajoutée à la sdeibar.' );
}La funcion " sp_help_tabs () "Estaba colgado" Carga-edit.php »Y« Carga-post.php Porque desea que la pestaña de ayuda sensible al contexto aparezca en las listas de publicaciones (página que enumera la publicación que pertenece al tipo de publicación) y la página de edición (página de administración donde se edita, guarda y publica una publicación).
Vea nuestro artículo en Cómo restaurar el modo de edición sin la distracción de WordPress
Para asegurarse de agregar la pestaña Ayuda contextual al tipo de publicación personalizada " primer libro ", Puede utilizar la instrucción" if "condicional dentro de la función para asegurarse de que el ID de pantalla actual sea" edición de libros "Y" primer libro ". Tenga en cuenta que el ID de pantalla es " edición de libros "Y" primer libro En los corchetes Carga-edit.php "Y" Carga-post.php Respectivamente
Si desea que las pestañas de ayuda contextual que se muestran en la lista de libros y las pantallas de edición de libros de edición sean diferentes, conecte dos funciones que contengan el contenido de la pestaña Carga-edit.php "Y" Carga-post.php Como sigue:
add_action( 'load-edit.php', 'post_listing_screen_help_tab' );
/**
* Cette section sera ajouté au CPT book
*/
function post_listing_screen_help_tab() {
$screen = get_current_screen();
if ( 'edit-book' != $screen->id ) {
return;
}
$screen->add_help_tab(
array(
'id' => 'book_review',
'title' => 'Revue des livres',
'content' => '<p>Ajouter une revue des livres ici</p>'
)
);
// Add a sidebar to contextual help.
$screen->set_help_sidebar( 'Cette section s'affichera sur la sidebar.' );
}
add_action( 'load-post.php', 'post_edit_screen_help_tab' );
/**
* This will be added to the admin page for editing a post belonging to "book" CPT.
*/
function post_edit_screen_help_tab() {
$screen = get_current_screen();
if ( 'book' != $screen->id ) {
return;
}
$screen->add_help_tab(
array(
'id' => 'edit_book_review',
'title' => 'Modifier uner evue',
'content' => '<p>Comment modifier une revue.</p>'
)
);
// adds a sidebar to contextual help.
$screen->set_help_sidebar( 'Cette section s'affichera sur la sidebar.' );
}Cómo agregar un menú de ayuda a las páginas de configuración de complementos
Agregar una pestaña de ayuda a un complemento o a una página de configuración de complementos tema de WordPress Es prácticamente el mismo proceso que en una pantalla de formato de publicación personalizada.
La única diferencia es el gancho en el que se enganchará la función que contiene la pestaña de ayuda sensible al contexto, que en este caso es " hook_suffix ”Devuelto por add_menu_page (). Si está creando un menú de nivel superior o si es un submenú add_submenu_page ().
Descubre también nuestro artículo sobre Algunos complementos de WordPress para redirigir
El siguiente código crea un menú de nivel superior para nuestro complemento de demostración y nuestra pestaña de ayuda contextual que se ha agregado a la página de configuración del complemento.
add_action( 'admin_menu', 'register_plugin_page' );
function register_plugin_page() {
$hook_suffix = add_submenu_page( 'plugins.php', 'SitePoint Plugin', 'SitePoint', 'manage_options', 'sp-config', 'sp_plugin_page' );
add_action( "load-$hook_suffix", 'sp_help_tabs' );
}
function sp_plugin_page() {
/* Le code pour les réglages sera ajouté ici */
}
function sp_help_tabs() {
$screen = get_current_screen();
$screen->add_help_tab(
array(
'id' => 'sp_overview',
'title' => 'Aperçu',
'content' => '<p>Aperçu de votre thème ici</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_faq',
'title' => 'FAQ',
'content' => '<p>Foire aux questions</p>'
)
);
$screen->add_help_tab(
array(
'id' => 'sp_support',
'title' => 'Assistance',
'content' => '<p>Section d'assistance</p>'
)
);
$screen->set_help_sidebar( 'Cette section sera ajoutée à la sidebar.' );
}La " hook_suffix "Devuelto por" add_menu_page () Ha sido registrado en una variable $ hook_suffix Luego se usa con el prefijo " carga Para formar una acción load- $ hook_suffix Que se usó para incluir nuestra pestaña de ayuda sensible al contexto usando el " sp_help_tabs () En la página de configuración del complemento.
Eso es todo sobre el método bastante detallado sobre cómo agregar un menú de ayuda a las páginas de configuración del complemento.
Descubre también algunos complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. WooCommerce Multi Moneda
WooCommerce Multi Moneda es un Plugin de WordPress prima bastante impresionante que le permite mostrar su tienda en múltiples monedas. Agrega una opción que permite al usuario cambiar entre monedas en cualquier momento. Cambiar entre monedas es bastante rápido, lo que lo hace aún más conveniente.
Dado que es probable que funcione con varias monedas, tener la capacidad de estar disponible en varios idiomas es solo el siguiente paso lógico.
Lea también nuestro Complementos de 10 WordPress y WooCommerce para usar múltiples monedas
WooCommerce multidivisa es por lo tanto compatible con Polylang, WPML y muchos otros complementos. También ofrece un detector de región, que mostrará la moneda local del visitante.
Descargar | Demo | alojamiento web
2. Aparg SmartAd
Si Quieres ganar algo de dinero vendiendo espacios publicitarios en su sitio web, entonces ha venido al lugar correcto. la Plugin de WordPress premium Aparg SmartAd es un complemento de administración de anuncios único, que le ofrece funciones exclusivas.
Su tiempo de instalación y su interfaz le brindarán una excelente experiencia de usuario. Es el único Plugin de WordPress de este tipo, que cuenta con un control publicitario inteligente que te permitirá llegar a tu público objetivo.
Lee tambien Cómo elegir la palabra clave que atraerá a los visitantes en WordPress
Sus características principales son: Soporte multilingüe, una interfaz gráfica profesional, el soporte para multisitio, gestión inteligente de anuncios, 43 plantillas pop-up y 34 animaciones, totalmente personalizables, soporte para múltiples formatos publicitarios, posibilidad de programar anuncios, detección automática de bloqueadores de anuncios, etc.
Descargar | Demo | alojamiento web
3. CommentPress
ComentarioPresione es un complemento de WordPress premium potente y compacto que le permite insertar, editar y eliminar comentarios rápida y fácilmente. Usos de CommentPress Ajax, jQuery y PHP para dar a los visitantes la posibilidad de insertar comentarios sin tener que volver a cargar la página.
Este complemento tiene muchas opciones de personalización, finalmente le da el aspecto y la apariencia que desea. Tiene un captcha para bloquear el spam y aporta más seguridad a tu sección de comentarios.
Lea también nuestro artículo sobre ¿Cómo afecta el contenido de marketing el SEO de tu blog
Sus principales características son: la fácil inserción de comentarios, la posibilidad de que los usuarios respondan a comentarios específicos, la paginación de comentarios, la gestión completa de la administración de la sección de comentarios, botones para fácil inserción de imágenes, videos y enlaces, un diseño totalmente receptivo, un Captcha para asegurar el formulario y evitar el spam, y mucho más.
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- Cómo mostrar música reciente de SoundCloud de un artista en WordPress
- Blog: Lo que sus lectores no necesitan saber que usted
- 8 plugins de WordPress para integrar una función de edición
- 10 complementos de WordPress para agregar un boletín a un blog
Conclusión
Listo ! Eso es todo por este tutorial, espero que le permita agregar un menú de ayuda contextual en WordPress. No dude en comparte con tus amigos en tus redes sociales favoritas.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.
...
