2.4 · Plantillas: bloques y páginas predefinidos

Nivel 2 · Intermedio: diseño y contenido rico

2.4Plantillas: bloques y páginas predefinidos

Objetivo: ganar tiempo con la biblioteca de plantillas (bloques, páginas, kits) y crear/personalizar tus propias plantillas.
Tiempo estimado: 12 min · lectura autónoma · Si solo tienes 5 min: lee «Lo esencial en 30s» + el esquema.

Lo esencial en 30 segundos

  • La biblioteca de plantillas ofrece bloques (secciones listas), páginas enteras y kits (sitios completos).
  • Se pueden guardar tus propias secciones/páginas como plantillas reutilizables.
  • Siempre personalizar una plantilla insertada a tu identidad (colores/fuentes de la guía de estilo, textos reales).

Hilo conductor — Nadia va más rápido

Para la página "contacto" del carpintero, Nadia parte de un bloque "contacto" listo para usar: gana tiempo. Lo adapta a la guía de estilo (colores, fuente) y sustituye los textos falsos por los reales. Luego guarda su banda propia como plantilla para reutilizarla en otras páginas — y en sus próximos proyectos.

Continúa 2.3 — tras la guía de estilo, la productividad.

1. Bloques, páginas, kits

La biblioteca de plantillas acelera el trabajo. Un bloque es una sección lista (banda, precios, testimonios, contacto). Una página es una maquetación completa. Un kit es un conjunto coherente (varias páginas + estilos) para arrancar un sitio entero.

Se inserta una plantilla, luego se adapta. También se puede guardar cualquier sección/página que hayas creado como plantilla personal, para reutilizarla en el sitio o exportarla a otro proyecto.

2. Siempre personalizar

Una plantilla insertada llega con colores, fuentes y textos genéricos. La regla: personalizarla — aplicar la guía de estilo (colores/fuentes globales del sitio) y sustituir los textos/imágenes falsos por los reales. Una plantilla no adaptada parece "plantilla" y rompe la coherencia.

En Pro, los elementos globales van más lejos: un elemento (p. ej. un bloque de llamada a la acción) reutilizado en varios sitios se modifica en todas partes de una vez.

Error frecuente de interpretación: "Inserto una plantilla y listo". No: una plantilla llega con estilos y textos genéricos. Sin personalizarla (guía de estilo, contenidos reales), el sitio parece estándar e incoherente.
Plantillas: insertar y luego personalizar Elegir un bloque, una página o un kit, insertarlo, luego adaptarlo a tu guía de estilo y tus contenidos reales; guardar tus propias plantillas. BibliotecaBloque / página / kit → PersonalizarGuía de estilo + contenidos reales → Guardar tu plantillaReutilizar / exportar Insertar hace ganar tiempo; personalizar evita el efecto "plantilla".
Insertar → personalizar (guía de estilo + contenidos reales) → guardar para reutilizar.
Versión en texto del esquema (SEO / lectores de pantalla / traducción): La biblioteca ofrece bloques (secciones listas), páginas y kits (sitios completos). Se inserta, luego se personaliza (guía de estilo global + textos/imágenes reales). Se pueden guardar tus propias plantillas para reutilizar/exportar. En Pro, los elementos globales se modifican en todas partes de una vez. Lección: siempre personalizar.

🔎 Ejemplo concreto — Página de contacto en dos pasos (caso Nadia)

1. Insertar un bloque "Contacto" listo para usar.
2. Aplicar la guía de estilo (colores/fuentes globales).
3. Sustituir los textos/imágenes falsos por los reales (dirección, teléfono, taller).
4. Guardar la banda propia como plantilla reutilizable.
→ Rápido, pero con la identidad del carpintero.

Resultado: productividad sin efecto "plantilla".

Lección: insertar rápido, personalizar siempre.

Vocabulario de la sección

Biblioteca de plantillas
Colección de bloques (secciones listas), páginas y kits para insertar.

Ejemplo sencillo: Nadia parte de un bloque "contacto".

Lo que no es: recrearlo todo a mano cuando existe una plantilla.

Reflejo: ¿necesidad estándar? buscar un bloque primero.

Bloque / página / kit
Bloque = una sección lista; página = una página entera; kit = un sitio completo (páginas + estilos).

Ejemplo sencillo: bloque "precios", página "acerca de", kit "artesano".

Lo que no es: confundir un bloque con un kit entero.

Reflejo: sección → bloque; sitio → kit.

Tus propias plantillas
Guardar una sección/página creada para reutilizarla (sitio u otro proyecto).

Ejemplo sencillo: la banda propia, guardada y reutilizada.

