Grundsätzlich bietet WordPress die Wahl zwischen der Ansicht „GanzerText“ oder „Kurzfassung“. Die entsprechenden Einstellungen werden unter ==> Einstellungen ==> Lesen gemacht. (Siehe unten). pfadausschnit

Das Blog-Modul von divi enthält einige features, welche insbesondere für Blogger sehr interessant sind . Man kann nämlich das Newsfeed in Form von Textblöcken mit dem featured picture (Beitragsbild) und Kuztext (Excerpt) als auch in unereinander angeordneten Excerpten oder der Ganztextdarstellung  anordnen. Zudem können die Excerpte individuell farblich gestaltet werden. Wie das ganze genau gemacht wird werde ich in dem folgenden Tutorial zeigen.

 

 

 

Das Divi Blog-Modul

Erstellen Sie zuerst eine Seite und geben Sie ihr den Namen der Kategorie oder mehrerer Kategorien, welche dieser Seite bzw.diesem Blogbereich zugeordnet werden sollen. Die entsprechende Seite wird im Menü unter den Beiträgen im Dropdown-Bereich eingefügt.

Blog-ModulWählen Sie Standardsektion und fügen Sie das Modul-Blog ein.

Beim bearbeiten des Blog-Moduls sehen wir die unten dargestellte Ansicht. Wir haben jetzt die Möglichkeit, zu entscheiden, welche Beiträge innerhalb dieses Blog-Moduls erscheinen sollen. (siehe unten)

Blog-Modul

Durch setzen des Häkchens bei Divi erscheinen hier alle Beiträge zur Kategorie Divi. Es können natürlich auch noch weitere Kategorien angeklickt werden!

Möchte man die Beiträge in einzelnen Blöcken mit Excerpt darstellen so wählt man oben „Gitter“. Beiträge in Vollgröße sind „Volle Breite“.

Beiträge in der Normalansicht

Blog-Modul

Beiträge als Gitter

grid

Gestaltung des Mehrlesn Buttons

die Gestaltung des Mehrlese-Buttons ist in divi ein wenig zu kurz gekommen. Es ist aber nicht schwierig, dieses Problem zu lösen, wenn man die relevante css Klasse in die style.css zieht und den Bereich ein wenig bearbeitet.

a.more-link { border: 2px solid; width:150px; border-radius: 10px; display: inline-block; margin-top: 10px; padding: 3px 10px; text-transform: uppercase; /*border-radius*/

padding:8px 16px;
margin-top:10px;
color:white;
border:3px solid #d8dcdc;
font-family:Georgia,serif;
font-style:italic;
font-size:16px;
background-color:blue;}

Zum Newsletter anmelden

Zum Newsletter anmelden

Melden sie sich zum meinem Newsletter an und Sie erhalten ein Geschenk

Sie haben sich erfolgreich angemeldet