Weblog
Layout > Layout-Generator > TAB Webshop > DROPDOWN Weblog
Themen bzw. Einstellungen dieses Kapitels:
1) Info: Weblog
3) Anpassen des Seiten-Layouts: MainLayout_Weblog
Wenn Sie Einträge, Einstellungen oder Änderungen vorgenommen haben, klicken Sie vor Verlassen eines Bereichs jeweils auf das Speichern-Symbol, um Ihre Konfiguration zu sichern.
1) Info: Weblog
Mit Weblog wird der Bereich Blog bezeichnet, also eine Art Nachrichtenportal, in dem Informationen und Neuigkeiten bekanntgegeben werden.
Die Erläuterungen zur Konfiguration des Menüs Blog finden Sie auf der Handbuchseite Content / Blog (Weblog).
Der Blog kann in ein bestehendes Webshop-Layout integriert werden oder ein eigenes Layout erhalten. Zur Gestaltung stehen verschiedene Templates und Platzhalter zur Verfügung. In den Blogbeiträgen ist die Verwendung von Platzhaltern ebenfalls möglich, um so z. B. Artikelinformationen anzuzeigen.
Sie müssen mindestens einen Blogbeitrag erstellt haben, damit der Bereich Blog im Webshop sichtbar ist.
2) Seiten-Layout wählen
Zur Darstellung benötigt der Blogbereich ein Seiten-Layout. Es ist möglich, den Blog im Hauptbereich des Webshops anzeigen zu lassen (MainLayout_Content oder MainLayout_Order) oder ein dafür vorbereitetes Weblog-Layout zu konfigurieren (MainLayout_Weblog). Die Wahl des Seiten-Layouts nehmen Sie vor, wie auf der Seite Content / Blog (Weblog) beschrieben (Link siehe Abschnitt 1).
Soll der Blog in das Layout MainLayout_Content oder MainLayout_Order eingefügt werden, dann müssen in diesen Layouts keine Anpassungen vorgenommen werden und Sie können im Abschnitt 4) Weblog-Templates weiterlesen. Der Inhalt des Blog wird in diesem Fall an der Stelle des Platzhalters [MainColumn] eingefügt.
Bei Wahl der Option MainLayout_Weblog, also eines eigenständigen Layouts, muss das Layout angepasst werden.
3) Anpassen des Seiten-Layouts: MainLayout_Weblog
Layout > Layout-Generator > TAB Webshop > DROPDOWN Seiten-Layout > MainLayout_Weblog
Dieses Seiten-Layout stellt nur ein HTML-Grundgerüst zur Verfügung. Das weitere Design kann frei gestaltet werden. Zur Gestaltung der CSS-Eigenschaften steht ein eigener CSS-Bereich zur Verfügung. Das CSS für den Weblog finden Sie im Tab CSS im Dropdown-Menü links oben.
In das Template MainLayout_Weblog muss der Platzhalter [MainColumn] eingefügt werden. Dieser wird dann ersetzt durch den Inhalt des Blogs.
Darüber hinaus können in dieses Template spezielle Platzhalter eingebunden werden. Details zu diesen finden Sie im Abschnitt Blog-Platzhalter weiter unten auf dieser Seite.
Eingabebeispiel:
In folgendem Beispiel wird eine Blog-Übersichtsseite aufgebaut. Im linken Bereich befindet sich das Archiv, in dem automatisch alle Monate mit Blogbeiträgen aufgelistet werden. Rechts davon werden einzelne Blogbeiträge angezeigt. Diese werden mittels [MainColumn] eingebunden. Die Liste wird im Template BlogList dargestellt. Unter den Blogbeiträgen wird eine Link-Cloud angezeigt, die alle Keywords der Blogbeiträge, gewichtet nach Häufigkeit, enthält.
| [MainLayout_Weblog_MainFrame] |
<div id="blog">
<div id="left">
<h2>Archiv</h2>
[BlogArchive]
</div>
<div id="content">
[MainColumn]
<div class="link_cloud">[LinkCloud]</div>
</div>
</div> |
|
CSS |
#blog {
float:left;
height:auto;
}
#left {
float:left;
height:auto;
padding-right:8px;
width:100px;
border-right:#B8B8B8 1px solid;
text-align:left;
}
#content {
float:right;
height:auto;
width:500px;
padding:20px;
text-align:left;
} |
 |
