Bloggen hat sich in den letzten Jahren zu einem der wichtigsten Treiber im Internet entwickelt. Einige Projekte konzentrieren sich nur auf das Bloggen, während andere einen Blog als zusätzliche Informationsquelle und für SEO (Suchmaschinenoptimierung) nutzen. In diesem Artikel zeigen wir dir wie du einen Blog auf deiner Sitejet Website einbinden kannst.
Basiswissen
Bevor wir uns anschauen wie du einen Blog aufsetzt, haben wir noch eine kurze Übersicht über das Collections Feature, das wir nutzen werden für den Blog. Eine Collection besteht aus 4 Teilen:
- Die Collection, die die Struktur (Felder) aller Einträge (Blog Posts) vorgibt, z. B. Titel, Name, Datum, etc.
- Die Einträge, die den jeweiligen Content des Blog Posts enthalten
- Der Collection Container, der die Vorschau auf die einzelnen Blog Posts anzeigt
- Das Einzelseiten-Layout, welches das einheitliche Design der Blog Posts (Blog Post Seiten) regelt
Näheres zu Collections erfährst du in unserem Collection-Artikel.
Füge einen Blog zu deiner Website hinzu
Um schnell und einfach einen Blog auf deiner Website einzufügen, kannst du das Collection Template "Blog" nutzen. Collection Templates sind vorgefertigte Collections (z.B. für Immobilien, Job-Ausschreibungen, Team-Vorstellungen, etc.), die bereits designt wurden und Dummy-Content enthalten. Beides kann ganz einfach an deine Bedürfnisse angepasst werden. Die Collections Templates findest du in der linken Sidebar unter "Collections". Ziehe einfach "Blog" per Drag & Drop an die gewünschte Stelle deiner Website.
Sobald du die Collection hinzugefügt hast, wirst du aufgefordert einen aussagekräftigen Namen auszuwählen - das ist besonders wichtig, wenn du mehrere Collections/Blogs auf deiner Website einfügen möchtest. Du kannst den Namen aber auch nachträglich noch ändern. Sobald du einen Namen gewählt hast, zeigt sich der Blog auf der Seite innerhalb des sogenannten "Collection Containers":
Wie du siehst, werden dir schon Dummy-Blog Posts mit Überschrift, Titelbild, Kategorie, Datum und kurzem Beschreibungstext angezeigt, damit du direkt einen ersten Eindruck von der Darstellungsweise bekommst. Wie du den Content für die Blog Posts erstellst oder bearbeitest, zeigen wir dir im Abschnitt "Blog Post erstellen und ändern". Die Collection Container-Einstellungen auf der linken Seite werden im Abschnitt "Sortier- und Filterfunktion" genauer beschrieben.
Das Element, das durch die Erweiterung auf der Website eingefügt wird, nutzt für Blogs typische Felder wie z. B. "Titel", "Kategorie" und "Autor". Diese Felder werden in der Collection organisiert. Die Collection für den Blog wurde mit der Erweiterung bereits standardmäßig angelegt. Wie du die Felder bearbeitest und nutzt, zeigen wir im folgenden Abschnitt.
Felder
Felder definieren, dass alle Blog Posts Inhalte wie beispielsweise "Titel", "Bild", "Kategorie", "Autor", "Titelbild" und "Text" enthalten. Mit den Feldern erstellt man quasi ein "Formular", dass man für jeden Blog Post ausfüllen kann (das sieht man auch nochmal beim Abschnitt "Einträge erstellen und ändern"). In den Collection Container-Einstellungen unter "Collection anpassen" kommst du direkt zu den Feldern der Collection.
Die Felder werden im Collections Manager geöffnet:
Verfügbare Felder
Standardmäßig werden in einem Blog die Felder "Name", "Slug", "Beschreibung", "Content", "Kategorie", "Autor", "Bild", "Veröffentlichungsdatum" und "Status" angelegt.
Felder hinzufügen oder bearbeiten
Wenn du im Collections Manager bist, die richtige Collection ausgewählt ist und der "Daten-Felder"-Reiter offen ist, dann kannst du hier über "Feld hinzufügen" ein neues Feld ergänzen. Über den Mülleimer-Icon kannst du auch bestehende Felder löschen und über das Stift-Icon kannst du bestehende bearbeiten.
Um ein neues Feld zu definieren, kannst du aus verschiedenen Feldtypen wählen:
- Einfacher Text: Wenn du einen kurzen Text hinzufügen möchtest
- Link: Wenn du einen Link einfügen willst
- Richtext: Wenn du einen längeren Text einfügen und diesen formatieren möchtest und bspw. Links oder HTML-Code einbinden willst
- CMS: Bietet dir die Möglichkeit einzelne Sitejet-Elemente, -Sections oder ganze Seiten einzubinden
- Datei: Wenn du ein Bild hinzufügen möchtest, z.B. ein Titelbild oder das Bild des Autors
- Mehrere Dateien: Wenn du mehrere Bilder hinzufügen möchtest, um eine Galerie zu erstellen
- Checkbox: Um bspw. eine Ja/Nein-Eigenschaft abzubilden wie "Veröffentlicht", um danach später zu filtern
- Auswahl: Um aus einem Dropdown mit unterschiedlichen Eigenschaften eine Option auszuwählen, z.B. für eine Katrgorie-Zuordnung eines Blog-Posts
- Datum: wird von Collections generell für die Veröffentlichung berücksichtigt: Gebe ein Datum in der Zukunft an, um eine Veröffentlichung an einem bestimmten Tag zu planen
- Nummern: Wenn du die Nummern bspw. zum Sortieren benutzen möchtest
Im Eingabefeld "Label" trägst du den Namen des Feldes ein. Sobald du dich für einen Typ entschieden hast, wird dir ein weiteres Eingabefeld "Hilfetext" angezeigt. Gib hier optional eine kurze Beschreibung des Feldes an, um die spätere Eingabe zu erleichtern.
Nutzung von Feldern
Damit der dynamische Content aus den Feldern innerhalb des Collections Container oder Einzelseiten-Layouts angezeigt wird, müssen Elemente wie Überschrift, Text, Galerie etc. mit einem Collection-Feld verbunden werden - ansonsten bleibt der Content in dem Element statisch, also wird nicht aus einem Blog Post generiert. In unserem Beispiel wird der Name des Blog Posts als Überschrift, die Kategorie als Überschrift-Element und das Datum in einem Text-Element angezeigt. Die Zuweisung zwischen Element und Feld geschieht über die Einstellungen auf der linken Seite.
Selbstverständlich kannst du auch weitere Felder in zusätzlichen Text- und Überschriftelementen verwenden. Dupliziere dazu einfach ein existierendes Element oder füge es wie sonst auch ein und weise dem Element dem jeweiligen Collection-Feld zu.
Einzelseiten-Layout (Blog Post Seite)
Blog Posts sind im Aufbau immer gleich. Dafür sorgt das Einzelseiten-Layout. Diese wird durch das Blog Collection Template automatisch im Hintergrund erstellt und kann jederzeit angepasst werden. Das Einzelseiten-Layout öffnest du mit einem Doppelklick auf den Collection Container und einem anschließenden Klick auf "Einzelseiten-Layout öffnen".
Das Einzelseiten-Layout öffnet sich in einem neuen Tab. Hier kannst du dann entweder die bestehenden Elemente bearbeiten oder neue Elemente hinzufügen und diese mit den entsprechenden Collection-Feldern verknüpfen, damit der jeweilige Content eines Eintrags angezeigt wird. Um zu prüfen, ob das Design für alle Einträge funktioniert, kannst du das Dropdown in der oberen linken Ecke nutzen und zwischen den unterschiedlichen Einträgen wechseln.
Die Vorlage dient dazu eine allgemeingültige Struktur der Blog Posts vorzugeben. Der Inhalt der Blog Posts wird im Eintrag in der Blog Collection festgelegt. Wir zeigen dir im nächsten Abschnitt, wie du den Inhalt erstellst und bearbeitest.
Einträge erstellen und ändern
Ein Eintrag entspricht einem Blog Post. Blog Posts erstellst und änderst du, indem du den Inhalt des Eintrags in der Collection anpasst. Um die Einträge anzupassen oder neue hinzuzufügen, klicke in den Collection Container Einstellungen auf "Content verwalten".
Alternativ hierzu kannst du auch über folgende Schritte zu den Einträgen kommen: Klicke auf Mehr > Collections Manager und wähle dort die gewünschte Collection aus und stelle sicher, dass du im Reiter "Inhalte" bist.
Unter "Inhalte" findest du eine Liste aller Blog Posts. Du kannst einen neuen Blog Post erstellen, indem du auf "Eintrag hinzufügen" oben rechts in der Ecke klickst. Um einen bestehenden Eintrag zu bearbeiten, kannst du einfach auf den Eintrag klicken.
Wenn du einen Eintrag öffnest, siehst du, dass er ähnlich wie ein Formular aufgebaut ist. Die Felder werden bestimmt durch die Felder, die für die Collection aufgesetzt wurden - beim Blog Collection Template sind das bspw: Name, URL/Slug, Beschreibung, Content (=Inhalt), Kategorie, Autor, Bild, Veröffentlichungsdatum und Status. Dieses Felder sind für jeden Eintrag gleich. Du kannst sie jetzt mit dem Inhalt füllen, den du in deinem Blog anzeigen lassen möchtest. Die meisten Felder können direkt in dieser Ansicht bearbeitet werden. Nur das Feld "CMS" kannst du über "In CMS bearbeiten" in einem neuen Tab öffnen, um alle Features des Website Builder zu nutzen.
Sortier- und Filteroptionen anpassen
In den Einstellungen zum Collection Container hast du eine Vielzahl an Möglichkeiten, um die Darstellungsweise anzupassen. Unter anderem kannst du vorgeben, nach welcher Eigenschaft deine Blog-Einträge sortiert und unter welchen Bedingungen diese angezeigt werden. Hierfür kannst du jedes "Feld" der Collection nutzen.
Die Reihenfolge der angezeigten Blog Posts kann z. B. abhängig vom Veröffentlichungsdatum gemacht werden.
Füge Filteroptionen hinzu, um nur bestimmte Blog Posts anzuzeigen. Typische Filteroptionen sind der Autor, eine bestimmte Kategorie oder ein bestimmter Zeitraum.
Kunden CMS
Einer der wichtigsten Gesichtspunkte des Blogs ist es, dem Kunden eine Möglichkeit zu geben schnell und einfach kontinuierlich weitere Inhalte auf der Website zu veröffentlichen.
Sobald du der Website einen Blog hinzugefügt hast, ist dein Kunde in der Lage Blog Posts hinzuzufügen, zu editieren und zu löschen - und das ganz einfach aus dem Kunden CMS heraus. Du selbst musst hierbei nicht mehr Hand anlegen, da Collections standardmäßig editierbar sind.
Damit dein Kunde Blog Posts hinzufügen und bearbeiten kann, reicht ein Klick auf "Collections" und anschließend auf die gewünschte Collection selbst innerhalb des Kunden CMS.
Nach diesen Klicks gelangt dein Kunde zur selben Ansicht, die wir dir bereits im Abschnitt " Einträge erstellen und ändern" vorgestellt haben. Deinem Kunden stehen dieselben Funktionen zur Verfügung, die auch dir zur Verfügung stehen, wenn du Blog Posts editierst.
Möchtest du deinem Kunden zusätzlich die Möglichkeit geben, dass er die Blog Post Vorlage und/oder den Collection Container anpassen kann, so kannst du diese ebenfalls editierbar schalten indem du folgende Schritte durchführst:
- Öffne die Collection-Vorlage
- Klicke dazu auf "Felder" in der Einträgeverwaltung
- Klicke auf das Icon neben dem Blognamen im Abschnitt "Blog: Vorlage für Collection-Eintrag"
- Rechtsklicke das Element, dass du zur Bearbeitung durch den Kunden freigeben möchtest
- Bewege die Maus über "Bearbeitbar für Kunden"
- Klicke eines der drei Auswahlmöglichkeiten "Dieses Element", "Alle Elements dieses Typs " oder "Alle Elemente auf dieser Seite" (je nachdem, welchen Zugriff du deinem Kunden einräumen möchtest)
Den Collection Container schaltest du wie jedes andere Sitejet-Element per Rechtsklick und anschließendem Klick auf "Bearbeitbar für Kunden" zur Bearbeitung frei.
Werde ein Teil unserer Community!
Tausche dich mit anderen Webdesignern über aktuelle Entwicklungen, Tipps und Tricks aus und präsentiere deine Lieblingsseiten. Hole dir Feedback und sprich mit uns über Funktionen, die du dir für Sitejet wünschst. Hier gelangst du direkt zur Sitejetters Community.
- file-60S9pyHX86.png1 MB
- file-BBK6NKtOJC.png1 MB
- file-FUB4h4FXt2.png1 MB
- file-ai8zfDerEV.png1 MB
- file-cvecKSbQKm.png1 MB
- file-nNXGQ2Zh2R.png1 MB
- file-3fqV23C5OO.png4 MB
- file-j6ok0jQio0.png800 kB
- file-ZFdM1sipNW.png1 MB
- file-pACApPzMsY.png100 kB
- file-l1N3s7onW9.png300 kB
- file-PwTQebhECX.png1 MB
- file-RRiGrmifd3.png2 MB
- file-RjhJgzqrpG.png1000 kB
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.