• Saltar a la navegación principal
  • Saltar al contenido principal

Dani Sánchez - Gestionatuweb

Desarrollador web freelance

  • Quién soy
  • ¿Eres agencia?
  • WordPress
    • Mantenimiento WordPress
    • Desarrollo WordPress
    • Soporte técnico WordPress
  • Cursos
  • Blog
  • Portfolio
  • Solicita Presupuesto

Curso de WordPress – 7. Creación de páginas (Tercera parte)

El 8 de mayo de 2016 por dani Deja un comentario

Aviso: Esta entrada tiene 2 o más años, es posible que el método difiera ligeramente, las capturas de pantalla no se correspondan con la versión actual o que la herramienta/complemento ya no esté disponible.

Contenidos del curso

  1. Introducción a WordPress
  2. Instalar WordPress en un servidor local
  3. Primeros ajustes
  4. Distribución de una página en WordPress
  5. Creación de páginas (primera parte)
  6. Creación de páginas (segunda parte)
  7. Creación de páginas (tercera parte)
  8. Creación de menús
  9. Creación de entradas (primera parte)
  10. Creación de entradas (segunda parte)
  11. Instalar y personalizar temas (plantillas)
  12. Widgets
  13. Creación de formularios (plugins)
  14. Biblioteca de medios: imágenes, videos, documentos

En capítulos anteriores de Creación de Páginas en WordPress (ver parte 1 y parte 2), vimos dónde se listan nuestras páginas internas, aprendimos a editar la página de ejemplo que viene por defecto tras la instalación, y las características y opciones que podemos otogarle según nuestras necesidades.

En este capítulo final veremos cómo añadir páginas nuevas y utilizar la jerarquía de páginas para ordenarlas, crear páginas padre y páginas hijas.

Añadir una página

Para añadir una nueva página entramos en el panel administrador de WordPress y nos situamos sobre el menú Páginas y Añadir Nueva:

Añadir página nueva en WordPress

Lo primero que nos pide es introducir el título de la página:

Pantalla de creación de nueva página

Como ejemplo, vamos a imaginar que estamos creando las páginas para un curso de Inglés, por lo que la primera página la vamos a llamar «Curso de Inglés»:

titulo_curso_de_ingles

Al escribir el título de la página, automáticamente nos rellena el Enlace Permanente para generar la URL amigable. Podemos dejarlo como está o editarlo a nuestro gusto.

En atributos de página dejamos la opción «Sin superior», ya que esta es la página padre de todas las que compongan el curso completo, y al no depender de otras páginas, dejamos el Orden en 0.

Para añadir la nueva página hacemos clic en el botón Publicar Botón publicar

Si volvemos al listado de páginas de nuestro WordPress, veremos la nueva página creada:

menu_de_paginas

Y si tecleamos la URL de la nueva página en el navegador, veremos cómo ha quedado de cara al público:

http://localhost/wordpress/curso-de-ingles/

pagina_principal_curso_ingles

Ahora vamos a crear una nueva página a la que llamaremos «Curso de inglés – Capítulo 1»:

Antes de insertar el título de la página, vamos a ir a Atributos de página e indicaremos cual es su página padre en el apartado Superior:

Atributos de página: Superior

Con esto estamos especificando que la página Curso de Inglés – Capítulo 1, cuelga directamente de una página superior que es Curso de Inglés, la cual ya teníamos creada.

¿Por qué hemos especificado la jerarquía de la página antes de escribir el título?

Porque si ahora nos fijamos en el Enlace Permanente: Veremos que nos ha añadido previamente el directorio /curso-de-ingles/ seguido del nombre de la nueva página, mejorando aún más nuestra URL amigable:

titulo_y_slug_de_pagina

En este caso nos ha quedado un poco de redundancia, podemos mejorar aún más la URL amigable, editándola y suprimiendo el texto «curso-de-ingles» de la página hija:

Editar Slug de Página

Ahora la URL amigable queda mucho más profesional, da la sensación de que «capitulo-1» se encuentra dentro de un directorio «curso-de-ingles», aunque ambas sean dos páginas independientes. No solo da una sensación de buena organización, sino que mejora la optimización de cara al SEO (posicionamiento en buscadores).

Publicamos la nueva página y volvemos al listado de páginas de nuestro WordPress. Ahora veremos la nueva página creada pero con una particularidad, pues vemos cómo aparece ligeramente tabulada respecto a la página superior, lo que indica que es una página hija de «Curso de Inglés»:

jerarquia_paginas

Vamos a crear una nueva página llamada «Curso de Inglés – Capítulo 2», siguiendo el mismo procedimiento que con la página «Capítulo 1», es decir, especificando que su página Superior es Curso de Inglés, pero esta vez en Orden, pondremos el número 1, ya que el Capítulo 1 tenía asignado el 0.

capitulo-2-curso-ingles

Y hacemos lo mismo con los Capítulo 3 y 4, respetando el Orden como en las anteriores, recordemos:

  • Capítulo 1: Orden 0.
  • Capítulo 2: Orden 1.
  • Capítulo 3: Orden 2.
  • Capítulo 4: Orden 3.

