!Estamos aquí para ayudarte¡ Escríbenos aquí.

Tutoriales

cargando...

¿Puedo agregar mi propio estilo/plantilla? ¿O puedo personalizar uno en Yola?

A pesar de que en la actualidad no es posible cargar tu propia plantilla o estilo, nosotros proveemos una gran selección de estilos de plantillas gratuitos y Premium. Además de esto, los suscriptores de Yola SIlver y Yola Gold pueden editar la CSS de sus sitios para personalizarlos aun mas. 

Yola te da la opción de cambiar el color de fondo de tu estilo, o también la opción de subir tu propia imagen de fondo ¡o ambas opciones a la vez! ¡También puedes aplicar tu estilo a todas tus páginas! Por favor ten en cuenta que no todos los estilos tienen esta opción. 

Si deseas saber si la opción para editar la imagen de fondo esta disponible para un estilo en particular, simplemente haz clic en la pestaña Estilo en el menú de la parte inferior del Constructor de Sitios. Si "flotas" el cursor del ratón sobre la diapositiva de cada estilo aparecerá una ventana con las características de ese estilo. También puedes probar el estilo en tu sitio al hacer clic en la misma diapositiva - no te preocupes, con esto no perderás ningún banner personalizado o código que tengas en tu estilo actual

Para cambiar el color de fondo:

  1. Haz clic en el botón “Estilo” que está en menú inferior. Selecciona “Edite su fondo”.
  2. Se abrirá una ventana de dialogo, haz clic en la flecha con menú desplegable que está al lado de “Relleno de Fondo”, luego se abrirá el seleccionador de colores.
  3. Selecciona el color que deseas usar y haz clic en “OK”. Si conoces o sabes el “Hex Value” o valor hexadecimal del color que deseas utilizar, introduce el valor en el espacio demarcado (éste es un enlace a un Generador de Valor Hexadecimal).

Para subir tu propia imagen de fondo:

  1. Haz clic en el botón “Estilo” que está en menú inferior. Selecciona “Edite su fondo”.
  2. Se abrirá una ventana de dialogo, marca el recuadro que esta al lado de “Utilice una imagen de fondo”.
  3. Se abrirá el panel de opciones de carga en donde podrás subir una imagen desde tu computadora, o usar una de las que ya están almacenadas en el Administrador de Archivos.
  4. Una vez que la imagen sea cargada, personaliza tu configuración – si deseas que la imagen sea una baldosa de repetición (tile repetition), en que parte de la página deseas que el fondo aparezca, o si deseas que el fondo se desplace hacia abajo con el resto del contenido.

Para aplicar los cambios de estilo en todas tus páginas:

Tu puedes aplicar el mismo fondo en todas tus paginas en tu sitio, en vez de cambiar el fondo en cada pagina individualmente. 
  1. Haz clic en el botón “Estilo” que está en menú inferior. Selecciona “Edite su fondo”.
  2. En la parte inferior de la ventana que se abre a continuación marca la casilla que esta al lado de "Aplicar en todas las páginas". 
  3. Haz clic en aceptar y los cambios realizados en tu fondo serán aplicados en todas tus páginas. 

Para más información sobre como personalizar tu estilo de fondo, por favor revisa nuestro tutorial: Personaliza tu Estilo.

Para usar el editor de CSS del sitio:

El CSS del Sitio es una excelente manera para realmente personalizar tu sitio web. El CSS (Cascading Style Sheet por sus siglas en ingles) es un conjunto de reglas o lenguaje de programación que determina la forma en que tu página web va a aparecer. Al tener acceso a la función de CSS del Sitio tendrás la capacidad de ajustar los códigos CSS de tu sitio para obtener un aspecto y apariencia perfectos. Estos algunos pasos generales para ajustar el CSS:
  1. Haz clic en la pestaña “Estilo”, luego haz clic en “Editar el CSS personalizado”.
  2. A continuación se abrirá la ventana del CSS del sitio en la que podrá ver las anulaciones del CSS del sitio en el lado izquierdo y, en el lado derecho podrás ver una pestaña de Vista Previa (para ver los cambios), otra pestaña del CSS del Sitio (para ver los códigos de CSS que se están usando por defecto) y finalmente una pestaña del Código HTML (para ver los códigos HTML que se están usando por defecto).
  3. Dirígete a la pestaña “CSS del Sitio” para localizar la porción de código que deseas cambiar. Una vez que hayas encontrado en código que estás buscando, copia el código y pegalo en la parte derecha de la ventana “Anulaciones del CSS del sitio”.
  4. Realiza los cambios que deseas.
  5. En la parte inferior izquierda de la ventana, desmarca el recuadro que está al lado de “Desactivar las anulaciones del CSS del sitio”.
  6. Haz clic en “Vista Previa” para ver los cambios realizados.
  7. Una vez que hayas realizado todos los ajustes que deseas, haz clic en “Aceptar”. A continuación podrás ver que los cambios han sido aplicados a todas las páginas en tu Constructor de Sitios.

Por favor toma nota:
La función del CSS del Sitio está disponible únicamente con los paquetes Yola Silver y Yola Gold. Esta función es recomendada para los usuarios con conocimientos avanzados quienes están cómodos con la manipulación y escritura de código HTML. Yola puede proveer únicamente asistencia básica con este proceso. Estos son dos recursos útiles para la modificación del código CSS: Desarrollo Web y Guía Breve de CSS.