homefinance blog
Finalmente, sus lectores deciden el contenido más importante en su sitio por búsqueda. Como resultado, una vez que encuentre su sitio, desea alentarlos a explorarlo. Si no mejora su experiencia de usuario (UX) al proporcionar una navegación útil, corre el riesgo de perderla y afectar su tasa de rechazo. Una de las mejores formas de guiar a sus lectores a través del contenido es usar las secciones. Puede usarlas para atar páginas en una categoría mientras dirige su público a diferentes páginas en su sitio, los usuarios de WordPress pueden automatizar esta navegación con widgets.
En este artículo, explicaremos los menús automáticos de las secciones y por qué debe implementarlas. Luego le mostraremos cómo agregarlos paso a paso con widgets y código. ¡Vamos a empezar! ¿Cuáles son los menús automáticos de las secciones (y por qué las usa) los menús de los menús son un área de menú secundaria, generalmente basada en la categoría, para completar el menú principal y las migajas en un sitio web. En resumen, ayuda a los lectores a ver dónde están en su contenido. Puede ver un ejemplo extremo de secciones en el lado izquierdo de los desarrolladores de WordPress:
Las secciones de WordPress.org se llaman capítulos. New York Times utiliza menús de secciones para sugerir noticias recientes en la misma categoría:
Los menús de sección pueden mejorar UX presentando al lector otro contenido similar, lo que les permite encontrar lo que necesitan y explorar más su sitio. Normalmente, crearía una sección de secciones manualmente, pero esto podría ser difícil si no tiene mucha experiencia. Afortunadamente, puede registrar un widget personalizado para detectar si una página necesita secciones y generarlo cuando sea apropiado. De esta manera, simplemente puedes tirar el widget en la barra lateral y llamarlo un día. Puede aprovechar este widget utilizando el sistema de subpagina incorporado en WordPress para organizar secciones en su sitio. Hay algunos complementos para la producción automática de estos menús. Sin embargo, debido a su falta de actualizaciones recientes, le recomendamos que cree y administre sus propias actualizaciones. Cómo crear menús de sección automáticos utilizando widgets personalizados (en 5 pasos) para registrar un widget personalizado en su sitio de WordPress, necesitará algunas cosas:
Acceso directo a una instalación local de WordPress o acceso FTP (transferencia de protocolo) a un servidor remoto con uno.
Un editor de código como Atom o Text Sublime.
Acceso administrativo al sitio web de WordPress con el que construye.
Creará un complemento personalizado para grabar su widget, así que asegúrese de tener la escritura en la carpeta / WP-Account /. De lo contrario, no podrá realizar cambios en el código. ¡Vamos a empezar!
Paso 1: Configure una carpeta de complemento vacía a continuación/WP-Content/Plugins/Ingrese la carpeta/WP-Content/Plugins/de su sitio de WordPress y cree una nueva sección automática única. En esta carpeta, cree un archivo llamado Automat- sections.php y ábralo en el editor de texto. En la parte superior de este archivo, copie y pegue este código: post_parent) {
// traer antepasados
$ padres = array_reverse (get_post_ancestors ($ post-> id));
// Obtenga el mejor antepasado disponible
devuelve $ padres [0];
}
// Devuelve la ID de valor
// Este será el principal padre o la identificación de la página actual si no hay
Devuelve $ post-> id;
} Después de haber hecho esto, es hora de generar un menú de sección basado en la identificación principal. Lo descubrió en el último paso. Esta pieza de código seguirá la función anterior y puede pegar el código directo a continuación. En primer lugar, configure una nueva función: el resto del código que ingresaremos en esta sección irá aquí: torque_list_subpages () función {
/ * Código aquí */
} Esta nueva característica realizará tres tareas:
Prepare los argumentos de búsqueda para encontrar cualquier subpagina utilizando la ID de página descubierta previamente.
Realice la búsqueda para averiguar si hay subpaginas.
Si hay subpagios, devuélvalos en forma de lista.
Así es como se ve esto en forma de código.
// Paso 1: use la ID de página de nivel superior para establecer argumentos de búsqueda
$ parent_id = torque_check_for_parent_page ();
$ args = matriz (
‘Child_of’ => $ Parent_id,
‘Profundidad’ => -1 ‘,
‘Title_li’ => ”,
);
// Paso 2: busque cualquier subpagina
$ subpages = get_pages ($ args);
// Paso 3: si hay subpaginas, devuélvalas como una lista
If ($ subpagini) {
// Iniciar una lista de la página principal en la parte superior
?>
<a Target="_blank" href="?> “>
<? Php
} Aquí está la magia! Desafortunadamente, aún no podrá probar este código. Tendrá que convertirlo en un widget para que pueda activarlo en una barra lateral de su tema. Y colocar en la barra lateral. Como antes, agregará este código en todo lo que ha ingresado hasta ahora. En el último paso ha trabajado en una función PHP. Esta vez, trabajaremos en una clase de PHP, ¿cómo configurar el shell: torque_automatic_section_menu la clase expande wp_widget {
/ * Código aquí */
} Los grupos de clases PHP las funciones que funcionan juntas en un paquete, por lo que puede administrar funciones complejas con llamadas de código simple más adelante. Esta nueva clase de widgets administrará cuatro funciones:
Inicialice el widget y sus opciones predeterminadas.
Cree una interfaz con los usuarios para usar en el tablero de WordPress para que pueda colocarla en un área de widget.
Guarde los cambios realizados utilizando la interfaz de uso en el panel de WordPress.
Genere el resultado que se muestra en la parte delantera de su sitio.
Pasemos por cada una de estas funciones paso a paso. Agregará cada uno de ellos a la clase de clase que creó hace unos momentos. Primero, necesitamos inicializar el widget y registrar sus opciones predeterminadas en WordPress:
__Construct () función {
$ widget_options = matrix (
‘ClassName’ => ‘Pare_automatic_section_meniu’,
‘Descripción’ => ‘genera un menú automático para la sección actual del sitio web “.
);
Parent :: __ construct (‘torque_automatic_section_men’, ‘menú de sección’, $ widget_options);} Entonces, creará un pequeño formulario HTML para el tablero de WordPress. Esto mostrará un código que se convierte en un widget deslizante y de ubicación en la página de apariencia> widgets, así como la personalización
?>
<etiqueta for = " get_field_id (‘title’);?>”> Título:
<input class = "wideFat" type = "text" name = " get_field_name (‘title’);>” valor = “” />
widgets. Encuentre las secciones del menú del nuevo widget y tírelo al área de la barra lateral y guarde los cambios:
Finalmente, vea uno de los subpagones en su sitio de WordPress:
Si todo salió bien, debería ver todas las otras páginas asociadas en la misma sección, ¡bien mostradas en la barra lateral! Conclusión Los menús de la sección pueden beneficiarse enormemente a sus usuarios si ejecuta un sitio web grande o complejo. El registro de un menú de sección automática para usar en la barra lateral facilita esto a los visitantes y reduce la tasa de rechazo mejorando UX. En este artículo, lo guié a través de cinco pasos para crear un complemento de widget personalizado para generar esta navegación: configure una carpeta de complementos vacía a continuación /WP-Content.
Encuentre la página principal y devuelva su identificación.
Detectar y enumere los subparagages como un menú de sección.
Registre el widget del menú de secciones.
Use el administrador de WordPress para agregar widget a una barra lateral.
¿Qué preguntas tienes sobre la creación de menús automáticos de secciones? ¡Háganos saber en la sección de comentarios! Crédito de la imagen: Julien Lux.
