Blog | Sitely-Dokumentation

In seiner einfachsten Form ist ein Blog ein Informationsbereich einer Website oder eine eigenständige Website, die aus tagebuchartigen Texteingaben besteht. Beiträge werden in der Regel in umgekehrter chronologischer Reihenfolge angezeigt, sodass der neueste Beitrag zuerst erscheint. Nachrichten- und Magazinseiten sind oft wie Blogs formatiert, um sicherzustellen, dass die neuesten Nachrichten zuerst angezeigt werden, während ältere Nachrichten aus einem Index früherer Artikel ausgewählt werden können. Natürlich können Blogs mittlerweile so gestaltet werden, dass sie Bilder, Videos und andere Website-Elemente enthalten. Im Wesentlichen funktionieren alle Blogs jedoch auf die gleiche Weise.

In Sitely fügst du deiner Website einen Blog hinzu, indem du oben in der Benutzeroberfläche auf das Blog-Symbol klickst. Es sieht so aus.

Wenn du auf dieses Symbol klickst, erscheint ein kleines Pop-up-Fenster, in dem du auswählen kannst, was du erstellen möchtest.

Wenn du dieses Element zum ersten Mal zur Arbeitsfläche hinzufügst, hast du nur die Option „Blog-Eintrag hinzufügen“ und kannst einen neuen Blog erstellen. Diese Option hat zwei Funktionen. Zunächst wird ein Abschnitt mit dem Namen „Blog“ auf deiner Website erstellt. Der Abschnitt enthält automatisch zwei Seiten – eine mit dem Namen „Blog-Index“ und eine mit dem Namen „Blog-Eintrag“.

Diese Seiten werden im Seitenbereich links auf der Benutzeroberfläche angezeigt. Vergiss vorerst die Indexseite und schau dir nur die Seite „Blog-Post“ an. So sieht sie auf der Arbeitsfläche aus.

ISie enthält einen Titel, ein Datum und einen Textplatzhalter für deinen eigentlichen Beitrag. Diese drei Elemente können wie jedes andere Seitenelement in Sitely gestaltet werden. Tatsächlich kannst du dieser Seite jeden beliebigen Inhalt hinzufügen, einschließlich Schaltflächen, Formulare, Bilder, Hauptseitennavigation und Videos – es handelt sich um eine normale Seite wie jede andere.

Der Titel des Blog-Beitrags ist mit einem Textstil namens „Blog-Überschrift-Link“ verknüpft. Wenn du Änderungen am Stil des Titels vornimmst, stelle sicher, dass du den Stil im Stilbereich aktualisierst, indem du auf die Schaltfläche „Änderungen übernehmen“ klickst. Dadurch wird ein einheitliches Aussehen aller deiner nachfolgenden Blog-Beitragstitel gewährleistet.

Dasselbe kann für das Datum gemacht werden, nur dass du in diesem Fall ein Datum festlegen und das Datum und die Uhrzeit formatieren kannst.

Dasselbe kannst du für das Datum und den Textkörper des Blog-Beitrags tun. Das Datum wird als Blog-Metadaten formatiert und der Textkörper des Beitrags entspricht dem Standard-Textkörperstil für deine Website. Wenn du auf der Leinwand ZWEIMAL auf die Überschrift des Blog-Beitrags klickst, ändert sich diese in Seitentitel. Klicke ein drittes Mal und es erscheint ein kleines Pop-up-Fenster, in dem du einen Titel für deinen Blog-Beitrag erstellen kannst.

Diese Elemente der Seite sind sehr wichtig für die Aufrechterhaltung der Integrität des Blog-Abschnitts deiner Website. Es handelt sich dabei um Smart Fields, die von Sitely zur Indexierung deiner Blog-Beiträge verwendet werden, sodass sie nicht gelöscht werden sollten. Du kannst sie verschieben und an einer beliebigen Stelle positionieren, aber sie müssen Teil der Seite bleiben.

Erstellen deines ersten Beitrags

Nachdem du deine wichtigsten Seiten erstellt hast, kannst du deinen ersten Blogbeitrag erstellen. Im Wesentlichen fügst du dem Blogbeitrag Text und andere Inhalte hinzu, die du einfügen möchtest. Du kannst deine Inhalte nach Belieben anordnen. Hier ist ein Beispiel für eine Blogbeitragsseite.

Im obigen Beispiel wurde der Blogname gestaltet und über einem Hintergrundfeld platziert. Es wurde ein Bild hinzugefügt sowie ein Formular für eine Schnellanfrage. Denk daran, dass du deine Seite wie jede andere Seite in Sitely nach Belieben gestalten kannst. Das Einzige, was du unbedingt hinzufügen musst, ist ein Blog-Index-Link. Dies kann eine Schaltfläche oder ein Textlink sein, der Benutzer zur Indexseite deines Blogs zurückführt. Normalerweise sieht der Link in etwa so aus und hat die Aktion „Zum Blog-Index gehen“ eingestellt.

Die Blog-Index-Seite ansehen

Nachdem du deinen ersten Beitrag erstellt hast, solltest du dir nun die Blog-Indexseite ansehen. Das erste, was dir auffallen wird, ist, dass sie identisch mit der Blog-Beitragsseite aussieht, die du gerade erstellt hast, mit einigen zusätzlichen Schaltflächen am unteren Rand der Seite. Dies wäre eindeutig kein typisches Layout einer Blog-Indexseite. Stattdessen solltest du eine kurze Zusammenfassung der Seite bereitstellen, möglicherweise mit einem kleinen Miniaturbild. In manchen Fällen möchtest du vielleicht nur den Titel und das Datum des Beitrags in einer Art „Neueste Nachrichten“-Panel auf der Indexseite anzeigen. Dies ist mit Sitely ganz einfach. Gehe zurück zur Blogbeitragsseite und suche oben links auf der Leinwand nach einem Symbol – es sieht genauso aus wie das Blog-Symbol, das zum Erstellen des Blogs verwendet wurde, aber mit einigen anderen Optionen – wie hier.

