Cuarta sesión: 8 de marzo

A lo largo de la cuarta sesión, se explicará a los asistentes del curso cómo pueden adaptar y personalizar en detalle muchos de los aspectos fundamentales de la estructura y diseño de un sitio web, mediante plugins específicamente diseñados para el framework Genesis, y otras extensiones que, aunque no son específicas de este framework, se integran muy bien con él.

Una vez promovidos al rol de administrador, los asistentes al curso llevarán a cabo diversas tareas prácticas relacionadas con la configuración avanzada de los temas de la familia Genesis. Habida cuenta de las enormes posibilidades de personalización de este frawework, a continuación se enuncian una serie de prácticas de entre las que el profesor del curso seleccionará las más idóneas.

1. Configuración del sitio web mediante las opciones y los widgets de Genesis

• Cambio del diseño por defecto, tanto para el sitio en su conjunto como para algunas de las páginas.
• Activación de la ruta de navegación (breadcrumbs) en diferentes páginas del sitio web.
• Cambios en la configuración y presentación de las páginas de archivo.
• Creación de páginas especiales, mediante las plantillas de página «Archive», «Blog» y «Landing».
• Cambios en la configuración de la página «Blog».
• Uso de los widgets de entradas y páginas destacadas para personalizar la página de inicio de los temas-hijos de Genesis.
• Uso del widget de menú personalizado.

2. Personalización del tema mediante plugins

• Configuración avanzada del pie de página, con los plugin Genesis Footer Builder y Genesis Simple Footer Widgets.
• Configuración avanzada de diversos elementos de los temas, utilizando las funciones que proporcionan plugins como Genesis Advanced Edits, Genesis Simple Customizations, Genesis Simple Edits, Genesis Post Info & Meta, etc.
• Creación e inserción de funciones personalizadas, mediante los plugins Code Snippets, Genesis Simple Hooks y Genesis Visual Hook Guide.
• Creación de bloques de contenido personalizados, con el plugin Blox Lite – Content Blocks for Genesis.
• Activación de disposiciones y diseños adicionales para el tema, gracias al plugin Genesis Layout Extras.
• Creación de estilos CSS personalizados, utilizando el plugin Simple Custom CSS. También se examinarán las posibilidades de otros plugins que permiten crear y editar estilos CSS personalizados, como por ejemplo WP Add Custom CSS, Genesis Super Customizer y SiteOrigin CSS.

3. Creación y configuración avanzada de menús y widgets

• Uso de iconos para ilustrar gráficamente los elementos de menú, gracias al plugin Menu Icons.
• Creación de menús y áreas de widgets condicionales, utilizando el plugin Genesis Simple Menus. Se examinarán también otras alternativas más potentes, como por ejemplo el plugin Conditional Menus.
• Creación de áreas de widgets condicionales, con el plugin Genesis Simple Sidebars. Se examinarán también otras alternativas más potentes, como por ejemplo los plugins Custom Sidebars, Custom Sidebars Pro, Easy Custom Sidebars o Content Aware Sidebars.
• Creación de widgets condicionales, mediante el plugin Widget Logic y las etiquetas condicionales de WordPress,
• Creación de widgets de texto avanzados que hacen uso del editor de WordPress, mediante el plugin Black Studio TinyMCE Widget.
• Inserción de widgets de imágenes, con el plugin Image Widget.
• Creación de enlaces a redes sociales, mediante el plugin Simple Social Icons u otros plugins similares, como por ejemplo, Lightweight Social Icons.
• Creación de pases de diapositivas personalizados, mediante el plugin Genesis Responsive Slider.
• Creación de widgets con contenido en pestañas, utilizando los plugins Genesis Tabs y Genesis Tabs Extended.
• Creación de widgets de entradas y páginas destacadas, gracias a los plugins Featured Custom Post Type Widget for Genesis, Genesis Featured Page Advanced, y Genesis Sandbox Featured Content Widget.

4. Configuración avanzada del diseño del sitio web

• Modificación de los tamaños por defecto de las miniaturas, tras un cambio de temas, con el plugin Regenerate Thumbnails.
• Ajuste personalizado de las imágenes destacadas, gracias al plugin Crop-Thumbnails.
• Activación de imágenes personalizadas de cabecera, mediante el plugin Genesis Featured Image Header y otros plugins para gestionar las cabeceras personalizadas, como por ejemplo Display Featured Image for Genesis, Genesis Featured Image, Genesis Featured Images o Genesis Simple Hero Image.
• Creación de páginas en rejilla o cuadrícula, gracias al plugin Genesis Grid.
• Creación de páginas cuyo contenido está dispuesto en columnas, con el plugin Genesis Columns Advanced.
• Creación de secciones de página de anchura completa, con el plugin Genesis Simple Page Sections.

5. Un nuevo sistema de diseño web: los constructores de páginas

• Principios de diseño básico de los plugins de construcción de páginas.
• Algunos plugins gratuitos: Page Builder by SiteOrigin, Beaver Builder, Forge, etc.
• Demostración de técnicas de diseño web avanzado, con los temas de la familia Genesis y los siguientes plugins: Genesis Dambuster, Page Builder by SiteOrigin y SiteOrigin Widgets Bundle.