Erstellen Sie eine Single-Page-Website

A Einseitige Website zeigt alles auf einer Seite an. Diese Websites zeigen nach dem Laden die gesamte Seite (Website) an, und wenn der Website-Besucher auf jeden Menüpunkt in der Kopfzeile klickt, werden verschiedene Abschnitte der Seite aufgerufen und angezeigt.

Diese Arten von Websites haben viele Vorteile wie eine einfache und einfache Navigation, sind für Mobilgeräte optimiert, steigern die Interaktion der Website-Besucher, höhere Konversionsraten und sind einfach zu erstellen und zu warten. Diese eignen sich für Zielseiten, ereignisbasierte Websites und die Präsentation Ihrer Portfolios kurz und knackig.

Dies kann mit einem lebenswichtigen Element namens erreicht werden Abschnitts-ID die in angegeben werden können Abschnitt Einstellungen.

In diesem Artikel erfahren Sie, wie Sie eine einseitige Website mit der Abschnitts-ID und erstellen Menüpunkt verlinken.

In diesem Artikel:

1. Erstellen Sie eine Seite und fügen Sie Abschnitte hinzu
2. Geben Sie die Abschnitts-ID an
3. Seite als Startseite festlegen
4. Erstellen Sie Link-Menüelemente mithilfe der Abschnitts-ID
5. Aktivieren Sie die Zurück-nach-oben-Schaltfläche
6. Sticky-Navigation aktivieren

Erstellen Sie eine Seite und fügen Sie die Abschnitte hinzu

• Der erste Schritt ist zu eine neue Seite erstellen machen fügen Sie Ihre gewünschten Abschnitte hinzu verbunden.
• Sie müssen alle Abschnitte erstellen, die mit den jeweiligen Menüpunkten (wie Über uns und Kontaktseiten) verknüpft werden sollen.

Geben Sie die Abschnitts-ID an

• Nachdem Sie die Abschnitte zur Seite hinzugefügt haben, besuchen Sie die Abschnittseinstellungen aller hinzugefügten Abschnitte und Geben Sie die Abschnitts-ID an zu jedem von ihnen.

Seite als Startseite festlegen

Als nächstes gehen Sie zu Webseite Sektion, Legen Sie die Seite als Startseite fest (1) und Blenden Sie es aus dem Website-Menü / der Navigation aus (2).

Erstellen Sie Link-Menüelemente mithilfe der Abschnitts-ID

Jetzt, Erstellen Sie die Verknüpfungsmenüelemente wie „Home“, „Info“, „Arbeit“, „Kontakt“ usw.

Gehen Sie wie folgt vor, um das Verknüpfungsmenüelement mit einem Abschnitt der Seite zu verbinden: 

• Von dem Webseite Bewegen Sie den Mauszeiger über den Link-Menüpunkt und klicken Sie auf den Symbol mit drei vertikalen Punkten (1) daneben.
• Wähle aus Einstellungen Option (2) aus der Dropdown-Liste.
• Scrollen Sie als Nächstes nach unten zu Linkziel Abschnitt (3), wählen Sie die aus Seitenabschnitt Registerkarte (4), und geben Sie die an Abschnitts-ID (5) des Abschnitts, den Sie verlinken möchten.
• Die Abschnitts-ID sollte die gleiche sein wie im Seitenabschnitt ohne Leerzeichen angegeben.
• Schließlich schlagen Sie die Speichern Taste (6).

Aktivieren Sie die Zurück-nach-oben-Schaltfläche

Es ist hilfreich, eine Schaltfläche zu haben, die eingeblendet wird, wenn Sie nach unten scrollen, und am unteren Rand des Browsers schwebt. Sie können ganz einfach nach oben scrollen, indem Sie darauf klicken.

• Um die Zurück-nach-oben-Schaltfläche zu aktivieren, gehen Sie zu Design Abschnitt und klicken Sie auf die Fußzeile Tab oder einfach tippen nach oben im Suchfeld so:

• Scrollen Sie als Nächstes nach unten zu Nach oben-Taste Abschnitt und aktivieren Sie die Schaltfläche.

Mehr erfahren.

Sticky-Navigation aktivieren

Sie können auch die Sticky-Navigation über Ihrer Kopfzeile aktivieren, um das Aussehen Ihrer Website zu verbessern. WEITERE INFORMATIONEN .

Sehen Sie sich eine Demoseite mit Sticky-Navigation an.

Voila! Ihre einseitige Website ist jetzt fertig. Sie können einfach auf die klicken Anzeigen Site Schaltfläche oben vorhanden, um Ihre Website anzuzeigen.

Prüfen Sie die Erstellen Sie Ihre Website auf Pixpa – Die vollständige Anleitung Artikel, um mehr über andere Anpassungen zu erfahren, die Sie an Ihrer Website vornehmen können.

Hier sind ein paar Demo-Single-Page-Websites: