Manual técnico orientado al aprendizaje práctico de WordPress mediante actividades guiadas. En este volumen se aborda la creación de la página de inicio de un sitio web, trabajando aspectos relacionados con la estructura visual, personalización y configuración básica de contenidos en WordPress.
Este material está especialmente orientado al alumnado y profesorado de Formación Profesional relacionado con el desarrollo de aplicaciones web y otras enseñanzas vinculadas al ámbito de la informática. Constituye el segundo volumen de una colección de manuales técnicos de prácticas guiadas orientados al aprendizaje y uso de WordPress en entornos profesionales y educativos.
Índice de contenidos
1.-Ejemplos de Sitios web que usan WordPress
2.-Creación del Sitio web “Zoológico”
2.1.-Primeros pasos
3.-Estructura del sitio web
3.1.-Crear páginas principales
3.2.-Configurar Página de Inicio como estática
3.3.-Menú Principal con Submenús
3.4.-Cambiar el color de fondo a todas las páginas del sitio
3.5.-Quitar el “Título” a todas las páginas del sitio
4.-Página de “Inicio”
4.1.-Sección 1: Imagen grande + título
4.1.1-Personalizar el ancho y alto de la imagen destacada
4.2.-Quitar el “Título” de la plantilla del tema que usamos
4.3.-Sección 2: Crear un bloque en forma de columnas y con imágenes y texto
4.3.1-Añadimos un “título” y un “párrafo” a este bloque que hemos creado.
4.3.2-Añadimos justo debajo una sección de 3 columnas.
4.3.3-Ajustes finales a todo el bloque de grupo.
4.4.-Sección 3: Crear un bloque “¿Dónde estamos?”:
4.4.1-Añadimos un “bloque de encabezado”.
4.4.2-Añadimos un “bloque de párrafo”.
4.4.3-Insertar el “Mapa de Google”.
4.4.4-Últimos ajustes.
4.4.5-Hacer que el Mapa de Google se ponga en escala de grises y cambie al pasar el ratón sobre él.
4.5.-Sección 4: Crear una Galería del Zoológico en forma de Carrusel horizontal:
4.5.1-Usando un Plugin gratuito.
4.5.2-Sin usar Plugins.
4.6.-Sección 5: Crear el pie de la página:
4.6.1-Modificar el pie de página de la plantilla para todo el sitio web.
4.7.-Sección 6: Modificar aspecto de la Cabecera de la página:
4.8.-Aspecto Final de nuestra página de “Inicio”:
Objetivos y temas principales
El objetivo principal de este manual es proporcionar una guía práctica y didáctica para la creación integral de la página de inicio de un sitio web en WordPress, abordando desde la configuración inicial hasta el diseño visual detallado.
- Preparación del entorno de desarrollo web local (XAMPP y WordPress).
- Estructuración de páginas, menús y configuración estática del sitio.
- Personalización avanzada de bloques mediante CSS y funciones responsive.
- Implementación de elementos dinámicos como mapas, galerías y cabeceras/pies de página personalizados.
Extracto del libro
4.1.1-Personalizar el ancho y alto de la imagen destacada
Hay veces, que el editor del tema que estamos usando no nos permite modificar gran cosa de alguna de las secciones de la página. Este es el caso de la “imagen destacada” en el tema que estamos usando.
La mejor forma de hacerlo en estos casos, es directamente tocar el código CSS de la plantilla que tenemos entre manos.
Los pasos a seguir son:
1) Ver la clase CSS que tiene aplicada la imagen destacada. Para ello, la forma más sencilla es, ver la página en el navegador – hacer clic con el botón derecho del ratón – Inspeccionar. Y podremos ver el código HTML con las clases CSS que tiene aplicadas:
Resumen de capítulos
1.-Ejemplos de Sitios web que usan WordPress: Introduce ejemplos reales de sitios web de renombre que utilizan WordPress para ilustrar su versatilidad.
2.-Creación del Sitio web “Zoológico”: Detalla la configuración inicial necesaria, incluyendo la base de datos y la instalación de WordPress.
3.-Estructura del sitio web: Explica la creación de páginas jerárquicas, la configuración del menú y los ajustes básicos de apariencia.
4.-Página de “Inicio”: Es el núcleo práctico del manual, donde se desarrolla paso a paso el diseño visual de la landing page utilizando bloques y CSS.
5.-Bibliografía: Recopila los recursos externos y documentación técnica consultada para la elaboración del manual.
Palabras clave
WordPress, Diseño Web, XAMPP, CSS, Responsive, Bloques, Página de inicio, Tutorial, Desarrollo web, Personalización, Plugins, Smart Slider 3, Temas, Plantillas, Web local.
Preguntas frecuentes
¿Cuál es el propósito fundamental de esta obra?
El manual tiene como objetivo guiar al lector en la creación práctica y profesional de la página de inicio de un sitio web utilizando WordPress en un entorno local.
¿Qué temáticas principales se desarrollan en el material?
Se abarca la configuración del servidor, la estructura del sitio, el diseño visual mediante el editor de bloques y la aplicación de estilos personalizados con CSS.
¿A qué audiencia se dirige este contenido?
Está diseñado principalmente para estudiantes y profesores de Formación Profesional en el ámbito del desarrollo de aplicaciones web.
¿Qué metodología de enseñanza emplea el autor?
Se utiliza un enfoque eminentemente práctico mediante actividades guiadas, complementado con breves explicaciones teóricas cuando es necesario.
¿Qué áreas se cubren en el desarrollo de la página de inicio?
El contenido detalla la creación de secciones con imágenes, bloques de columnas, mapas interactivos, galerías de imágenes y la personalización de cabeceras y pies de página.
¿Qué palabras clave definen mejor este manual?
Las palabras clave incluyen WordPress, diseño web, CSS, responsive, desarrollo web y personalización técnica.
¿Cómo se ajusta la imagen destacada del sitio?
El autor recomienda inspeccionar las clases CSS del navegador y aplicar reglas personalizadas, como la función 'clamp()', para asegurar un diseño adaptable y flexible.
¿Cómo se logra el efecto visual de escala de grises en el mapa de Google?
Se asigna una clase CSS específica ('mapa-gris') al bloque contenedor y se definen reglas CSS en el apartado de personalización para aplicar filtros de escala de grises que cambian al pasar el cursor.
- Quote paper
- Antonio Martín (Author), 2026, Manual técnico de WordPress: creación guiada de la página de inicio de un sitio web, Munich, GRIN Verlag, https://www.grin.com/document/1730921
