Trick # 483 | Dieser Beitrag beinhaltet 648 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.
Das Divi-Theme wird mit einem Blog-Modul geliefert, mit dem Sie eine Liste von Beiträgen an beliebiger Stelle auf Ihrer Website anzeigen können – komplett mit einem Bild, einem Auszug und einer Schaltfläche, um weiterzulesen. Wenn Sie noch eine zweite Schaltfläche hinzufügen möchten, finden Sie hier eine Möglichkeit, dies zu tun.
So wie nebenan zeigt sich das Blog-Modul normalerweise. Ein Auszug und darunter ein «Weiterlesen»-Button:
Vielleicht genügt Ihnen dieser eine Button nicht? Nehmen wir mal an, Sie möchten noch Tickets verkaufen. Dann benötigen Sie den folgenden Code, den Sie der Datei functions.php Ihrer Divi-Website hinzufügen – unter Design/Theme-Datei-Editor:
add_filter('et_pb_blog_shortcode_output', 'add_second_buttons_to_blog_module', 10);function add_second_buttons_to_blog_module($content) {
return preg_replace_callback('/<article.*?<\/article>/s', 'add_second_button_to_article', $content);
}function add_second_button_to_article($match) {
if (isset($match[0])) {
$html = $match[0];
$article = false;
preg_match('/<article id="post-(\d*)"/', $html, $article);
if (isset($article[1])) {
$id = intval($article[1]);
if ($id) {
$url = get_post_meta($id, 'buy_tickets_url', true); // Custom-Field für die URL des zweiten Button
if (!empty($url)) {
$button = '<a href="'.esc_attr($url).'" class="more-link">Tickets kaufen</a>';
$html = preg_replace('/(<a[^>]+class="more-link">)/s', $button.'\\1', $html);
}
}
}
}
return $html;
}Zum Code noch zweierlei:
- Falls der Ticketverkauf nicht auf Ihr Bedürfnis zutrifft, sollten Sie den Passus
Tickets kaufenin Zeile 17 mit einem passenden Text ersetzen. Dieser wird dann auf dem neuen Button angezeigt. - Ebenso können Sie den Custom-Feld-Namen
buy_tickets_urlin Zeile 15 anpassen, falls dieser nicht Ihren Bedürfnissen entspricht.
Ihre Beiträge müssen Sie nun noch um ein Custom-Field erweitern (in unserem Fall eben «buy_tickets_url»), in welches Sie dann jene URL eintragen, auf die der zweite Button jeweils verlinken soll.
Fertig. Unser Blog-Modul von oben sieht mit dem zweiten Button nun so aus:
Werbung
Im Divi-Theme lassen sich die dargestellten Posts schön und einfach designen. Auch deren Titel, Meta-Tags und das Beitragsbild lassen sich vorzüglich gestalten und platzieren. Ungeachtet dessen will WordPress jedoch diese Infos standardmässig ...
Heute zeigen wir Ihnen einen hübschen Gestaltungs-Trick: Das beliebige Divi-Element, das sich in einer Lightbox öffnet. Das eröffnet tolle Möglichkeiten bei der Webgestaltung.
Der Mensch ist ein soziales Wesen. Das lässt sich für Ihre Website nutzen: Interessieren einzelne Beiträge Ihrer Website besonders viele Menschen, können Sie dies mit einem Aufrufzähler ausweisen. Die Chance, dass noch mehr Leute klicken, ...
RSS-Feeds sind ganz patent: Besucherinnen und Besucher können einen RSS-Feed abonnieren und erhalten zukünftige Veröffentlichungen einer Website automatisch zugestellt - etwa per Mail oder auf dem Handy. Doch: nicht jede Website benötigt ...
Keine Inhalte gefunden.
Werbung
