Creació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.
La plantilla Astra que importaste ya incluye las páginas Inicio, Acerca de, Servicios y Contacto.
Para actualizarlas:
- Ve a Páginas → Todas las páginas y haz clic en Editar debajo de cada una;
- Sustituye el texto de ejemplo por el contenido del archivo
.docx
; - Cambia las imágenes por tus versiones optimizadas;
- Para la página Contacto, conserva el formulario que ya proporciona el tema—no es necesario crearlo manualmente.
Para mostrar las entradas del blog en tu sitio web:
- Ve a Páginas → Añadir nueva y crea una nueva página llamada Blog;
- Luego navega a Ajustes → Lectura;
- 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.
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.
¡Gracias por tus comentarios!