TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

Unterschiedliches Hintergrundbild für unterschiedliche Seiten in Weebly

9

Anpassen des Weebly-Hintergrundbilds

Weebly bietet mehr als 100 Vorlagen mit festem Hintergrundbild an, in diesem Artikel erklären wir die folgenden zwei Möglichkeiten, das Hintergrundbild in einem Weebly-Theme zu ändern.

  • Hintergrundbild für alle Seiten ändern
  • Legen Sie verschiedene Hintergrundbilder für verschiedene Seiten fest

In beiden Fällen müssen Sie Ihre eigenen Hintergrundbilder vorbereiten, die der Vorlage Ihrer Site entsprechen. Sie haben auch die Möglichkeit, den Weebly-Hintergrundbildeditor zu verwenden .

Ändern des Hintergrundbilds Ihrer Site

  • Bereiten Sie ein Bild vor, das zu Ihrem Vorlagendesign und Ihrer Navigation passt.
  • Melden Sie sich bei Ihrem Weebly-Konto an und bearbeiten Sie die Site, deren Hintergrundbild Sie ändern möchten.
  • Gehen Sie im Weebly-Editor zur Registerkarte „Design” und klicken Sie auf die Schaltfläche „HTML/CSS bearbeiten”.
  • Klicken Sie im Abschnitt „Dateien” auf „Neue(n) Datei(en) hinzufügen” und laden Sie Ihr Hintergrundbild hoch.

Unterschiedliches Hintergrundbild für unterschiedliche Seiten in Weebly

Hintergrundbild einer Weebly-Site ändern

  • Gehen Sie zu „main-style.css”, verfügbar im Abschnitt „CSS”.
  • Suchen Sie den Body des CSS und ersetzen Sie die letzte Zeile im Body-Abschnitt. Im Allgemeinen wird es etwa wie folgt aussehen:
background: url(main-bg.jpg) repeat;
  • Ersetzen Sie die Zeile durch den folgenden Code:
background: url (Your-Background-Image-Name.jpg) repeat;
  • Wenn Sie Ihr hochgeladenes Hintergrundbild als image1.jpg benannt haben, sieht der Code wie folgt aus:
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • Speichern Sie Ihr Thema und veröffentlichen Sie die Website. Öffnen Sie die Site im Browser, um zu überprüfen, ob das Hintergrundbild beim Hochladen in das neue Bild geändert wird.

Einstellen verschiedener Hintergrundbilder für verschiedene Seiten Ihrer Site

  • Befolgen Sie die gleichen Schritte wie in der obigen Methode, um die Bilddateien hochzuladen. Hier müssen Sie die Anzahl der Bilder hochladen, die für die Anzeige auf verschiedenen Seiten Ihrer Website erforderlich sind.
  • Benennen Sie die Bilder als image1.jpg, image2.jpg usw.
  • Gehen Sie zur Registerkarte „ Seiten ” und wählen Sie die Seite aus, deren Hintergrundbild Sie ändern möchten.
  • Klicken Sie auf die Option "Erweiterte Einstellungen" und fügen Sie den folgenden Code in den Abschnitt "Header-Code" ein, wie im folgenden Bild gezeigt.

Unterschiedliches Hintergrundbild für unterschiedliche Seiten in Weebly

Hintergrundbild einer Weebly-Seite ändern

  • Hier ist „image1.jpg” der Name des von Ihnen hochgeladenen Hintergrundbildes.
  • Fügen Sie denselben Code in den Header-Code-Abschnitt verschiedener Seiten ein, indem Sie den Bildnamen in „image2.jpg”, „image3.jpg” usw. ändern.
  • Veröffentlichen Sie Ihre Site und verschiedene Seiten zeigen unterschiedliche Hintergrundbilder, wenn die Site im Browser geladen wird.

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen