Acelera el proceso de creación de un sitio web WordPress, con solo unos pocos clics, gracias a Starter Templates 2.0
Realizo este videotutorial gracias al interés mostrado por el usuario TutoxYonny33:
“@Joan Morci buenos dias broder si gustas me comparte mas videos de astra que es el temas que estoy implementando en mi proyecto”
Quien dejaba dicho comentario en mi primer videotutorial relacionado con el tema Astra, el cual ha tenido buen recibimiento. Hay una versión gratis del tema Astra en el repositorio de WordPress. Es la versión que utilizo en dicho videotutorial.
En el videotutorial de esta semana veremos cómo crear un sitio web de forma sencilla y rápida, con solo unos pocos clics. ¿Cómo? A través de Plantillas Prediseñadas aquí llamadas Starter Templates.
Es decir, diseños ya creados por otras personas con maquetadores visuales como son: Elementor, Beaver Builder, Gutenberg o Brizy. Dependiendo de la plantilla que elijas (temáticas) verás diferentes páginas (Home, About me, Portfolio, Services, Contact).
Puedes importar páginas sueltas o todas de una sola vez. Gracias al plugin que te dejo a continuación:
- Starter Templates – Elementor, Beaver Builder, Gutenberg & Brizy Templates (Por Brainstorm Force)
Cada maquetador visual tiene cerca de 20 plantillas gratis.
Es una manera sencilla de modificar un diseño ya creado por otra persona y hacerlo tuyo, con tus personalizaciones. También es un modo de sacarle partido a un maquetador visual y conocer a fondo el mismo. Además, de acelerar el proceso de creación de un sitio web.
Starter Template no está únicamente pensado para el tema Astra, funciona en cualquier tema según el equipo que lo ha creado (el mismo que el tema Astra: Brainstorm Force).
Y la versión 2.0 incorpora nuevas funcionalidades, especialmente para el maquetador visual Elementor. En mi caso utilizaré Gutenberg, el cual ya está incorporado de forma nativa en WordPress 5.0 en adelante.
¿Aún estás en una versión de WordPress anterior a 5.0?
Pierde el miedo a actualizar y considera seguir estos pasos para hacerlo bien:
- WordPress: Gutenberg vs Classic (editores entradas y páginas)
Así sabes qué diferencia hay entre ambos editores - Plugin – Editor Clásico. Si aún no has actualizado a la versión 5.0 de WordPress (con el editor Gutenberg de forma nativa), te recomiendo instales antes este plugin. En el siguiente vídeo explico su comportamiento:
– Instala plugin ‘Classic Editor’ antes de actualizar a WordPress 5.0.3 - SECCIÓN 3 (S3) – Qué es una Copia de Seguridad y para qué sirve
Antes de actualizar WordPress, a una nueva versión, procura hacer una copia de seguridad
Videotutorial
En este vídeo te muestro principalmente lo siguiente:
00:30 – Recordando la utilidad del videotutorial ‘WordPress: tema Astra. Menú superior / inferior‘
00:46 – Recordando la utilidad del videotutorial ‘WordPress: tema hijo Astra. Qué es. Crea. Instala‘ (os explico incidencia que sufrí yo por no haberlo creado en otra instalación de WordPress, y de ahí la insistencia en que lo creéis)
01:27 – Acceso al escritorio de WordPress con lo ultimo que vimos del tema Astra, creación del tema hijo en Apariencia → Temas
02:03 – Una vez instalado/activado el tema, padre o hijo, de Astra tenemos una nueva pestaña en el menú: Apariencia → Opciones de Astra. Repasamos todas las opciones (panel de control) del tema
03:40 – Importar una Plantilla de Inicio (Starter Templates), también denominadas Plantillas Prediseñadas
06:00 – Instala el plugin importador. Tras hacer clic en este enlace quedará cargando el mensaje ‘Activando…’. En unos pocos segundos saldrá una ventana nueva (Apariencia → Starter Templates) para que selecciones el tipo de maquetador visual del que deseas ver sus plantillas de inicio. No te preocupes porque más adelante puedes cambiar de maquetador visual si lo deseas
07:00 – Selecciono el maquetador visual que deseo, en mi caso Gutenberg. Y ya me carga todas sus plantillas, en lo que parece el repositorio de temas en la nube del equipo Brainstorm Force (creadores tema Astra)
07:42 – Dónde seleccionar el tipo de plantillas que queremos, sean por temáticas o gratuitas
08:12 – Icono sincronizar con la biblioteca de la compañía Brainstorm Force, para ver si han incluido nuevas plantillas
08:36 – Icono corazón sirve para marcar tus plantillas favoritas y tener un acceso más rápido a las mismas
08:50 – Desde donde puedes cambiar a otros tipo de maquetador visual para ver, en cualquier momento, las plantillas que tiene cada uno de ellos
09:12 – Empiezo a marcar favoritos (icono corazón) algunas plantillas, para luego decidir cuál importar a mi sitio web
09:42 – Selecciono una plantilla como mi favorita a importar pero antes voy a ver qué trae de interesante. Qué opciones tengo de importación y previsualización
12:08 – Antes de importar hay que recordar qué habíamos creado en nuestro sitio web previamente
12:34 – Vamos a importar el sitio web completo (todas las plantillas de página). Aquí nos sale una ventana emergente con varias casillas marcadas de lo que se va a importar. Breve explicación de cada una de ellas. Tener paciencia en este paso
16:15 – Haz clic en el botón: Ver el sitio. Se cargara la plantilla completa en tu sitio web, sustituyendo tu maquetación anterior propia
17:00 – Ahora os preguntaréis qué ha pasado con nuestro menú, el que habíamos creado previamente. ¿Sigue permaneciendo? ¿Dónde lo podemos ver? ¿Por qué de repente no lo vemos? ¿Dónde puedo ver el menú actual de esta plantilla?
19:53 – Cómo podemos editar con Gutenberg cada página. Así mismo qué complemento y plugin especial ha incorporado esta plantilla para trabajar con el maquetador visual de Gutenberg
22:30 – Despedida de mi canal YouTube. Suscribiros (campana Todas) para que os lleguen notificaciones de nuevos vídeos a vuestro email. Compartid, dar me gusta, comentad lo que consideréis. Nos vemos en un próximo vídeo.
Opinión
¿Qué os ha parecido este descubrimiento? Yo ahora tengo más claro la cantidad de posibilidades que el equipo creador del tema Astra nos está regalando con este plugin, Starter Templates.
Dicho plugin está disponible desde el repositorio de WordPress, sitio que siempre que entran nuevos plugins tienen un periodo de revisión exhaustivo.
Lo cierto es que yo tengo un curso online, ahora gratuito, donde te enseño:
Como ya ves Starter Templates funciona con cualquier tema del repositorio de WordPress, al menos desde la versión 2.0 según sus creadores. En mi curso yo utilizo el tema Primer (de GoDaddy) y el maquetador visual SiteOrigin que no está entre los seleccionados en Starter Templates.
Pero por encima de las tecnologías utilizadas hay clases previas donde te enseño qué debes tener en cuenta antes de crear un sitio web con “x” tema y “x” maquetador visual. Échale un vistazo, seguro que descubres algo interesante para distinguirte de tu competencia.
Cualquier consulta, relacionada con este artículo, déjamela en los comentarios.
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.