Consulta la sección Gutenberg en el menú principal de esta demo para saber cuáles son los plugins y recursos recomendados. Algunos son los que se han utilizado para diseñar la página home de esta demo.

Acerca de la instalación de Blogpocket Nineteen y sus funcionalidades entra en Lanzatu.blog.

A continuación, se describen los pasos generales para personalizar Blogpocket Nineteen y conseguir un diseño similar al de esta demo para podcasters. Por supuesto, revisa antes la configuración de Ajustes dentro del administrador de WordPress.

Logo

Lee este post para subir tu propio logo.

Patrones de bloques

Blogpocket Nineteen lleva incorporados 8 patrones de bloques listos para usar. Ve al insertador de bloques y a la pestaña «Patrones». Ahí encontrarás los patrones que puedes llevar a cualquier página. Aplícales estilo a tu gusto y cambia texto e imágenes.

Llevando bloques a las áreas de widgets previstas en el theme

Instala el plugin Reusable Blocks Extended, crea bloques reusables y lleva éstos a las áreas de widgets (Welcome, Sidebar, etc.) mediante el widget «Reusable Block».

Brand color

La paleta de colores de Blogpocket Nineteen es muy simple: #0073E5 para los enlaces y #1D7EB6 en el diseño de los patrones de bloques.

Para cambiar el color en los patrones de bloques puedes usar el plugin Editor Plus, una herramienta muy útil para aplicar estilos CSS a cualquier bloque sin saber CSS 🙂

Para cambiar el color de los enlaces, hay que buscar #0073E5 en los archivos devkit-custom.css, devkit-design.css y devkit-combined.min.css; y cambiarlo por el color que prefieras. Encontrarás estos archivos en la carpeta «devkit» del paquete zip de Blogpocket Nineteen. Esto requiere conocimiento básicos de CSS, aunque no es estrictamente necesario: haz una copia previa de dichos archivos por seguridad y utiliza un editor de textos que te permita reemplazar todas las ocurrencias de #0073E5 por el código hexadecimal del color de tu preferencia (siempre con # delante). Sube los archivos modificados con el mismo nombre y guarda los originales por si acaso.

Tipografía

Para el cambio de tipografía en la demo hemos utilizado el plugin Fonts Plugin | Google Fonts Typography.

Con este plugin puedes cambiar los tipos de fuente que van con Blogpocket Nineteen (Lato y Merriweather) pero no puedes modificar sus tamaños. Esto afecta al tamaño de las letras en los menús principal y secundario y en el resto de sitios de la web, a excepción de donde vayan bloques (incluyendo bloques reusables en áreas de widgets como las columnas del footer, sidebar, etc.). En los bloques dentro del editor siempre puedes aplicar estilo CSS incluyendo tamaños de fuente mediante Editor Plus.

Menús

Implementa tus menús principal (arriba, a la derecha del logo) y secundario (debajo del logo) yendo a Apariencia>Menús. El menú principal admite un nivel de subopciones.

Traducción de Genesis

Para que veas Blogpocket Nineteen traducido debes actualizar las traducciones de Genesis. Ve a Ajustes>Generales y cambia el idioma a Inglés (EE.UU.). Luego vuelve a cambiarlo a español y automáticamente aparecerá una actualización pendiente en el apartado de Escritorio>Actualizaciones. Haz clic en ella y tendrás Genesis y Blogpocket Nineteen traducido 🙂

Podcasting

Esta demo de Blogpocket Nineteen es para podcasters 😉

Hemos utilizado el plugin Seriously Simple Podcasting para implementar automáticamente una página con los episodios, servir un RSS especial y contar con un bloque que muestra la lista de los episodios recientes en la home.

Los archivos de audio están alojados en el WordPress pero se puede usar usar una plataforma externa como Anchor o Castos.