Trick # 190 | Dieser Beitrag beinhaltet 650 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.
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:
Höhe von Testimonial-Modulen im Divi-Theme angleichen
Beim Designen mit dem Divi-Theme bedeutet ein einheitliches und ansprechendes Erscheinungsbild oft, dass man sich mit unterschiedlichen Höhen von Inhalten in Modulen wie dem Testimonial-Modul auseinandersetzen muss. Ungleichmässige Höhen können den visuellen Fluss Ihrer Website stören. Hier erfahren Sie, wie Sie die Höhen Ihrer Testimonial-Module angleichen können.
Deaktivierte Links:
Höhe von Testimonial-Modulen im Divi-Theme angleichen
Beim Designen mit dem Divi-Theme bedeutet ein einheitliches und ansprechendes Erscheinungsbild oft, dass man sich mit unterschiedlichen Höhen von Inhalten in Modulen wie dem Testimonial-Modul auseinandersetzen muss. Ungleichmässige Höhen können den visuellen Fluss Ihrer Website stören. Hier erfahren Sie, wie Sie die Höhen Ihrer Testimonial-Module angleichen können.
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