Lo que no es: rehacer la misma banda en cada proyecto.

Reflejo: ¿un elemento reutilizable? guardarlo como plantilla.

Personalizar las plantillas
Adaptar una plantilla insertada a tu guía de estilo (colores/fuentes) y tus contenidos reales.

Ejemplo sencillo: aplicar la paleta del sitio y los textos reales.

Lo que no es: dejar los colores y textos falsos de la plantilla.

Reflejo: tras insertar, siempre personalizar.

Elementos globales (Pro)
Un elemento reutilizado en varios sitios, modificable en todas partes de una vez.

Ejemplo sencillo: un bloque de llamada a la acción global.

Lo que no es: copiar y pegar el mismo bloque y actualizarlo en todas partes a mano.

Reflejo: elemento repetido → global (Pro).

En la práctica — Usar y crear plantillas

  1. Inserta un bloque listo para usar (p. ej. contacto o precios).
  2. Aplica tu guía de estilo (colores/fuentes globales).
  3. Sustituye todos los textos e imágenes falsos por los reales.
  4. Guarda una de tus secciones como plantilla reutilizable.
Ganas tiempo con las plantillas sin caer en el efecto "plantilla", y vas formando tu biblioteca.

Guion listo para decir — explicar el ahorro de tiempo al cliente (20 s)

"Para ir más rápido, parto de secciones probadas que adapto por completo a su identidad: sus colores, sus fuentes, sus textos y fotos reales. Gana en plazo sin perder en personalización — el sitio sigue siendo el suyo, no una plantilla estándar."

Vender la rapidez sin dejar temer un sitio "hecho".

Plantilla para copiar y pegar — comprobación de una plantilla insertada

PLANTILLA INSERTADA: _______________ (bloque / página / kit)
GUÍA DE ESTILO APLICADA (colores/fuentes globales): sí / no
TEXTOS FALSOS SUSTITUIDOS: sí / no
IMÁGENES REALES: sí / no
ENLACES/BOTONES COMPROBADOS: sí / no
¿GUARDADA COMO PLANTILLA REUTILIZABLE?: sí / no

Arranque rápido

Partir de un kit coherente, luego adaptarlo todo a la guía de estilo del cliente.

Sección puntual

Un bloque "precios" o "contacto" basta, personalizado.

Reutilización

Guardar tus secciones propias para tus futuros proyectos freelance.

Pro

Elementos globales para una llamada a la acción presente en varias páginas.

✓ Buenas prácticas

  • Partir de una plantilla para una necesidad estándar.
  • Aplicar siempre la guía de estilo y los contenidos reales.
  • Guardar tus secciones reutilizables.

✗ Errores frecuentes

  • Dejar los colores/textos genéricos de una plantilla.
  • Rehacer a mano lo que un bloque proporciona.
  • Copiar y pegar un mismo bloque en todas partes en vez de un elemento global (Pro).

Puntos clave

  • Biblioteca: bloques, páginas, kits.
  • Guardar tus propias plantillas.
  • Siempre personalizar (guía de estilo + contenidos reales).
  • Pro: elementos globales modificables en todas partes.

Reto 48h — aplica mañana

Inserta un bloque listo para usar, aplica tu guía de estilo, sustituye todos los contenidos falsos, luego guarda una de tus secciones como plantilla reutilizable. 20 minutos.

Lista de salida de la sección
  • Inserto una plantilla y la adapto a la guía de estilo.
  • Sustituyo todos los contenidos falsos.
  • Guardo mis secciones reutilizables.
Autoevaluación 1-5: ¿mis plantillas ya no tienen el efecto "plantilla"?¿voy formando una biblioteca reutilizable?

Preguntas frecuentes

¿Qué diferencia hay entre un bloque, una página y un kit?

Un bloque es una sección lista (banda, precios…); una página es una maquetación completa; un kit agrupa varias páginas y estilos para arrancar un sitio entero.

¿Debo personalizar siempre una plantilla?

Sí: aplica tu guía de estilo (colores/fuentes globales) y sustituye los textos/imágenes falsos por los reales. Si no, el sitio parece estándar e incoherente.

¿Puedo reutilizar mis propias creaciones?

Sí: guarda cualquier sección/página como plantilla personal, reutilizable en el sitio o exportable a otro proyecto — un ahorro de tiempo duradero.

Comprueba tu comprensión — escenario

Nadia inserta un bloque "contacto" listo para usar. ¿Qué debe hacer a continuación?

Recursos adicionales (opcional, para ir más allá)

Examen del nivel 2Preguntas inéditas y más difíciles para validar tus conocimientos