Wenn es Ihnen wie den meisten geht Anfänger Blogger und sogar fortgeschritten, dann haben Sie definitiv keine HTML/CSS-Kenntnisse. Viele Blogger (wie ich) lieber verwenden Plugins Damit können sie ihren Posts oder Seiten mithilfe von Schaltflächen hinzufügen Kurzwahlnummern. Aber diese Shortcodes - Shortcodes - sind schwer zu merken und schwer zu konfigurieren.

In diesem Artikel zeigen wir Ihnen, wie Schaltflächen hinzufügen WordPress ohne Verwendung von Shortcodes.

Wenn Sie neu in der Welt von WordPress sind, entdecken Sie Wie man ein Wordpress-Blog 7 Schritte für die Installation

Als erstes müssen Sie das installieren und aktivieren Plugin « Forget About Short Buttons ".

Sobald Sie dies aktiviert haben Plugin, müssen Sie nur eine erstellen neue Veröffentlichung Wenn Sie eine bereits vorhandene ändern, wird im visuellen Editor eine neue Schaltfläche mit dem Titel angezeigt « Schaltfläche einfügen » (hinzufügen ein Knopf).

Um eine neue Schaltfläche in Ihre Publikation oder Seite einzufügen, müssen Sie auf die Schaltfläche klicken Fügen Sie eine Schaltfläche ein. Daraufhin wird ein Fenster geöffnet, in dem Sie Ihre neue Schaltfläche entwerfen können.

Sie müssen lediglich Schaltflächentext und URL hinzufügen und dann Text- und Hintergrundfarben auswählen. Klicken Sie dann auf das Dropdown-Menü der Option "Typ"Um die Form der Taste wählen. Sie können auch die Größe der Schaltfläche auswählen.

Vervollständigen Sie Ihr Wissen, indem Sie entdecken Wie verwenden und verwalten Wordpress Shortcodes

Wenn Sie auf die Registerkarte klicken « Symbol »Dann können Sie die Symbole sehen, die Sie vor oder nach dem Text Ihrer Schaltflächen hinzufügen können. Diese icons sind genauer gesagt icons-fonts.

Während des Schaltflächenerstellungsprozesses können Sie eine Echtzeitvorschau aller Ihrer Änderungen erhalten. Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie einfach einfügen.

Schauen Sie sich diesen Artikel an und bewundern Sie Wie Sie das Design Ihrer Wordpress-Produkte mit diesen kostenlosen Shortcodes zu verbessern

Sie können die Ausrichtungsmethoden auch im Editor auswählen, um die Schaltfläche in der Mitte, links oder rechts auszurichten. Doppelklicken Sie auf die Schaltfläche, um das Schaltflächenbearbeitungsfenster aufzurufen, und Sie können die Schaltfläche bearbeiten, wenn Sie möchten.

Auf dieser Ebene haben Sie nun die Möglichkeit, Schaltflächen zu WordPress hinzuzufügen, ohne Shortcodes zu verwenden. Aber bevor wir Sie verlassen, empfehlen wir Ihnen, zwei zu konsultieren Wordpress-Plugins Premium, mit dem Sie Shortcodes effizient verwalten können.

1. WPBakery Page Builder

WPBakery Page Builder, früher bekannt als Visual Composer, ist ein weiterer Premium- und äußerst beliebter Seitenersteller. Ein Großteil dieser Popularität beruht auf der Tatsache, dass WPBakery Page Builder mit fast 99 % der WordPress-Themes von ThemeForest. Tatsache ist jedoch, dass es auf sehr vielen Websites verwendet wird.

Wie Divi Builder ermöglicht WPBakery Page Builder sowohl die visuelle Bearbeitung als auch die Back-End-Bearbeitung. Im Vergleich zu Elementor oder Divi Builder sind die Styling-Optionen von WPBakery Page Builder etwas eingeschränkt. Sie haben eine gute Kontrolle über die Linien, aber die Gestaltungsmöglichkeiten für die einzelnen Elemente sind etwas eingeschränkter.

Wenn Sie Ihr eigenes CSS verwenden möchten, können Sie einzelnen Elementen eine benutzerdefinierte CSS-Klasse oder -ID hinzufügen oder der Seitenebene tatsächliche Stile hinzufügen.

Ich bin mir nicht sicher, ob WPBakery Page Builder über einzigartige Funktionen verfügt, die besonders hervorzuheben sind. Aber was er hat, ist eine riesige Community von Erweiterungen. Wie Divi Builder hinterlässt WPBakery Page Builder eine Vielzahl von Shortcodes in Ihren Inhalten, wenn Sie diese deaktivieren. Entdecken Sie das Tutorial

Herunterladen | Demo | Web-Hosting

2. Divi Builder

Divi Builder ist ein qualitativ hochwertiger Seitenersteller, der von Elegant Themes hoch bewertet wird. Obwohl Divi Builder normalerweise als Teil des WordPress Divi-Designs verwendet wird, ist es auch ein eigenständiges Plugin, das Sie auf anderen verwenden können WordPress-Themes.

Im Gegensatz zu den beiden vorherigen Buildern können Sie mit Divi Builder Ihre Inhalte über eine visuelle Oberfläche im Front-End sowie eine Oberfläche im Back-End bearbeiten, obwohl die meisten Benutzer die erste Oberfläche bevorzugen. .

Grundsätzlich wird anstelle der Seitenleisten alles in Popups und schwebenden Schaltflächen angezeigt. Sie erhalten Zugriff auf 316 vorgefertigte Vorlagen, die auf 40 verschiedene Präsentationspakete verteilt sind, sowie die Möglichkeit, Ihre eigenen Designs als Vorlagen zu speichern.

Eine der Eigenschaften von Divi war schon immer die Kontrolle über die Stile, die er Ihnen gibt. Auf drei verschiedenen Registerkarten können Sie verschiedene Einstellungen konfigurieren, einschließlich ansprechender Steuerelemente, anpassbarer Abstände und mehr.

Sie können sogar benutzerdefiniertes CSS hinzufügen, da der CSS-Editor eine grundlegende Validierung und automatische Vervollständigung umfasst. Eine der Kritikpunkte von Divi Builder war immer, dass es auf Shortcodes basiert. Das heißt, wenn Sie es jemals ausschalten, bleiben eine Reihe von Shortcodes in Ihren Inhalten. Dies ist zwar etwas deprimierend, aber jetzt, da Plugins wie Shortcode Cleaner existieren, weniger problematisch. 

Herunterladen | Demo | Web-Hosting

Andere empfohlene Ressourcen

Gehen Sie bei der Beherrschung Ihrer WordPress-Website weiter, indem Sie auch diese empfohlenen Ressourcen konsultieren.

• Call-To-Action-Tasten Vol.III
• Premium Web 2.0 Aufruf zu Aktionsschaltflächen
• Beste WordPress-Plugins für Ihre Website von Bestsellern

Zusammenfassung

Das war's Wir hoffen, dass dieser Artikel Ihnen beim Hinzufügen von Schaltflächen hilft WordPress ohne Verwendung von Shortcodes. Wenn Sie Vorschläge oder Anmerkungen haben, sind diese willkommen.

Wir laden Sie auch ein, unsere zu konsultieren Ressourcen, wenn Sie ein Anfänger Blogger sind. Aber nWir fordern Sie auf Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...