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

Por fin Google ha dotado de funcionalidades extra y de personalización a Google Sites. Ahora podremos diseñar nuestros propios temas y plantillas web, adquiriendo de personalidad propia. Ahora podremos cambiar los colores de nuestra web, las fuentes, aspecto de los botones, enlaces, etc.

Índice

Cómo crear tu propio tema

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".


Crear tema nuevo Google Sites
Elegir paleta de colores nuevo tema de Google Sites
Fuentes nuevo tema de Google Sites

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

Colores

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.

Texto

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.

Imágenes

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.

Navegación

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.

Componentes

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.

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.

Comparte: