Webseiten erstellen mit CHEETAH
Einen eigenen Blog erstellen (3)
„Connect“ - Blog mit Website verbinden
Wenn Sie den Menüpunkt „Connect“ anklicken, werden Ihnen auf der rechten Seite alle im „Cheetah“ Editor z. Z. verfügbaren Websites angezeigt. Hier können Sie jetzt explizit die Website auswählen (in unserem Beispiel „Naturwunder“), die Sie mit dem eben angelegten Blog verbinden möchten. Dazu klicken Sie auf der entsprechenden Website-Kachel die Schaltfläche „Connect“ an.
Hinweis: Hierbei wird Ihnen die Auswahl eines Templates angeboten. Wir wählen hier „als Anfänger“ das vordefinierte (nicht das leere) Template aus.
Die Website-Kachel ist jetzt im Bereich „Connected Websites“ der Ansicht (also oben) zu finden.
Nun müssen Sie wieder in die Website-Ansicht des „Cheetah“-Editors wechseln und dort (in unserem Beispiel) die Website „Naturwunder“ öffnen. Wie Sie sehen, wurden jetzt automatisch Ihrer Website zwei neue, mit „Blog“ gekennzeichnete Seiten hinzugefügt. Die beiden Seiten finden Sie (analog zu „Mitgliederbereiche“) auch noch einmal im Bereich „Blog Pages“ gelistet:
Die eine Seite nennt man den „Blog-Feed“ und die andere Seite der „Blog-Post“. Der „Feed“ ist quasi die Überblicksseite des Blogs. Hier werden später kurz alle Blogbeiträge in ihrer zeitlichen Reihenfolge aufgelistet. Die „Detailansicht“ eines Blogbeitrags stellt dann der „Blog-Post“ dar.
Beide Seiten (die aufgrund dessen, dass wir beim „Konnekten“ ein Template ausgewählt haben, nicht leer sind) müssen wir nun noch designmäßig und funktionell unseren Vorstellungen anpassen. „Cheetah“ stellt dafür eine Anzahl spezieller Elemente zur Verfügung, die auch explizit aus der Elementeauswahl in den Editor gezogen werden können.
Hinweis: Bevor Sie beginnen, die Blog-Webseiten zu designen, sollten Sie zu Testzwecken noch zwei weitere Blogbeiträge verfassen.
Feed-Page gestalten
Diese Seite dient dazu, Ihre Posts in einer Art „Vorschau“ darzustellen. Der Vorschaubereich enthält dabei immer eine Schaltfläche „Mehr Lesen…“ („Read More“), die dann zur ausführlichen Ansicht („Post-Page“) verzweigt. Enthält das Posting ein Thumbnail, dann führt auch ein Klick darauf auf die damit verlinkte Post-Page.
Wenn Sie – wie in diesem Beispiel – die Standardvorlage für den Feed verwenden, dann enthält die Webseite zwei spezifische Blogelemente: oben ein Element vom Typ „Blog News Slider“ und darunter ein Band mit einem „Posts“-Element. Diese Elemente können Sie wie gewohnt nach eigenen Vorstellungen anpassen, löschen oder (aus der Elementeauswahl – Kategorie „Blog General“ bzw. „Blog FeedNews“) durch andere austauschen.
Tipp: Machen Sie sich erst einmal mit den vielen Einstellmöglichkeiten dieser beiden Elemente mit Schwerpunkt auf das Post-Element vertraut.
Blogs news slider
Um dieses Element zu konfigurieren, klicken Sie in dessen Kopfmenü auf das Zahnradsymbol („blog-news-settings“). In dem daraufhin aufgeblendeten Dialogfenster können Sie nun u. a. festlegen, wie viele News der Slider aufnehmen soll und ob zusätzlich zum Thumbnail auch noch der Titel des Posts bzw. ein Teil der Beschreibung angezeigt werden soll oder eher nicht. Wenn Sie „Redirect Post“ einschalten, dann führt ein Mausklick auf ein Sliderbild dazu, dass sofort der dazugehörige Artikel in der Post-Ansicht aufgeblendet wird.
Posts
Auch dieses Element besitzt in seinem Kopfmenü ein Zahnradsymbol. Hier können Sie u. a. über die Klappbox „Theme“ eine spezielle Designvariante des Feeds auswählen. Weiterhin legen Sie hier fest, wie viele News aufgelistet werden sollen, welche Displayelemente anzuzeigen sind sowie das Datumsformat und der Text der Schaltfläche. Die eigentliche Gestaltung erfolgt dann über die vielen Eigenschaften des Elements selbst (Randmenü oder rechte Maustaste).
Weiterhin können Sie – beispielsweise unter dem Slider – noch eine Suchfunktion einbauen (Volltextsuche). Sie finden solch ein spezielles Element in der Elemente-Kategorie „Blog General“. Wird später in dieses Suchfeld ein Suchbegriff oder eine Phrase eingetragen, dann werden anschließend im Feed alle Postings, die irgendwo im Text diesen Suchbegriff oder Phrase enthalten, aufgelistet.
Genauso ergibt es Sinn, den Blog mit einem RSS Feed auszustatten (Elemente-Kategorie „Blog General“). Einfach das Element auf der Webseite (z. B. dem Header) positionieren, eventuell Größe und Erscheinungsbild (Eigenschaft „Theme“) anpassen – und das war es schon.
Manchmal möchte man am Ende des Blogfensters ganz bestimmte Feeds aufblenden – z. B. solche, die am häufigsten angeschaut wurden. Dazu gibt es Post-Elemente, die in der Elemente-Kategorie „Blog Groups“ zur Auswahl angeboten werden. Sie unterscheiden sich von einem gewöhnlichen Feed-Post-Element durch spezielle Themenfilter, die über das Kopfmenü (Zahnradsymbol) zugänglich sind.