4) Weblog-Templates
Weblog_MainFrame
Layout > Layout-Generator > TAB Webshop > DROPDOWN Weblog > Weblog_MainFrame
Der Inhalt dieses Templates wird je nach Einstellung entweder in das Seiten-Layout MainLayout_Content oder MainLayout_Order eingebunden. Das Beispiel aus dem Abschnitt MainLayout_Weblog kann auch hier verwendet werden. Der CSS-Code muss in diesem Fall allerdings in die CSS-Datei des Webshops eingebunden werden.
In dieses Template muss der Platzhalter [MainColumn] eingefügt werden. Dieser wird ersetzt durch den Inhalt des Blogs.
Darüber hinaus können weitere Platzhalter eingebunden werden. Details zu diesen finden Sie im Abschnitt Blog-Platzhalter.
SingleBlogItem
Layout > Layout-Generator > TAB Webshop > DROPDOWN Weblog > SingleBlogItem
Ein SingleBlogItem ist ein einzelner Blogbeitrag in voller Länge. Dieses Layout wird automatisch bei Aufruf eines einzelnen Beitrags verwendet und muss daher nicht in ein anderes Layout eingefügt werden.
Eingabebeispiel:
Im folgenden Beispiel wird eine Ansicht aufgebaut, mit der ein Blog-Eintrag angezeigt werden kann.
In der ersten Zeile steht der Blog-Titel, gefolgt von weiteren Informationen wie z. B. dem Namen des Autors. In [BlogBody] ist der Inhalt des Blog-Eintrags enthalten. Darunter befinden sich Links zum nächsten und vorherigen Blog-Eintrag. Mit [IF::[LinkTo_LastBlog]] bzw. [IF::[LinkTo_NextBlog]] wird überprüft, ob entsprechende Einträge vorhanden sind. Die Links werden dann nur angezeigt, wenn diese Voraussetzung erfüllt ist.
| [SingleBlogitem] |
<h1>[BlogTitle]</h1>
<div class="blog_author">
[BlogInserted] von [BlogAuthorName]<br>
Tags: [BlogTags]
</div>
<br>
<div class="blog_body">
[BlogBody]
<br>
<table border="0" style="border:none;">
<tr>
<td width="50%">
[IF::[LinkTo_LastBlog]]
Vorheriger Blog<br>
<a href="[LinkTo_LastBlog]" class="link_to_blog">
[LastBlogTitle]
</a>
[ENDIF]
? </td>
<td width="50%">
[IF::[LinkTo_NextBlog]]
Nächster Blog<br>
<a href="[LinkTo_NextBlog]" class="link_to_blog">
[NextBlogTitle]
</a>
[ENDIF]
</td>
</tr>
</table>
</div> |
| CSS |
.blog_author {
font-style:italic;
}
.blog_body {
text-align:justify;
}
.link_to_blog {
font-weight:bold;
} |
 |
