Cómo incrustar páginas en el contenido de WordPress










  • Como sugiere el título de este tutorial, le mostraré cómo incrustar páginas en el contenido de WordPress. Pero no estás limitado a las páginas. Puede incrustar cualquier tipo de contenido de WordPress en una publicación o página. Esto incluye tipos de publicaciones personalizadas que crea usted mismo o que son creadas por un complemento.

    Hoy, hablaré sobre por qué la incrustación es una herramienta poderosa y repasaremos los pasos necesarios para incrustar páginas en el contenido de WordPress.

    ¿Por qué incrustar una página en una página?

    Si tiene contenido que aparece en varios lugares de su sitio, sabe que cuando ese contenido cambia, puede ser tedioso actualizar cada publicación o página en la que aparece. Es fácil pasar por alto una página cuando actualiza manualmente. Entonces, corre el riesgo de tener información contradictoria de una página a otra.

    Pero, ¿qué pasaría si pudiera actualizar el contenido repetido en un solo lugar y actualizar automáticamente cada página donde aparece el contenido? Ese es el poder de la incrustación.

    Simplemente actualice la página que contiene el contenido y cambiará en todas partes donde aparezca el texto o los medios en su sitio.

    Incrustación como herramienta de formato

    El contenido repetitivo no es el único buen uso de la incrustación. A menudo, tenemos elementos de una publicación o página que pueden requerir un diseño diferente al formato de publicación estándar de WordPress. Pueden ser presentaciones visuales como galerías de imágenes o carruseles. Y, a veces, es posible que las tablas no encajen en el marcado de página estándar.

    Incrustar un tipo de página personalizado puede hacer que su flujo de trabajo sea mucho más eficiente.

    La incrustación es una herramienta poderosa, pero no tiene por qué ser complicada. Si alguna vez codificó un sitio manualmente y usó inclusiones para contenido repetitivo, eso es esencialmente lo que vamos a hacer aquí. Incrustar usando códigos cortos de WordPress o “incluir” un archivo en una página nos dará el mismo resultado.

    Si nunca ha trabajado con inclusiones o incrustaciones, no se preocupe. Al final del artículo, comprenderá cómo funciona. Y si lo sigue, estará listo para comenzar a incorporar de inmediato.

    Instalación del complemento de WordPress para insertar páginas

    Vamos a usar el complemento "Insertar páginas" para hacer nuestra incrustación, así que vamos a instalarlo.

    Inicie sesión en su panel de administración de WordPress.

    En la columna de navegación de la izquierda, pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo".

    pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo"

    En el cuadro "Buscar complementos...", ingresa "Insertar páginas".

    busque el complemento de páginas de inserción de WordPress

    Una vez que haya localizado el complemento, haga clic en el botón "Instalar ahora".

    haga clic para instalar el complemento de páginas de inserción de WordPress

    Cuando se haya instalado el complemento, haga clic en el botón "Activar".

    haga clic para activar el complemento de páginas de inserción de WordPress

    Uso del complemento Insertar páginas

    Los ejemplos aquí usan el editor clásico de WordPress . Si está utilizando Gutenberg, las funciones de Insertar páginas deben agregarse a las publicaciones manualmente utilizando el bloque Shortcode. Te mostraré cómo funciona eso en un minuto.

    Al escribir o editar una publicación, verá un icono de "Insertar página". Haz clic para insertar una página en tu publicación.

    haga clic para insertar una página en su publicación

    En la ventana emergente "Insertar página" que se abre, seleccione una página de la lista de páginas. Al seleccionar una página, se completará automáticamente el campo "Slug o ID".

    Alternativamente, puede ingresar manualmente el nombre del slug o la ID de la página en el campo "Slug o ID".

    Haga clic en el botón "Insertar página".

    haga clic en el botón "Insertar página"

    Puede ver que Insertar páginas agrega un código abreviado a la publicación.

    Insertar páginas agrega un código abreviado a la publicación

    Ese código indica dónde aparecerá la página insertada en la publicación.

    De forma predeterminada, solo se muestra el título de la página incrustada.

    se muestra el título de la página incrustada

    Cambiemos eso para que se muestre el contenido de la página incrustada.

    Abra la publicación que contiene el contenido incrustado en el editor. Seleccione el código abreviado que agregamos. Haga clic en el icono "Insertar página".

    haga clic en el icono "Insertar página"

    Ahora puede elegir qué parte de la página incrustada se muestra.

    elegir qué parte de la página incrustada se muestra

    Elegiremos "Contenido" y luego haremos clic en el botón "Actualizar".

    Puedes ver que el shortcode ha cambiado a display='content' .

    el shsortcode ha cambiado a display='content'

    Después de guardar la publicación, puede ver que ahora muestra el contenido de la página.

    la publicación ahora muestra el contenido de la página

    Uso del complemento Insertar páginas con el editor de bloques de Gutenberg

    Como habrá deducido de los códigos abreviados de los ejemplos anteriores, incrustar una página en el editor de bloques de Gutenberg funciona de la misma manera que en el Editor clásico. La única diferencia es que no hay un icono de "Insertar página" para abrir la ventana emergente.

    El código abreviado debe agregarse manualmente cuando se trabaja con Gutenberg.

    Para agregar el contenido de nuestra página de muestra a una publicación en Gutenberg, solo agregamos el código abreviado:

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][ht_message mstyle=”info” title=”” show_icon=”” id=”” class=” ” style=”” ][insert page=”página de muestra” display=”content”][/ht_message][/ht_message]

    Tenga en cuenta que Gutenberg detectará el código corto y lo agregará a un bloque de código corto.

    agrega el código abreviado

    Estas son las opciones de Insertar páginas. Puede ver que solo cambia el valor de "visualización".

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][insertar página='muestra-página' display='título']

    [insertar página='muestra- page' display='enlace']


    [insertar página='página de muestra' display='extracto']


    [insertar página='página de muestra' display='solo extracto']


    [insertar página=”página de muestra” display =”contenido”]


    [insertar página='página de muestra' mostrar='post-miniatura']


    [insertar página='página de muestra' mostrar='todo'][/ht_message]

    Incrustar tipos de publicaciones personalizadas

    Hablamos sobre el uso de tipos de publicaciones personalizadas para agregar contenido que requiere un formato específico. Los tipos de publicaciones personalizadas también se pueden incrustar utilizando el complemento "Insertar páginas".

    Seleccionaremos el tipo de publicación personalizada "FOOTER".

    seleccione el tipo de publicación personalizada PIE DE PÁGINA

    Se inserta el código abreviado "FOOTER".

    se inserta el shortcode FOOTER

    Y el pie de página de tipo de publicación personalizado se muestra en la publicación.

    el pie de página se muestra en la publicación

    Si lo incrustas, vendrán

    Hay muchos usos para incrustar, y aquí solo hemos arañado la superficie. Usando tipos de publicaciones personalizadas, puede entrar en algunos escenarios de incrustación elaborados y complicados. Pero los usos simples también son geniales. Acostumbrarse a la idea de incrustar contenido en una publicación puede abrir la puerta a muchas ideas nuevas.

    ¿Ha utilizado alguna vez otros métodos manuales para incrustar contenido en una página? ¿Puedes pensar en un tipo de publicación personalizada que podría ser una herramienta de incrustación útil?

     










  • Subir