Das Blog-Modul des Divi-Themes verlinkt standardmässig den Titel des Beitrags mit der Detailseite dessen, die Kategorie mit der entsprechenden Übersicht und den/die AutorIn mit der persönlichen Übersicht des/der Verfasserin. Das ist oft nützlich – es gibt aber Situationen, in welchen man dies nicht möchte. Mit wenig CSS-Code ist auch dies möglich.
Wir beginnen mit dem Hinzufügen einer benutzerdefinierten CSS-Klasse zum Divi Blog-Modul. Die Verwendung einer solchen benutzerdefinierten Klasse stellt sicher, dass unser Code nur das betreffende Modul beeinflusst und in anderen Blog-Module auf Ihrer Website nicht greift.
Bearbeiten Sie also das betreffende Divi-Blog-Modul und klicken Sie im Tab «Erweitert» auf «CSS-ID & Klassen». Unter CSS-Klasse geben Sie «blog-no-links» ein.
Nun benötigen Sie ein paar Zeilen CSS-Code. Diesen kopieren Sie in das Stylesheet Ihrer Website – im Backend unter Design/Customizer/Zusätzliches CSS:
/* Link im TITEL deaktivieren */
.blog-no-links .et_pb_post .entry-title a {
pointer-events: none;
}
/* Link auf AUTOR-IN deaktivieren */
.blog-no-links .et_pb_post .post-meta span.author.vcard a {
pointer-events: none;
}
/* Link auf KATEGORIE deaktivieren */
.blog-no-links .et_pb_post .post-meta a {
pointer-events: none;
}Der vollständige Code schaltet den Link im Beitragstitel, den AutorInnen-Link und die Kategorie-Verlinkung ab. Wenn Sie nicht alle, sondern nur einzelne Verlinkungen unterbinden möchten, lassen Sie einfach den CSS-Block weg, der nicht zu deaktivierende inks anspricht.
Den Effekt des kleinen Hacks zeigen wir Ihnen hier:
Standard:
Linken Einzug von Unterkommentaren verkleinern
Ein Blitztipp: Falls Sie auf Ihrem Blog Kommentare zulassen stören Sie sich vielleicht am grossen Einzug auf der linken Seite, mit welchem die Unterkommentare und Antworten auf andere Kommentare der BesucherInnen angezeigt werden. Das lässt sich ganz einfach beheben.
Deaktivierte Links:
Linken Einzug von Unterkommentaren verkleinern
Ein Blitztipp: Falls Sie auf Ihrem Blog Kommentare zulassen stören Sie sich vielleicht am grossen Einzug auf der linken Seite, mit welchem die Unterkommentare und Antworten auf andere Kommentare der BesucherInnen angezeigt werden. Das lässt sich ganz einfach beheben.
Ein Zusatztipp: Den obigen CSS-Code können Sie natürlich noch gut anpassen, damit die Links auch optisch wie normaler Text daherkommen.
Werbung
Werbung
