TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

Imagen de fondo diferente para diferentes páginas en Weebly

11

Personalización de la imagen de fondo de Weebly

Weebly ofrece más de 100 plantillas con imagen de fondo fija, en este artículo explicamos las siguientes dos posibilidades de cambiar la imagen de fondo en un tema de Weebly.

  • Cambiar la imagen de fondo de todas las páginas
  • Establecer diferentes imágenes de fondo para diferentes páginas

En ambos casos, debe preparar sus propias imágenes de fondo que se adapten a la plantilla de su sitio. También tiene la opción de utilizar el editor de imágenes de fondo de Weebly.

Cambiar la imagen de fondo de su sitio

  • Prepare una imagen que se adapte al diseño y la navegación de su plantilla.
  • Inicie sesión en su cuenta de Weebly y edite el sitio en el que desea cambiar la imagen de fondo.
  • En el editor de Weebly, vaya a la pestaña "Diseño" y haga clic en el botón "Editar HTML / CSS".
  • Haga clic en "Agregar nuevo (s) archivo (s)" en la sección "Archivos" y cargue su imagen de fondo.

Imagen de fondo diferente para diferentes páginas en Weebly

Cambiar la imagen de fondo de un sitio Weebly

  • Vaya a "main-style.css" disponible en la sección "CSS".
  • Busque el cuerpo del CSS y reemplace la última línea en la sección del cuerpo. Generalmente será algo como a continuación:
background: url(main-bg.jpg) repeat;
  • Reemplace la línea con el siguiente código:
background: url (Your-Background-Image-Name.jpg) repeat;
  • Si nombró la imagen de fondo cargada como image1.jpg, entonces el código se verá como a continuación:
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • Guarde su tema y publique el sitio web. Abra el sitio en el navegador para verificar que la imagen de fondo se haya cambiado a la nueva imagen a medida que la subió.

Configuración de diferentes imágenes de fondo para diferentes páginas de su sitio

  • Siga los mismos pasos en el método anterior para cargar los archivos de imágenes, aquí debe cargar la cantidad de imágenes necesarias para mostrarlas en diferentes páginas de su sitio.
  • Nombra las imágenes como image1.jpg, image2.jpg y así sucesivamente.
  • Vaya a la pestaña " Páginas " y elija la página en la que desea cambiar la imagen de fondo.
  • Haga clic en la opción "Configuración avanzada" y pegue el código a continuación en la sección "Código de encabezado" como se muestra en la imagen de abajo.

Imagen de fondo diferente para diferentes páginas en Weebly

Cambiar la imagen de fondo de una página de Weebly

  • Aquí "image1.jpg" es el nombre de la imagen de fondo que cargó.
  • Pegue el mismo código en la sección de código de encabezado de diferentes páginas cambiando el nombre de la imagen como "image2.jpg", "image3.jpg", etc.
  • Publique su sitio y las diferentes páginas mostrarán diferentes imágenes de fondo cuando el sitio se cargue en el navegador.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More