Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

Die in WordPress integrierten Schaltflächenblöcke machen das Hinzufügen von Schaltflächen sehr einfach, eine Funktion, die mit dem Gutenberg-WordPress-Block-Editor eingeführt wurde. In diesem Artikel zeigen wir Ihnen die vielen Möglichkeiten, wie Sie Call-to-Action-Schaltflächen zu WordPress-Blogbeiträgen und -Seiten hinzufügen können. Sie können die Lösung wählen, die Ihren Bedürfnissen am besten entspricht.

Hinzufügen von Schaltflächen zu WordPress-Beiträgen/Seiten mit dem Standard-Editor

Diese Methode ist einfach zu bedienen und für alle Benutzer geeignet. Sie verwendet den in den WordPress-Block-Editor integrierten "Tasten"Blöcke". Wenn Sie noch den älteren Classic Editor verwenden, können Sie zum nächsten Abschnitt übergehen.

1. seite auswählen

brauchenEinen neuen Beitrag erstellenvielleichtVorhandenen Beitrag bearbeitenum Schaltflächen hinzuzufügen.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

Klicken Sie auf dem Bearbeitungsbildschirm für Beiträge auf "+" und wählen Sie den Schaltflächenblock aus dem Bereich Layoutelemente.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

2. einen Schaltflächenblock hinzufügen

Als nächstes sollten Sie sehen, dass der Schaltflächenblock dem Inhaltseditor hinzugefügt wurde. Klicken Sie einfach auf "Text hinzufügen..." und geben Sie den Text der Schaltfläche ein.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

3. den Text der Schaltfläche hinzufügen

Klicken Sie dann auf die Schaltfläche Link in der Symbolleiste, um einen Link hinzuzufügen. Suchen Sie entweder nach dem Beitrag oder der Seite, oder kopieren Sie einfach die URL und fügen Sie sie in das Link-Feld ein. Wenn Sie fertig sind, drücken Sie die "Eingabe" oder klicken Sie auf "Gerät", um den Link zu speichern.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

4. die Schaltfläche Link hinzufügen

Um die Schaltfläche zu zentrieren, können Sie auf "sich in der richtigen Reihenfolge aufstellen"Symbol und wählen Sie "mittig ausgerichtet". Die vertikale Ausrichtung der Schaltflächen kann auch über die Symbolleiste geändert werden.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

5. die Ausrichtung der Tasten ändern

Als Nächstes können Sie den Stil der Schaltfläche anpassen und die Text- und Hintergrundfarben im Bereich Blockeinstellungen auf der rechten Seite ändern. Wechseln Sie einfach zu den Blockeinstellungen unter "Typ", um den Stil der Schaltfläche anzupassen.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

6、Schaltflächenstil ändern

Es stehen drei Schaltflächenstile zur Verfügung: Standard, Umriss und Quadrat. Der Abschnitt Farbeinstellungen enthält fünf Farbvarianten für den Hintergrund und den Text der Schaltfläche. Die Farbeinstellungen können auch geändert werden, indem Sie auf das Symbol "Benutzerdefinierte Farben"um eine benutzerdefinierte Farbe auszuwählen. Wenn Sie mit dem Design der Schaltfläche zufrieden sind, speichern oder veröffentlichen Sie Ihren Beitrag, um eine Live-Vorschau zu sehen.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

WordPress-Schaltflächen im klassischen Editor erstellen

Der standardmäßige WordPress-Blockeditor ist moderner und schneller. Einige Benutzer verwenden noch den alten klassischen WordPress-Editor. Wir raten davon ab, den klassischen Editor zu verwenden, da er nur begrenzte Funktionen hat und veraltet ist.

Wenn Sie noch den klassischen Editor verwenden, können Sie WordPress auf drei Arten Schaltflächen hinzufügen:

  1. Hinzufügen von Schaltflächen mit HTML/CSS-Code.
  2. Fügen Sie Schaltflächen mit dem Plugin Button Shortcode hinzu.
  3. Hinzufügen von Schaltflächen ohne Verwendung des Shortcodes.

1. verwenden Vergessen Sie die Shortcode-Schaltflächen Plug-in (Softwarekomponente)

Die dritte empfohlene Methode ist die Verwendung eines Plugins. Erstens, installieren und aktivieren Sie es im Dashboard Vergessen Sie die Shortcode-Schaltflächen Plugin. Nachdem Sie das Plugin aktiviert haben, erstellen Sie einen neuen Beitrag oder bearbeiten Sie einen bestehenden Beitrag. Klicken Sie im Editor auf "Schaltfläche einfügen"Ikonen.

2、Symbol Schaltfläche einfügen

Es öffnet sich ein Fenster, in dem Sie die neue Schaltfläche gestalten können. Fügen Sie zunächst den Text und die URL der Schaltfläche hinzu. nofollow und wählen Sie Link in neuer Registerkarte öffnen.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

3. die Schaltflächensymbole und -farben auswählen

Sie können auch das Schaltflächensymbol, die Text- und Hintergrundfarbe sowie den Stil und die Größe der Schaltfläche auswählen. Wenn Sie fertig sind, klicken Sie auf "Update", wird die Schaltfläche in den Beitrag eingefügt.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

