Wenn Sie sich ein Szenario vorstellen wollen, in dem Ihre Nutzer zwischen verschiedenen Zuständen oder Optionen wechseln können, ist eine Umschalttaste die perfekte Lösung. Diese Schaltflächen bieten den Nutzern schnellen Zugriff auf Optionen, ohne zu viel Platz auf der Seite einzunehmen. Sie eignen sich zum Beispiel perfekt für das Umschalten zwischen monatlichen und jährlichen Preisen, zwischen detaillierten und zusammenfassenden Ansichten oder zwischen hellen und dunklen Anzeigemodi.
WordPress unterstützt zwar von Haus aus keine Schaltflächen zum Umschalten, aber mit dem Block "Tabbed Content" von Ultimate Blocks lässt sich deren Funktionalität leicht nachbilden. Das Plugin ist vielseitig und bietet im Gegensatz zu vielen anderen Optionen eine breite Palette von Blöcken, mit denen Sie einfache Registerkarten mit nur wenigen Anpassungen in umschaltbare Zustände verwandeln können.
Dieser Leitfaden soll Ihnen zeigen, wie Sie dieses Plugin nutzen können, um einen eleganten, benutzerfreundlichen Umschaltknopf-Effekt zu erzielen. Fangen wir an.
Schritt 1: Ultimate Blocks Plugin installieren
Loggen Sie sich einfach in Ihr WordPress-Dashboard ein und navigieren Sie dann zu Plugins > Neu hinzufügen. Geben Sie in der Suchleiste "Ultimative Blöcke," und sobald es erscheint, klicken Sie auf Installieren Sie. Nach der Installation, aktivieren. das Plugin.
Schritt 2: Hinzufügen des Inhaltsblocks mit Registerkarten
Sobald Ultimate Blocks aktiv ist, entscheiden Sie, wo die Umschalttaste eingefügt werden soll. Sie können eine neue Seite oder einen Beitrag öffnen oder mit einer bestehenden Seite fortfahren.
Geben Sie im WordPress-Editor Folgendes ein /Registerkarteninhalt oder klicken Sie auf die + Symbol um die Blockbibliothek zu öffnen. Wenn Sie die Methode mit dem +-Symbol verwenden, geben Sie "Inhalt mit Registerkarten" in der Suchleiste, um die Registerkarten-Inhaltsblock und fügen Sie es in Ihre Seite oder Ihren Beitrag ein.
Sobald Sie den Block zu Ihrem Editor hinzugefügt haben, erhalten Sie diese Schnittstelle in Ihrem Editor.
Zu diesem Zeitpunkt ähnelt der Block noch nicht einer Umschalttaste. Was wir jetzt brauchen, sind ein paar Anpassungen in den Blockeinstellungen, um ihn näher an eine Einrichtung zu bringen, die eine Umschalttaste imitiert, mit der Benutzer zwischen sichtbaren Inhaltsbereichen wechseln können.
Schritt 3: Anpassen und Konfigurieren des Inhaltsblocks mit Registerkarten
Wenn der Block ausgewählt ist, gehen wir in den Bereich Einstellungen auf der rechten Seite. Wählen Sie die Pillen Stil in den Einstellungen, damit jede Registerkarte wie eine Schaltfläche und nicht wie eine Registerkarte aussieht.
Als nächstes müssen wir den Block Ausrichtung in die Mitte, damit es mehr wie eine Umschalttaste aussieht.
Um nun einen Umschaltzustand zu erstellen, benötigen wir mindestens zwei Registerkarten. Klicken Sie einfach auf die + Vorzeichen neben der ersten Registerkarte, um eine weitere Registerkarte hinzuzufügen. Wenn Sie mehr Registerkarten haben möchten, gehen Sie genauso vor.
Sobald wir das getan haben, haben wir separate Registerkarten, mit denen wir arbeiten können. Jetzt müssen wir diese Registerkarten mit Hilfe der Farbeinstellungen in Schaltflächen umwandeln.
Aber zuerst, umbenennen die Registerkarten mit unterschiedlichen Beschriftungen, um die verschiedenen Umschaltzustände darzustellen, und wechseln Sie dann zur Registerkarte Stil-Einstellungen in der rechten Seitenleiste. Verwenden Sie von dort aus die Farbeinstellungen um kontrastierende Farben für jede Registerkarte hinzuzufügen, damit die aktive Registerkarte besser erkennbar ist.
Jetzt ist Ihre Umschalttaste fertig. Jetzt müssen Sie nur noch Ihren Inhalt hinzufügen. Klicken Sie in jede Registerkarte, um spezifische Inhalte hinzufügen. Sie können Text, Bilder, Videos oder beliebige Blöcke einfügen, die Ihren Bedürfnissen entsprechen. Klicken Sie einfach auf die + Vorzeichen und fügen Sie den entsprechenden Block für Ihren bevorzugten Inhalt hinzu.
Anschließend fügen Sie den einzelnen Registerkarten zugehörige Inhalte hinzu. Hier haben wir ein Beispiel für einen Preisabschnitt mit Absatz-, Überschriften- und Listenblöcken in beiden Registerkarten erstellt. Sie können die Farbe der einzelnen Blöcke im Abschnitt Farbe festlegen und, wenn Sie der Meinung sind, dass diese Registerkarten stärker hervorgehoben werden müssen, den Wert inhaltlicher Hintergrund des gesamten Blocks.
Schritt 4: Vorschau und Veröffentlichung
Verwenden Sie die Vorschau um zu testen, wie Ihre Registerkarten als Umschalttaste funktionieren. Prüfen Sie, ob jede Registerkarte den richtigen Inhaltsbereich öffnet. Wenn Sie mit dem Aussehen und der Funktionalität zufrieden sind, klicken Sie auf Veröffentlichen oder Aktualisieren wenn es sich um einen bestehenden Beitrag handelt. Ihr Umschaltknopf-Effekt ist nun live und bereit, Ihren Nutzern eine einfache Möglichkeit zu bieten, zwischen Inhaltsabschnitten umzuschalten.
Schlussfolgerung
Wenn Sie diese Schritte befolgen, können Sie Standard-Registerkarten erfolgreich in eine voll funktionsfähige Umschalttaste verwandeln. Diese Einrichtung verbessert Ihr Inhaltslayout und macht es zugänglich und einfach zu navigieren. Ihre Besucher können nun sofort zwischen verschiedenen Optionen wechseln, sei es zur Erkundung verschiedener Preise, zur Anzeige zusätzlicher Details oder zur Auswahl ihrer Anzeigepräferenzen. Diese kleine Ergänzung bringt Klarheit und Flexibilität auf Ihre Website und ermöglicht es den Nutzern, den Inhalt zu ihren Bedingungen zu erkunden, während die Seite sauber und übersichtlich bleibt.
