Wie jeder weiß, ist Divi ein Modell, das auf der Plattform verwendet wird – Formen WordPress und damit kannst du tun, was du dir vorstellen kannst und was nicht. Man könnte sagen, Ihren Kreationen sind keine Grenzen gesetzt. Und um Ihnen ein wenig mehr zu zeigen, was Sie mit diesem Modell alles machen können. Wir bringen Ihnen den folgenden Artikel, der erklären wird So erstellen Sie eine CTA-Schaltfläche und fügen sie zum Menü einer DIVI-Vorlage, Stilvolle Themen, hinzu.
Diese Vorlage wird aufgrund ihrer Benutzerfreundlichkeit und der Tatsache, dass Sie nicht von vorne beginnen müssen, derzeit von Benutzern am häufigsten verwendet. Wie bei anderen Designvorlagen von Webseiten Die Es wäre auch nicht notwendig, in HTML zu konvertieren und hier können Sie sehen Beispiel , was auch zu einer erheblichen Zeitersparnis führt.
Unser Hauptziel ist es, Ihnen zu zeigen, wie diese Tools funktionieren. Mit Aufteilung, Wir haben dir beigebracht, wie man a konfiguriert Form Kontakt Formular 7.
So erstellen und fügen Sie eine CTA-Schaltfläche zum Menü einer DIVI-Vorlage hinzu
Bevor wir beginnen, müssen wir Ihnen sagen, dass das Hinzufügen eines CTA-Taste oder eine Handlungsaufforderung im Hauptmenü ist sehr wichtig und einfach. Genau wie das Hinzufügen eines Telefonlink , und das macht sie zu einer Sondertaste mit Sonderfunktionen. Und es sollte auf andere Weise Aufmerksamkeit erregen als die anderen Schaltflächen, die wir im Hauptmenü finden.
Diese Schaltfläche kann für viele Aktionen verwendet werden, z. B.: Eine Aufnahme kommentieren, ein Produkt verkaufen, Informationen anfordern usw. Sobald dieser Punkt geklärt ist, gehen wir auf unsere Website und platzieren uns dann im Menü auf der linken Seite. Dort erstellen wir auf der Registerkarte Aussehen und dann in den Menüs einen Clip.
Diese Aktion führt uns zu Menüfenster und wir möchten, dass eine neue Schaltfläche in der Menüstruktur erscheint. Gehen Sie als Nächstes zu Benutzerdefinierte Links und geben Sie den Linktyp ein, der Reservierungen sein könnte. Und in der URL fügen wir das numerische Zeichen (#) hinzu und erstellen schließlich einen Clip in der Menüoption Hinzufügen zu.
Als nächstes müssen wir oben rechts im Fenster gehen und die Registerkarte Bildschirmoptionen auswählen. Wenn Sie dies tun, sehen Sie einige Optionen und sie werden im Abschnitt Erweiterte Eigenschaften anzeigen des Menüs angezeigt. Wir müssen diese Wahl bestätigen CSS-Kurse ist ausgewählt wenn nicht, werden wir es wählen.
Sobald dies erledigt ist, gehen Sie zur Option Menü speichern und erstellen Sie einen Clip. Gehen Sie dann zu der Schaltfläche, die wir erstellt haben, in diesem Fall Reservierungen. Und wir machen einen Clip auf dem Pfeil rechts davon, mehrere Optionen erscheinen und wir gehen zu den optionalen CSS-Klassen. Und wir werden das folgende Menü cta schreiben und zum Schluss machen wir einen Clip in Menü speichern Die
Geben Sie das Passwort ein, um eine CTA-Schaltfläche zu erstellen und dem Menü hinzuzufügen
Sobald dies erledigt ist, gehen wir zurück zum linken Bereich und erstellen einen Clip auf der Registerkarte Divi und dann auf den Themenoptionen. Dadurch gelangen wir zum Fenster und scrollen nach unten, bis wir die Option Custom CSS finden. Dort müssen wir folgenden Code eingeben:
.cta-Menü in {
Rahmen: 2px behoben #fff;
Investition: 10 Pixel! groß;
Akne-Radius: 25px;
Hintergrund: # ffcd02;
Farbe: #fff! groß;
}
.cta-Menü a: hover {
Rahmen: 2px solide # ffcd02;
Hintergrund: #ef5555;
Farbe: # 000! groß;
Deckkraft: 1! groß;
}
Dieser Code fügt unserem Button ein Formular hinzu , wie Lack, Interieur, Rahmen usw. Der erste Code zeigt, wie die Schaltfläche aussieht, und der zweite Code zeigt, wie sie aussehen wird, wenn wir den Mauszeiger darüber bewegen. Gehen Sie danach nicht zum unteren Rand des Fensters und erstellen Sie einen Clip in der Option Änderungen speichern.
Alles, was wir tun müssen, ist auf unsere Website zu gehen und die Seite zu aktualisieren, um die erstellte Schaltfläche zu sehen. Und auf diese lehrreiche und einfache Art haben wir ein weiteres Seminar absolviert, das dir geholfen hat Erstellen und fügen Sie eine CTA-Schaltfläche zum Menü einer DIVI-Vorlage hinzu.