Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Creación de Páginas Esenciales | Crear un Sitio Web Completo Desde Cero
Crear un Sitio Web sin Código con WordPress

bookCreación de Páginas Esenciales

Los plugins están instalados y configurados, es momento de construir la estructura principal de tu sitio web utilizando contenido real.

En este capítulo, personalizarás las siguientes páginas:

  • Inicio: resalta los servicios principales de tu clínica, agrega testimonios e incluye un llamado a la acción claro;
  • Acerca de: comparte la misión de tu clínica, antecedentes y presenta a los miembros del equipo;
  • Servicios: enumera y describe las ofertas de tu clínica con imágenes o iconos;
  • Contacto: incluye el formulario de contacto preinstalado, número de teléfono y una ubicación de Google Maps;
  • Blog: agrega una página que mostrará automáticamente tus publicaciones más recientes del blog.

Preparación del contenido

Para agilizar el proceso, se preparó un archivo .docx con contenido de ejemplo y una carpeta que contiene imágenes optimizadas.
Todas las imágenes fueron redimensionadas y comprimidas siguiendo las mejores prácticas vistas anteriormente en el curso.

Puedes copiar y pegar el contenido en cada página, utilizando el Editor de Bloques para ajustar el diseño según sea necesario.

Puedes descargarlos aquí:

Consejo: al pegar contenido en el Editor de Bloques, mantén presionada la tecla Shift mientras presionas Ctrl+V (o Cmd+V en Mac) para pegar como texto sin formato.
Esto evita que WordPress copie estilos no deseados de Google Docs u otras fuentes, manteniendo tu formato limpio y consistente.

Actualización de páginas existentes
expand arrow

La plantilla Astra que importaste ya incluye las páginas Inicio, Acerca de, Servicios y Contacto.

Para actualizarlas:

  1. Ve a Páginas → Todas las páginas y haz clic en Editar debajo de cada una;
  2. Sustituye el texto de ejemplo por el contenido del archivo .docx;
  3. Cambia las imágenes por tus versiones optimizadas;
  4. Para la página Contacto, conserva el formulario que ya proporciona el tema—no es necesario crearlo manualmente.
Creación y asignación de una página de blog
expand arrow

Para mostrar las entradas del blog en tu sitio web:

  1. Ve a Páginas → Añadir nueva y crea una nueva página llamada Blog;
  2. Luego navega a Ajustes → Lectura;
  3. En Página de entradas, selecciona Blog en el menú desplegable y haz clic en Guardar cambios.

Esto listará automáticamente todas las entradas del blog en la página Blog.

Creación de entradas de blog de ejemplo
expand arrow

Ahora que tu página de Blog está configurada, vamos a crear algunas entradas de ejemplo para que puedas ver cómo funciona todo en la práctica.

Ya has aprendido a:

  • Crear entradas usando el Editor de Bloques;
  • Añadir bloques como imágenes y videos;
  • Organizar tu contenido con categorías y etiquetas.

Para este ejemplo, se crearán tres tipos de entradas:

  • Una entrada de blog estándar, que incluye texto estructurado con encabezados (H1, H2, H3), imágenes, un video incrustado, etiquetas y una categoría;
  • Una entrada programada, que se publicará automáticamente en una fecha y hora futura;
  • Una entrada protegida por contraseña, accesible solo para los usuarios que tengan la contraseña.

Cada entrada se añadirá automáticamente a tu página de Blog y seguirá la estructura y características que ya has aprendido. Esta es una excelente manera de reforzar tus habilidades mientras exploras algunas opciones adicionales de WordPress como la programación y el control de visibilidad.

question mark

¿Cuál es el propósito de asignar una "Página de entradas" en WordPress?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 7. Capítulo 4

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

bookCreación de Páginas Esenciales

Los plugins están instalados y configurados, es momento de construir la estructura principal de tu sitio web utilizando contenido real.

En este capítulo, personalizarás las siguientes páginas:

  • Inicio: resalta los servicios principales de tu clínica, agrega testimonios e incluye un llamado a la acción claro;
  • Acerca de: comparte la misión de tu clínica, antecedentes y presenta a los miembros del equipo;
  • Servicios: enumera y describe las ofertas de tu clínica con imágenes o iconos;
  • Contacto: incluye el formulario de contacto preinstalado, número de teléfono y una ubicación de Google Maps;
  • Blog: agrega una página que mostrará automáticamente tus publicaciones más recientes del blog.

Preparación del contenido

Para agilizar el proceso, se preparó un archivo .docx con contenido de ejemplo y una carpeta que contiene imágenes optimizadas.
Todas las imágenes fueron redimensionadas y comprimidas siguiendo las mejores prácticas vistas anteriormente en el curso.

Puedes copiar y pegar el contenido en cada página, utilizando el Editor de Bloques para ajustar el diseño según sea necesario.

Puedes descargarlos aquí:

Consejo: al pegar contenido en el Editor de Bloques, mantén presionada la tecla Shift mientras presionas Ctrl+V (o Cmd+V en Mac) para pegar como texto sin formato.
Esto evita que WordPress copie estilos no deseados de Google Docs u otras fuentes, manteniendo tu formato limpio y consistente.

Actualización de páginas existentes
expand arrow

La plantilla Astra que importaste ya incluye las páginas Inicio, Acerca de, Servicios y Contacto.

Para actualizarlas:

  1. Ve a Páginas → Todas las páginas y haz clic en Editar debajo de cada una;
  2. Sustituye el texto de ejemplo por el contenido del archivo .docx;
  3. Cambia las imágenes por tus versiones optimizadas;
  4. Para la página Contacto, conserva el formulario que ya proporciona el tema—no es necesario crearlo manualmente.
Creación y asignación de una página de blog
expand arrow

Para mostrar las entradas del blog en tu sitio web:

  1. Ve a Páginas → Añadir nueva y crea una nueva página llamada Blog;
  2. Luego navega a Ajustes → Lectura;
  3. En Página de entradas, selecciona Blog en el menú desplegable y haz clic en Guardar cambios.

Esto listará automáticamente todas las entradas del blog en la página Blog.

Creación de entradas de blog de ejemplo
expand arrow

Ahora que tu página de Blog está configurada, vamos a crear algunas entradas de ejemplo para que puedas ver cómo funciona todo en la práctica.

Ya has aprendido a:

  • Crear entradas usando el Editor de Bloques;
  • Añadir bloques como imágenes y videos;
  • Organizar tu contenido con categorías y etiquetas.

Para este ejemplo, se crearán tres tipos de entradas:

  • Una entrada de blog estándar, que incluye texto estructurado con encabezados (H1, H2, H3), imágenes, un video incrustado, etiquetas y una categoría;
  • Una entrada programada, que se publicará automáticamente en una fecha y hora futura;
  • Una entrada protegida por contraseña, accesible solo para los usuarios que tengan la contraseña.

Cada entrada se añadirá automáticamente a tu página de Blog y seguirá la estructura y características que ya has aprendido. Esta es una excelente manera de reforzar tus habilidades mientras exploras algunas opciones adicionales de WordPress como la programación y el control de visibilidad.

question mark

¿Cuál es el propósito de asignar una "Página de entradas" en WordPress?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 7. Capítulo 4
some-alt