4、Schaltflächenausrichtung

Die Ausrichtung der Schaltflächen kann durch Auswahl des Schaltflächentextes und Verwendung der Schaltflächen in der Symbolleiste des Editors festgelegt werden. Sobald Sie mit dem Design zufrieden sind, veröffentlichen oder aktualisieren Sie den Beitrag, um das tatsächliche Ergebnis zu sehen.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

Hinzufügen von Click-to-Call-Schaltflächen in WordPress

Click-to-Call-Schaltflächen sind eine spezielle Art von Call-to-Action-Schaltflächen, auf die Nutzer einfach klicken, um Ihr Team anzurufen. Dies ist sehr effektiv bei der Steigerung von Leads und Konversionen.

1. der Einbau WP Call Button Plug-in (Softwarekomponente)

Erstens.WP Call Button Plugin installieren und aktivierenBesuchen Sie nach der Aktivierung die Seite "Einstellungen". Besuchen Sie nach der Aktivierung die Seite Einstellungen "WP Call Button", um die Plugin-Einstellungen zu konfigurieren und den Click-to-Call-Button zu gestalten.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

2、Konfigurieren Sie die Taste für den Haftnotruf

Aktivieren Sie in den Einstellungen für die Sticky Call Buttons den Status der Schaltfläche Jetzt anrufen, geben Sie die Telefonnummer ein, bearbeiten Sie den Text der Schaltfläche, wählen Sie die Position und die Farbe der Schaltfläche.

3、Benutzerdefinierte Tasteneinstellung

Sie können den Text, die Farben, die Symbole usw. der Schaltfläche anpassen und festlegen, auf welchen Seiten der Website und auf welchen Geräten die Schaltfläche für den Haftnotruf angezeigt werden soll. Speichern Sie Ihre Änderungen und besuchen Sie die Website, um die Wirkung der Schaltfläche zu sehen.

4. statische Anruftaste hinzufügen

Statische Call-Buttons können mit dem Plugin auch zu WordPress-Seiten, Posts und Sidebars hinzugefügt werden. Fügen Sie einen WP Call Button-Block im Block-Editor hinzu und passen Sie das Design der Schaltfläche an. Wenn Sie den klassischen Editor verwenden, können Sie den Kurzcode-Generator verwenden, um den Kurzcode zu erhalten und ihn dem Beitrag oder der Seite hinzuzufügen.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

5. widgets hinzufügen

Ziehen Sie das WP Call Button-Widget in die Seitenleiste oder einen anderen Widget-Bereich, um die Einstellungen zu speichern.

Hinzufügen von benutzerdefinierten Schaltflächen zu WordPress-Beiträgen und -Seiten: Eine detaillierte Schritt-für-Schritt-Anleitung

Hinzufügen von Tipps für benutzerdefinierte Schaltflächen in WordPress

Das Hinzufügen von Schaltflächen reicht nicht aus, Sie müssen möglicherweise auch dieHeldenbildundMenüs und benutzerdefinierte LayoutsPassen Sie die Seite an. Es wird empfohlen, dieZiehen und Ablegen WordPress-Seitenerstellungs-Plugins wie SeedProd vielleicht Blühender Architekt. Mit diesen Buildern können Sie benutzerdefinierte Seiten mit schönen Call-to-Action-Schaltflächen erstellen.

Zusammenfassung:

In diesem Artikel werden die vielen Möglichkeiten zum Hinzufügen von Call-to-Action-Schaltflächen zu WordPress-Beiträgen und -Seiten beschrieben. Unabhängig davon, ob Sie den standardmäßigen Gutenberg-Block-Editor oder den klassischen Editor verwenden, steht Ihnen eine Vielzahl von Optionen zur Verfügung. Sie können benutzerdefinierte Schaltflächen und Click-to-Call-Schaltflächen über eingebaute Schaltflächenblöcke, Plugins wie Forget About Shortcode Buttons und WP Call Button hinzufügen.


Kontakt
Sie können den Artikel nicht lesen? Kontaktieren Sie uns für eine kostenlose Antwort! Kostenlose Hilfe für persönliche Websites und Websites kleiner Unternehmen!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-Mail: info@361sale.com
Arbeitszeiten: Montag bis Freitag, 9:30-18:30 Uhr, Feiertage frei
Gepostet von photon fluctuations, retweeted mit Quellenangabe:https://www.361sale.com/de/14547/

Wie (0)
Vorherige Dienstag, 27. Juli 2024 um 9:41 Uhr.
Weiter Mittwoch, 27. Juli 2024 um 9:56 Uhr.

Empfohlen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Kontakt

020-2206-9892

QQ咨询:1025174874

E-Mail: info@361sale.com

Arbeitszeiten: Montag bis Freitag, 9:30-18:30 Uhr, Feiertage frei

Kundendienst WeChat
Um die globale Benutzerregistrierung und -anmeldung zu erleichtern, haben wir die Funktion der telefonischen Anmeldung abgeschafft. Sollten Sie Probleme bei der Anmeldung haben, wenden Sie sich bitte an unseren Kundendienst, der Ihnen bei der Bindung Ihrer E-Mail-Adresse hilft.