Cómo hacer tus propios temas y plantillas en Google Sites
¡La espera ha terminado! Si eres de los que utilizan Google Sites para crear tu página web o blog, estarás encantado de saber que Google ha lanzado una nueva actualización que permite personalizar aún más el diseño de tu sitio web. Ahora puedes diseñar tus propios temas y plantillas web, dándole a tu página web o blog una personalidad única y distinta.
Actualizado 14-04-2024 por Tomás Olid
Índice de contenidos:
Plantillas gratis que ofrece Google Sites
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:
:
Personal
La familia crece
Currículum
Trabajo
Evento
Centro de ayuda
Proyecto
Equipo
Pequeña empresa
Paseador de perros
Fiesta de empresa
Dosier fotográfico
Restaurante
Salón de belleza
Boda
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.
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".
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.
Espaciado
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.
