Cómo hacer tus propios temas y plantillas en Google Sites

Inicio / Crea tu proyecto

Índice de contenidos:

Debes saber que si no quieres perder el tiempo en personalizar tu plantilla y tema, Google Sites te ofrece varias opciones gratuitas para que empieces tu proyecto a partir de ahí.

Se dividen en cuatro grupos y dentro de cada grupo tenemos diferentes opciones de plantillas:

:

1. Personal

   • La familia crece

   • Currículum

2. Trabajo

   • Evento

   • Centro de ayuda

   • Proyecto

   • Equipo

3. Pequeña empresa

   • Paseador de perros

   • Fiesta de empresa

   • Dosier fotográfico

   • Restaurante

   • Salón de belleza

   • Boda

4. Educación

   • Doctorados

   • Profesores

   • Clase

   • Club

   • Presentación del alumno

Mi consejo, es que te ayudes de cualquiera de ellas, para a partir de ahí, modificar y personalizar la plantilla a tu gusto. Así que sigue leyendo y te digo como puedes hacerlo.

Todos los que usáis Google Sites ya estáis familiarizados con el panel de herramientas situado a la derecha del editor.

Hacemos clic en "Temas" y pinchamos en "+" para crear un nuevo tema.

Cómo veis yo ya he creado uno, "TOC".

No te preocupes por todas estas acciones ya que luego se pueden modificar a tu gusto.

Este apartado es el que más va a influir en el aspecto del tema de tu plantilla web, ya que vas a determinar los colores del tema.

Predeterminado

Elegiremos el color sobre el que girará el resto de la paleta de colores.

Estilos 1,2,3

Cómo ya sabrás, en cada bloque de texto que insertamos en nuestro Google Sites, podemos elegir cómo queremos que se vea, seleccionando uno de los tres estilos que hay.

Esto se hace desde la parte izquierda del bloque te texto, donde salen los iconos de una paleta de colores (justo este es el que selecciona el estilo), un icono para duplicar bloque y otro con una papelera.

Fondo

Esto es sencillo, elegimos el fondo sobre el que vamos a escribir y plasmar nuestras ideas. Yo en este caso he elegido el blanco.

Títulos y encabezados

• Título

• Encabezado

• Subtítulo

Podemos determinar diferentes colores delos que hay disponibles o usar un código de color que sea de tu agrado. Es un modo de destacar apartados del texto, resaltando con distintos colores la importancia de este.

Texto del  cuerpo

• Texto normal

• Testo pequeño

Poco hay que decir, determinamos los colores que queremos para nuestra web, así de sencillo.

Hasta aquí, todos estos aspectos variaran, dependiendo del estilo que elijamos en los bloques de texto, recuerda, estilo1, estilo 2 o estilo 3.

Aquí si que vamos a determinar, el estilo de texto general de toda nuestra página.

Seleccionaremos el estilo de texto y le aplicaremos el formato que decidamos:

• Texto normal

• Título

• Encabezado

• Subtítulo

• Texto pequeño

Podemos elegir la fuente, tamaño, formato, alineación, interlineado y espaciado de párrafo. Así con cada uno de los estilos de texto.

Google Sites nos da la opción de cambiar el fondo del encabezado del sitio, directamente desde aquí, así como el logotipo y el icono de la página, al igual que se puede hacer desde la edición del sitio.

Fondo

Desde este apartado podemos personalizar la apariencia de nuestro menú de navegación.

Podemos elegir el color de fondo o transparente. Yo en mi caso he elegido el color blanco como fondo.

Página seleccionada

Cuando seleccionemos una de las páginas del menú tendremos varias opciones a configurar.

Podremos elegir el color de fondo de la pestaña o que sea transparente.

Navegación superior:

• Color de primer plano

• Color de fondo

• Negrita

• Subrayado

Navegación lateral:

Tenemos las mismas opciones y además otras dos

• Sombreado

• Línea al lado

Ya sólo queda que elijas la que más te guste y vayas jugando con todas las opciones.

Por último sólo queda determinar que color tendrá la página seleccionada.

En este apartado vamos a personalizar los estilos de varios componentes que podemos utilizar en cualquier bloque que utilicemos en nuestra edición. Tenemos tres estilos.

Botón

Son estos botones que se pueden utilizar para llamadas a la acción.

Hay tres formas de personalizar el botón en los tres estilos:

• Botón con relleno 

• Botón con contorno

• Botón con texto

Recuerda que pinchando en el ojo puedes previsualizar el resultado antes de aplicar el estilo.

Divisor

Esta personalización es muy sencilla, el divisor es una línea como la que te muestro a continuación para determinar o delimitar espacios dentro de la web.

Podemos determinar color y grosor de la línea.

Enlace

Elije el color con el que se verán tus enlaces. Por ejemplo "Cómo hacer un blog en Google Sites". Como verás he elegido el color azul, pero tu puedes elegir cualquier otro.

Carrusel de imágenes

Cómo puedes observar podemos elegir el punto activo del carrusel, donde elegimos cada imagen. En este caso he optado por el rojo.

Esta es una función que ha tardado en llegar pero que resulta muy útil, dependiendo del estilo que quieras aplicar a tu sitio web.

Tienes tres opciones de densidad, que es básicamente el espaciado que van a tener los elementos de la página:

• Compacta

• Agradable

• Cómoda

Sólo tienes que probar y elegir la que más te gusta. Yo tengo seleccionada la opción cómoda, pero depende del proyecto y los gustos.

Como habrás observado, poco a poco, Google Sites evoluciona y dota de más funcionalidades al constructor web. Faltan desde luego todavía muchas funcionalidades que se echan en falta y que si tienen productos como Blogger. 

Funciones más enfocadas al SEO, decidir si queremos que nuestros enlaces sean follow, dofollow, volver a poder utilizar Adsense como antiguamente, etc. Pero vamos por el buen camino.

Contenido relacionado:

• Crea una tienda de Amazon Afiliados con Google Sites

• Cómo hacer un blog en Google Sites

• Google Sites y G Suite herramientas perfectas para tu proyecto digital

• Conectar dominio personalizado con Google Sites