Volvemos al listado de páginas y vemos cómo queda la jerarquía, donde Curso de Inglés es la página Padre, y los capítulos del 1 al 4 son las páginas hijas.

listado_De_paginas

Creamos una última página a la que llamaremos «Contacto».

Esta página no tendrá ninguna página superior, será independiente de la jerarquía de las páginas del curso.

pagina_De_contacto

Ahora si nos fijamos en el listado de páginas, veremos que la nueva página de contacto creada no cuelga de Curso de Inglés, aparece como una página independiente:

listado

En el próximo capítulo vamos a crear un menú con todas estas pagínas para poder acceder cómodamente a ellas desde cualquier página de nuestra web.

Archivado en: Cursos, WordPress

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Acepto la política de privacidad

Hosting recomendado

Raiola Networks

Autor

Dani Sánchez
Dani Sánchez
@danisanchez82

Entradas recientes

  • Optimizar el archivo de configuración de WordPress (wp-config.php)
  • ¿Qué plugins tengo instalados en mi web en 2022?
  • Tu alojamiento web no es compatible con la rotación de imágenes. [Solución]
  • Instalar LAMP en Manjaro (Linux, Apache, MySQL y PHP)
  • Instalar LAMP (Linux, Apache, MySQL y PHP) en Fedora 34

Comentarios recientes

  1. Armando en Instalar LAMP (Linux, Apache, MySQL y PHP) en Fedora 34
  2. Vito en Configurar en español los campos tipo fecha (date) en Ninja Forms
  3. Manel en Calcular rutas con OpenStreetMap partiendo de la geolocalización del usuario
  4. Leo en Modificar textos predefinidos de WordPress sin editar la traducción
  5. Alejo en Instalar LAMP en Manjaro (Linux, Apache, MySQL y PHP)

Categorías

  • Actualidad
  • Afiliación AliExpress
  • Agent Press Pro
  • Bettaso Web Restaurantes
  • Cursos
  • Destacado
  • Divi
  • Drupal
  • Elementor
  • Genesis
  • Iniciación a PHP
  • Joomla!
  • Linux
  • Publicaciones
  • Tutoriales
  • WooCommerce
  • WordPress

Divi 20% descuento

Hosting Recomendado

Raiola Networks
Banner

Sitios web corporativos, blogs y tiendas online cuidando hasta el mínimo detalle

Si deseas proponerme un proyecto web ponte en contacto conmigo.

Contacto

Gestionatuweb © 2022 · Desarrollado con Genesis · Acceder
Política de privacidad · Política de cookies

En Gestionatuweb.net utilizamos cookies técnicas para el correcto funcionamiento del sitio. Además, utilizamos cookies para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Otras cookies son usadas para servicios adicionales, como conexión con redes sociales, marketing o mostrar publicidad acorde a tus gustos. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no en el botón de Preferencias. Más información sobre las cookies que utilizamos en nuestra: Política de cookies.

Gestor de cookies:  GDPR Cookie Compliance
Resumen de uso de cookies

En Gestionatuweb.net utilizamos cookies técnicas para el correcto funcionamiento del sitio. Además, utilizamos cookies para obtener datos estadísticos sobre el uso de la web, con el fin de mejorar la experiencia de navegación y conocer qué contenidos son los más consultados. Otras cookies son usadas para servicios adicionales, como conexión con redes sociales, marketing o mostrar publicidad acorde con tus intereses. Puedes desactivar todas las cookies (excepto las técnicas) pulsando en Rechazar, o elegir qué cookies admites y cuales no en el botón de Preferencias.

Cookies técnicas (necesarias)

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies. Estas cookies son:

  • moove_gdpr_popup: Comprueba si debe mostrar o no el aviso de cookies (si ya ha sido aceptado o rechazado no se vuelve a mostrar mientras persista esta cookie). Expira en 1 año.
  • cpnb_cookiesSettings: Comprueba qué categorías de cookies se aceptan o rechazan (por ejemplo, cookies analíticas, cookies de publicidad dirigida, etc.). Expira en 1 año.
  • _GRECAPTCHA: Esta web utiliza el servicio reCAPTCHA para fortalecer la seguridad en los formularios y evitar el envío masivo de SPAM. reCAPTCHA utiliza esta cookie necesaria para realizar su análisis de riesgo. Expira en 6 meses.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de analítica

Utilizamos Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares. Dejando estas cookies activas nos permite mejorar nuestra web.

  • _ga: Analítica de Google. Se usa para distinguir a los usuarios. Expira en 2 años.
  • _gid: Se usa para distinguir a los usuarios. Expira en 24 horas.
  • _gat: Se usa para limitar el porcentaje de solicitudes. Expira en 1 minuto.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Cookies de publicidad

Utilizamos Google Adsense para mostrar publicidad en los artículos del blog acordes a tus intereses. Esta publicidad nos ayuda al mantenimiento del sitio web y del tiempo dedicado a la redacción del blog.

  • _gads: Publicidad de Google Adsense. Proporciona la publicación de anuncios de interés para el usuario. Expira en 13 meses.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Política de cookies

Más información sobre nuestra política de cookies