Wenn du die Option „Index/RSS-Zusammenfassung anpassen“ auswählst, kannst du entscheiden, welche Elemente der Seite auf der Blog-Indexseite angezeigt werden sollen. Du kannst Elemente löschen, ihre Größe ändern oder neu anordnen – keine Sorge, sie verschwinden nicht aus deinen Haupt-Blogbeiträgen, sondern nur der Eintrag auf der Indexseite wird geändert. In unserem Beispiel haben wir den Blognamen in einer kleineren Schriftart und als schwarzen Text angezeigt. Das Datum wurde rechts neben den Blognamen verschoben. Wir haben das grüne Hintergrundfeld, das Formular und die Schaltfläche zum Senden sowie den Link zum Blogindex entfernt. Wir haben auch die Textmenge reduziert und daraus eine Zusammenfassung gemacht. Außerdem haben wir die Größe des Bildes reduziert und es neu positioniert.

Aber wir sind noch nicht fertig. Wenn du zur Blog-Indexseite zurückgehst, siehst du den Zusammenfassungs-Eintrag auf der Seite. Er wird in einem eigenen Feld angezeigt, sodass du ihn auf der Indexseite verschieben kannst, um ihn an andere Seitenelemente anzupassen. Unter dem Eintrag wird auch eine Seitenschaltfläche angezeigt. Wenn du weitere Blog-Beiträge hinzufügst, füllt sich die Indexseite. Du kannst die Anzahl der Beiträge, die in jedem Index angezeigt werden sollen, festlegen, indem du das Indexfeld auf der Seite auswählst und die Anzahl und den Abstand der Einträge im Stilbereich festlegst. Sobald diese Anzahl erreicht ist, erstellt Sitely zusätzliche Indexseiten und fügt dem Seitenindex weitere Schaltflächen hinzu. Dadurch können Benutzer alle vorherigen Blog-Beiträge durchgehen.

So sieht unsere Blog-Indexseite mit zwei Einträgen aus. Es wird nur eine Seitentaste angezeigt, da wir die Anzahl der Einträge pro Seite nicht überschritten haben. Wenn wir jedoch beispielsweise 10 Einträge hinzufügen, werden zwei Seitentasten angezeigt.

Wenn deine Blog-Beiträge organisiert sind und deine Indexeinträge so gestaltet sind, wie du es möchtest, bist du bereit, das endgültige Aussehen deiner Blog-Indexseite zu entwerfen. Genau wie auf deinen Beitragsseiten kannst du auch auf deiner Indexseite zusätzliche Inhalte hinzufügen, um sie interessanter zu gestalten. In unserem endgültigen Blog-Index-Beispiel haben wir eine Navigationsüberschrift für die gesamte Website, ein Videobanner, etwas Text und eine Schaltfläche „Call to Action“ hinzugefügt.

Die blauen Hintergrundfelder wurden hinzugefügt, als wir die Zusammenfassungen der Indexseiten erstellten, und wurden automatisch auf die Indexseite übertragen. Es ist zu beachten, dass alle gemeinsamen Elemente, die der Blog-Indexseite hinzugefügt werden, auf jede von Sitely erstellte Indexseite übertragen werden, unabhängig von der Anzahl der erstellten Seiten. Die einzigen Elemente, die sich von Seite zu Seite ändern, sind die eigentlichen Blog-Zusammenfassungen.

Seitenlinks
Seitenlinks können wie alle anderen Links in Sitely gestaltet werden. Sie können als reiner Text oder als Schaltflächen gestaltet werden. Du kannst Hintergrundfüllungen, Umrandungen und Rundungen anwenden, um ihnen genau das gewünschte Aussehen zu verleihen. Du gestaltest die Seitenschaltflächen, indem du den Schaltflächenblock auf der Blog-Indexseite auswählst und dann das Stilbedienfeld verwendest, um dein Aussehen anzuwenden. Hinweis: Alle Schaltflächen werden identisch gestaltet – es gibt keine Option für eine individuelle Gestaltung.

Standardmäßig werden Seitenlinks auf der Indexseite zentriert angezeigt. Wenn du einen Blog-Index erstellst, der in einer schmaleren Spalte enthalten sein soll, kannst du den Seitenumbruch-Schaltflächenblock verschieben und in der Größe anpassen, sodass er direkt unter deinen Blog-Zusammenfassungen angezeigt wird, wie hier dargestellt.

Dies ist in der Regel der Fall, wenn deine Blog-Indexseite AUCH die Startseite deiner Website ist. Du hast die Möglichkeit, deine Indexseite in eine Startseite umzuwandeln, indem du sie im Seitenbereich links auf der Benutzeroberfläche auswählst und dann den Seitentyp auf der Registerkarte „Seiten“ rechts auf der Benutzeroberfläche änderst.

Wenn du dich dafür entscheidest, deine Indexseite als Startseite zu erstellen, wird die vorhandene Startseite (index.html) zu einer Standardseite, die du löschen oder als eine andere Seite auf deiner Website verwenden kannst.