Una de las características de las páginas es que pueden tener sub páginas, sin embargo, te has preguntado ¿cómo mostrar todos los enlaces de las sub páginas en su página padre directamente?, en este artículo veremos cómo realizar esto de manera simple.
Resultado Final
Al final obtendremos algo similar a lo que se muestra en la siguiente imagen:
Generalidades
En un artículo anterior vimos las diferencias entre entradas y páginas, una de las diferencias es que en las páginas una manera de organizar el contenido es a través de las sub páginas, tal como se muestra en la siguiente imagen:
Para mostrar la lista de las páginas hijo en la página padre, lo podemos hacer a través de programación creando un Shortcode
Creando el Shortcode
Para crear el Shortcode podemos usar el siguiente código el cual lo puedes colocar en el archivo functions.php de tu child-theme.
function dcms_list_child_pages() {
global $post;
$string = '';
$child_of = $post->ID;
if ( is_page() && $post->post_parent ){
$child_of= $post->post_parent;
}
$params = array(
'child_of' => $child_of,
'title_li' => '',
'echo' => 0
);
$childpages = wp_list_pages($params);
if ( $childpages ) {
$string = '<ul class="list-child-pages">' . $childpages . '</ul>';
}
return $string;
}
add_shortcode('dcms_childpages', 'dcms_list_child_pages');
En el código anterior:
- Creamos el shortcode llamado dcms_childpages usando la función add_shortcode
- La función add_shortcode hace referencia a la función dcms_list_child_pages en donde estará la lógica para la creación del listado
- Dentro de la función dcms_list_child_pages obtenemos el ID de la página en la variable child_of
- Utilizamos la función wp_list_pages que es una función de WordPress para devolver las sub páginas de una determinada página pasándole los parámetros en la variable $params
- Almacenamos los resultados devueltos por la función en la variable $childpages
- Finalmente concatenamos la lista obtenida en la variable $string, la cual será devuelta
Usando el Shortcode
El Shortcode que hemos creado se llama dcms_childpages, simplemente podemos usarlo de la siguiente forma:
[dcms_childpages]Por ejemplo para colocar el Shortcode en la página de servicios de la imagen anterior, lo puedes hacer con el editor Gutenberg usando el bloque de Shortcode, tal como se muestra en la siguiente imagen:
Conclusión
Tal como has podido ver, es posible hacer un listado automático de todas las páginas hijo o sub páginas de una página padre y evitar hacer las actualizaciones del listado de manera manual.
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.
Artículos Relacionados
(2 votos, promedio: 5,00 de 5)
Cargando...