Trick # 4 | Dieser Beitrag beinhaltet 224 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Divi bringt standardmässig eigene Social-Media-Icons mit. Aktiviert man diese, öffnen sich die Links aber nicht automatisch in einem neuen Tab oder Fenster. Das lässt sich ändern.
Diese kann erreicht werden, indem folgender Code eingefügt wird unter Divi/Theme Optionen/Integration/Header-Code aktivieren/Code dem < head > Ihres Blogs’:
<script type=”text/javascript”>
(function($) {
$(document).ready(function() {
$('.et-social-icons .et-social-icon a').click(function(e) {
e.preventDefault();
var url = $(this).attr('href');
window.open(url, '_blank');
});
});
})(jQuery);
</script>Der Code wird fortan bei jedem Seitenaufruf im Head der Website ausgeliefert.
Werbung
Das Galerie-Modul des Divi-Themes lässt sich recht einfach mit einem «Load More»-Button ergänzen. Wie das funktioniert, zeigen wir Ihnen im heutigen Trick.
In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.
Bullet-Points sehen vielleicht etwas dröge aus. Zumeist ist es ein schwarzer Tolggen, der die Listen sortiert - nun: besser als nix; aber da geht noch mehr. Ersetzen Sie die Standard-Bullets mit einem Icon aus dem Divi-Katalog. Etwa so wie in ...
Ein Hack, der vor allem bei hochformatigen Logos interessant sein kann und der einen Trick aus der Praxis von Dr. Code ergänzt: Das überlappende Logo, welches beim Scrollen automatisch schrumpft. Ganz einfach zu machen, mit ein wenig CSS-Code.
Keine Inhalte gefunden.
Werbung
