Cómo mostrar una lista de páginas secundarias para una página principal en WordPress

How to Display a List of Child Pages for a Parent Page in WordPress

Organizar contenido con páginas principales y secundarias (subpáginas) es una manera poderosa de estructurar su sitio de WordPress, especialmente para documentación, páginas de servicios, tutoriales, portafolios o sitios comerciales de varios niveles. Mostrar una lista dinámica de páginas secundarias debajo de una página principal ayuda a los visitantes a navegar rápidamente por contenido más profundo, reduce las tasas de rebote, mejora los enlaces internos y envía fuertes señales de SEO a Google sobre la jerarquía de su sitio.

Con la edición completa del sitio y los temas de bloqueo, mostrar páginas secundarias dinámicamente sigue siendo una necesidad muy común, y WordPress lo hace fácil sin codificación complicada. En Cope Business, frecuentemente agregamos listas de páginas secundarias para los clientes durante nuestro servicios de auditoría técnica SEO para mejorar la estructura del sitio, la experiencia del usuario y la eficiencia del rastreo.

Esta guía paso a paso le muestra cuatro formas sencillas de mostrar una lista de páginas secundarias para cualquier página principal en WordPress, utilizando códigos cortos, widgets, códigos y complementos.

¿Por qué mostrar páginas secundarias para una página principal?

  • Mejor navegación — Los usuarios ven subpáginas relacionadas sin tener que buscar en los menús.
  • Experiencia de usuario mejorada — Jerarquía clara = menos frustración
  • Beneficios de SEO — Enlaces internos más fuertes, mejor ruta de rastreo, grupos de temas
  • Descubrimiento de contenido — Destaca páginas más profundas que de otro modo podrían pasarse por alto
  • Aspecto profesional — Hace que la documentación, los servicios o los sitios de cursos se sientan organizados

Ideal para: páginas de servicios (“Servicios SEO” → páginas secundarias para cada servicio), sitios de documentación, esquemas de cursos o categorías de cartera.

Método 1: usar un código corto (el más fácil, no se necesita complemento)

WordPress tiene un código corto incorporado para enumerar páginas secundarias.

Pasos

  • Edite cualquier página principal (o cree una nueva).
  • En el editor de bloques, agregue un Código corto bloquear.
  • Pegue este código corto:
texto[list_pages child_of='CURRENT_PAGE_ID' sort_column='menu_order' profundidad='1']
  • Reemplace CURRENT_PAGE_ID con el ID real de la página principal (busque el ID en la URL al editar: publicación = 123)
  • O utilice esta versión dinámica (muestra los elementos secundarios de la página actual automáticamente):
texto[list_pages child_of='this' sort_column='menu_order' profundidad='1']
  • Personalizar opciones:
    • profundidad = ”1 ″ → solo hijos directos
    • sort_column=”título” → alfabético
    • excluir =”45,67″ → excluir ID de página específicas
    • include=”12,34″ → mostrar solo estas páginas
  • Publicar → ¡Ahora tienes una lista limpia de páginas secundarias!

Ventajas: Cero complementos, nativo, muy rápido.
Contras: Estilo básico (agregue CSS para una mejor apariencia).

Consejo rápido de CSS (Apariencia > Personalizar > CSS adicional):

CSS

ul.niños  li {estilo de lista: ninguno; margen inferior: 10px; } ul.niños  a { mostrar: bloquear; relleno: 12px; antecedentes: #f8f9fa; radio del borde: 6px; decoración de texto: ninguna; } ul.niños  a:flotar  {antecedentes: #e9ecef; }

Método 2: usar un widget (para barras laterales o pies de página)

  1. Ir a Apariencia > Widgets.
  2. Agregar Página widget en la barra lateral/pie de página que desee.
  3. En la configuración del widget:
    • Título: “Más Servicios” o “En Esta Sección”
    • Marque "Mostrar subpáginas de la página actual"
    • Marque "Ordenar por orden de menú" o título
    • Profundidad: 1 (solo niños directos)
  4. Guardar → Las páginas secundarias aparecen dinámicamente en la barra lateral.

Ventajas: Muy fácil, sin códigos cortos.
Contras: Sólo funciona en áreas de widgets (no dentro del contenido).

Método 3: usar un complemento (lo mejor para control visual y avanzado)

Los complementos le brindan miniaturas, estilos, jerarquía y más.

Complemento recomendado: enumerar publicaciones de categorías con paginación (gratis)

  1. Instalar Listar publicaciones de categorías con paginación o Mostrar páginas (ambos gratis).
  2. Utilice shortcode dentro del contenido:
texto[display-posts parent='CURRENT_PAGE_ID' posts_per_page='10' orderby='menu_order title' include_excerpt='true' image_size='miniatura']


(Reemplace CURRENT_PAGE_ID con ID real o use métodos dinámicos)

Mejor complemento: Lista de páginas (gratis)

  • Código corto:
[lista de páginas child_of='this' profundidad='1' show_image='true' show_first_image='true']
  • Agrega miniaturas, extractos, jerarquía.

Ventajas: Miniaturas, paginación, extractos, opciones de estilo.
Contras: Agrega un complemento más (ligero).

Método 4: usar código personalizado en la plantilla de página (avanzado)

Para un control total en páginas específicas.

  1. Crea un tema hijo.
  2. Copie page.php a page-child-pages.php
  3. Añade este código donde quieras la lista:
PHP get_the_ID(), 'echo' => 0, 'title_li' => '', 'depth' => 1, 'sort_column' => 'menu_order' )); if ($children) { echo '
    '; echo $children; echo '
'; } ?>
  1. Asigne esta plantilla a las páginas principales (Atributos de página > Plantilla).

Ventajas: Control total, sin complementos.
Contras: Requiere conocimiento de plantillas y temas secundarios.

Mejores prácticas para listas de páginas secundarias

  • Jerarquía — Utilice profundidad=”1″ solo para niños directos
  • Estilo — Agregue miniaturas, extractos o íconos para darle atractivo visual
  • SEO — Utilice títulos descriptivos; agregar enlaces internos de forma natural
  • Móvil — Asegúrese de que la lista responda (la mayoría de los complementos manejan esto)
  • Actuación — Página de caché si se utilizan consultas dinámicas

Pensamientos finales

Mostrar páginas secundarias debajo de una página principal es una forma rápida de mejorar la navegación, la experiencia del usuario y los enlaces internos, todo lo cual ayuda al SEO. Comience con el método de código corto incorporado: es simple y poderoso. Agregue un complemento si desea miniaturas y estilos.

Mejor estructura = mejor experiencia de usuario = mejores clasificaciones.

¿Necesita ayuda para organizar la jerarquía de su sitio, agregar listas dinámicas de páginas secundarias u optimizar para SEO? Contacte a Cope Business para una consulta técnica gratuita de SEO: revisaremos la estructura de su sitio e implementaremos mejoras que generen resultados reales.

¿Fue útil este artículo?
No