Platzhalter
| [BlogTitle] | Der Titel des Beitrags. |
| [BlogInserted] | Das Erstellungsdatum des Beitrags. |
| [BlogAuthorName] | Der Name des Autors. |
| [BlogBody] | Der Inhalt des Beitrags. |
| [BlogTags] | Zeigt eine Liste der Blog Keywords an. Das Format kann im Eingabefeld [BlogTags], unterhalb von [SingleBlogItem], angepasst werden. |
| [LinkTo_NextBlog] | Ein Link auf den nächsten Beitrag (falls vorhanden). |
| [LinkTo_LastBlog] | Ein Link auf den vorherigen Beitrag (falls vorhanden). |
| [NextBlogTitle] | Der Titel des nächsten Beitrags (falls vorhanden). |
| [LastBlogTitle] | Der Titel des vorherigen Beitrags (falls vorhanden). |
BlogTags, BlogTagName, BlogTagLink
BlogTags enthält die Liste von Keywords, die einem Blogbeitrag zugeordnet wurden. Die Liste kann mit zwei Platzhaltern angepasst werden.
[BlogTagName] enthält das Keyword, [BlogTagLink] einen Link auf das Keyword. Der Link führt zu einer Seite mit der Adresse /blog/tag/KEYWORD.
Dort werden alle Blogbeiträge aufgelistet, die das Keyword enthalten.
BlogList
Layout > Layout-Generator > TAB Webshop > DROPDOWN Weblog > BlogList
Eine Liste mit Blogbeiträgen in Kurzform. Diese Liste wird auf der Startseite des Blogs angezeigt.
BlogList muss den Platzhalter [BlogItem] enthalten. Durch diesen wird die Darstellung eines Blogbeitrags in der Liste bestimmt.
BlogSearchResult
Layout > Layout-Generator > TAB Webshop > DROPDOWN Weblog > BlogSearchResult
Eine Liste mit Ergebnissen einer Blogsuche. Eine Suche erfolgt über ein Suchformular oder durch Auswahl eines Tags (siehe Blog Tags).
BlogSearchResult muss den Platzhalter [BlogItem] enthalten. Durch diesen wird die Darstellung eines Blogbeitrags in der Liste bestimmt.
BlogPreviewList / BlogPreviewList2
Layout > Layout-Generator > TAB Webshop > DROPDOWN Weblog > BlogPreviewList
Mit Mit BlogPreviewList wird eine Vorschau der letzten Blogbeiträge angezeigt. Dieser Platzhalter kann für Content-Seiten verwendet werden.
Einschränkung auf eine Blogkategorie
Mit dem Platzhalter [BlogPreviewList_Category::2] kann die Liste auf eine bestimmte Kategorie eingeschränkt werden. Hinter den beiden Doppelpunkten :: folgt die ID der Blogkategorie (Content > Blog > Einstellungen > Blog-Kategorien). Der Platzhalter muss vor [Container_BlogPreviewList] eingefügt werden. Es ist möglich, auf einer Content-Seite unterschiedliche Kategorien anzuzeigen.
[BlogPreviewList_Category::2] [Container_BlogPreviewList] [BlogPreviewList_Category::5] [Container_BlogPreviewList] [BlogPreviewList_Category::3] [Container_BlogPreviewList2] |
BlogItem (BlogPreviewItem)
Ein BlogItem ist eine verkürzte Darstellung eines Blogbeitrags als Bestandteil einer Liste mehrerer Beiträge.
Der Platzhalter [BlogItem] kann in BlogList und BlogSearchResult verwendet werden. In BlogPreviewList wird [BlogPreviewItem] verwendet. Jede der drei Listen verwendet ein eigenes BlogItem, das nicht in einer anderen Liste verwendet werden kann. Die verfügbaren Platzhalter sind in allen drei Fällen gleich.
Im Template BlogItem wird, im Gegensatz zu SingleBlogItem, durch den Platzhalter [BlogBody] nur der verkürzte Bloginhalt angezeigt. Um festzulegen, bis zu welcher Stelle der Text angezeigt werden soll, muss der Platzhalter [PreviewBreak] in den einzelnen Blog-Einträgen an die entsprechende Stelle gesetzt werden.
Eingabebeispiel:
Im folgenden Beispiel wird eine Vorschauansicht eines Blog-Eintrags aufgebaut. Das Design entspricht der Beispieldarstellung im Abschnitt 3) Anpassen des Seiten-Layouts: MainLayout_Weblog.
Der Aufbau besteht aus dem Titel, Autor, Erstellungsdatum und einer Vorschau des Inhalts. Wichtig sind die Links auf den kompletten Blog-Eintrag, die mit [LinkTo_Blog] erstellt werden.
|
[BlogItem] |
<h1 class="blog_title_link">
<a href="[LinkTo_Blog]">[BlogTitle]</a>
</h1>
<div class="blog_author">
[BlogInserted] von [BlogAuthorName]
</div>
<div class="blog_body">
[BlogBody]
<p>
<a href="[LinkTo_Blog]">weiter lesen...</a>
</p>
</div>
<br><br>
|
| CSS |
.blog_title_link a {
font-size:20px;
color:#333333;
cursor:pointer;
text-decoration:underline;
}
.blog_author {
font-style:italic;
}
.blog_body {
text-align:justify;
} |
Platzhalter
| LinkTo_Blog | Ein Link auf den vollständigen Beitrag. |
| BlogRowNumber | Die Nummer des Beitrags in der Liste. |
| BlogId | Die ID des Beitrags. |
| BlogTitle | Der Titel des Beitrags. |
| BlogBody | Der Inhalt des Beitrags. |
| BlogInserted | Das Erstellungsdatum des Beitrags. |
| BlogAuthorName | Der Name des Autors. |
5) Blog-Platzhalter
Sie können in den Seiten-Layouts MainLayout_Weblog und im Template Weblog_MainFrame folgende Platzhalter mit speziellen Blogfunktionen verwenden:
Blogsuche
Ein Formular, um Blogbeiträge zu durchsuchen, wird mit [FormOpen_BlogSearch] geöffnet und mit [FormClose_BlogSearch] geschlossen. Der Bezeichner (Name) des Eingabefeldes muss "S" sein. Beispiel:
[FormOpen_BlogSearch]<input type="text" name="S" size="20"><input type="submit" value="Suchen"> [FormClose_BlogSearch] |
Blogarchiv
Mit dem Platzhalter [BlogArchive] wird eine Liste mit Monaten eingefügt, in denen Blogbeiträge erstellt wurden.
Blogkategorien
Mit dem Platzhalter [BlogCategories] wird eine Liste mit erstellten Kategorien angezeigt. Die Kategorien können frei erstellt und einzelnen Blogbeiträgen zugeordnet werden. Bei Auswahl einer Kategorie werden alle Blogbeiträge angezeigt, die dieser Kategorie zugeordnet sind.
LinkCloud
Mit dem Platzhalter [LinkCloud] wird eine Link-Cloud eingefügt, die sich aus den Keywords der Blogbeiträge zusammensetzt. Details zu Link Cloud ...
