Registerkarten sind auf vielen Websites, insbesondere in E-Commerce-Geschäften, weit verbreitet. E-Commerce-Shop-Besitzer verwenden häufig Registerkarten im Produktbeschreibungsbereich, in denen sie Bewertungen, Beschreibungen, technische Spezifikationen usw. aufteilen. auf mehreren Registerkarten.
A pesar de esto, las pestañas se han utilizado en muchos otros tipos diferentes de sitios web, no solo en sitios web de comercio electrónico. Incluso el sitio web oficial de WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, Plus.org utiliza pestañas en las páginas de descripción de complementos. Consulte la imagen a continuación para ver las pestañas resaltadas en WP.org.
Viele andere Websitebesitzer verwenden Registerkarten für verschiedene Arten von Websites. Unabhängig davon sollten Wimpern nicht mit verwechselt werden Akkordeons, die sich erweitern, um Informationen zu enthüllen. Schauen Sie sich unten an, wie ich die Akkordeons auf meiner Website verwendet habe.
Aber abgesehen von Akkordeons sind wir hier, um darüber zu sprechen Registerkartenauf diese Weise verlieren wir nicht unseren Fokus; Ich musste nur die Unterscheidung zwischen Tabs und Akkordeons klarstellen. Jetzt hoffe ich, dass wir auf derselben Seite sind 🙂
Im Wesentlichen verwenden Websitebesitzer Registerkarten, um Informationen zu teilen, die sonst eine ganze Seite oder einen ganzen Beitrag eingenommen hätten. Das bedeutet, dass Registerkarten das Verdauen von Informationen erheblich erleichtern, ohne dass Benutzer zwangsläufig millionenfach auf das Scrollrad drücken müssen.
Mit anderen Worten, Registerkarten verbessern die Benutzerfreundlichkeit Ihrer Website, insbesondere in einer Welt von kürzere Aufmerksamkeitsspannen. Wenn Sie also Benutzer länger auf Ihrer Website halten möchten, ohne sie mit langen Seiten zu langweilen, sollten Sie die Verwendung von Registerkarten in Betracht ziehen.
Im heutigen Beitrag zeigen wir Ihnen genau, wie Sie Ihren WordPress-Posts und -Seiten Registerkarten hinzufügen. Vor dem Ende dieses Beitrags haben Sie alle Anweisungen, die Sie benötigen, um die Registerkarten zu Ihrem Vorteil zu nutzen. Wir hoffen, Sie genießen bis zum Ende und gehen nicht, ohne Ihre Gedanken im Kommentarbereich zu teilen. Lassen Sie uns loslegen.
Verwenden Sie einen Seitenersteller
Wenn Sie bereits einen Seitenersteller installiert haben, haben Sie Glück. Sie haben wahrscheinlich bereits ein Registerkartenmodul zur Hand. Die meisten großen Seitenersteller bieten Registerkarten als Teil ihrer grundlegenden Elemente für den Seitenersteller an. Hier ein kurzer Blick auf zwei unserer Favoriten.
Kostenloser Elementor Page Builder
El popular creador de páginas Elementor incluye pestañas como parte de la versión gratuita del complemento. Todo lo que necesita hacer es insertar un elemento de pestaña en su página, luego editar el título, InhaltEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Plus, estilo, etc. ¡Eso es todo!
WPBakery Premium Page Builder
Verwenden eines Premium-Themas, das den WPBakery Page Builder enthält (wie unseres Gesamtthema)? Ausgezeichnet! Die Registerkarten sind integriert und einfach zu bedienen.
El módulo de la pestaña WPBakery es ligeramente diferente del ejemplo anterior, dado que las pestañas están inicialmente vacías cuando las agrega. Deberá insertar items de página adicionales (área de texto, imágenes, íconos, etc.) dentro de las pestañas para agregar su contenido. Pero esto le da mucha libertad para crear pestañas como las desee (a la vez de las opciones de estilo integradas). Hemos cubierto este creador de páginas en el BlogEl término blog se usa para describir un diario virtual en Internet. El autor de un blogger puede publicar posts sobre cualquier tema. Los posts suelen estar presente de forma cronológica. El estilo de redacción de un blog suele ser informal y se escribe en primera persona. No obstante, además son posibles otros estilos, por ejemplo en el caso de los periódicos online, en los que la atención se centra Plus antes, por lo que si desea instrucciones más detalladas, consulte nuestra guía WPBakery (nota: este complemento se llamaba previamente Visual Composer, de esta manera lamento de antemano cualquier confusión).
Installieren Sie das WordPress Tabs Plugin
Wenn Sie keinen Seitenersteller verwenden, müssen Sie nicht nur einen für Ihre Registerkarten verwenden. Es gibt viele großartige Alternativen, wie das kostenlose WordPress-Plugin, das von WP Shop Mart einfach als Tabs bezeichnet wird. Tabs ist ein raffiniertes WordPress-Plugin, mit dem Sie eine unbegrenzte Anzahl schöner Tabs erstellen können, ohne ins Schwitzen zu geraten.
Beginnen wir mit der Installation des WordPress Tabs-Plugins. Da es im offiziellen WordPress-Plugin-Repository verfügbar ist, können Sie das Plugin direkt über das WordPress-Admin-Panel installieren.
Wir verwenden die kostenlose Version, es ist jedoch eine Premium-Version verfügbar, wenn Sie später ein Upgrade für zusätzliche Funktionen durchführen möchten.
Installieren des WordPress Tabs Plugins
Melden Sie sich bei Ihrem WordPress-Admin-Panel an und navigieren Sie zu Plugins> Neu hinzufügen e ingrese «pestañas wpshopmart» en el cuadro de búsqueda de Schlüsselwörter¿Qué son las palabras clave?Término o conjunto de términos que un usuario introduce en un buscador como Google cuando quiere localizar información y que este último utiliza para identificar los resultados y los anuncios que mejor se ajustan a la búsqueda. Así, elegir palabras clave que coincidan con las expresiones o frases que los usuarios emplean se ha convertido en una pieza básica tanto para el posicionamiento orgánico como para la Plus. Una vez que encuentre el complemento correcto, pulse el Jetzt installieren Taste wie unten gezeigt.
Klicken Sie danach auf Aktivieren Taste. Und das war's, Ihr Tabs Responsive WordPress-Plugin ist einsatzbereit. Erstellen wir nun einige Registerkarten, um herauszufinden, was dieses Plugin zu bieten hat.
Konfigurieren Sie das WordPress-Plugin für Responsive Tabs
Durch Aktivieren des Plugins wird Ihrem WordPress-Administratormenü ein neues Element hinzugefügt. Navigieren Sie zum Erstellen neuer Registerkarten zu Responsive Tabs> Neue Tabs hinzufügen wie wir im Screenshot unten detailliert beschreiben.
Wenn Sie dies tun, gelangen Sie zum Responsive Eyelash Maker, der alle Funktionen bietet, die Sie benötigen, um schöne Wimpern wie ein Chef zu erstellen. Sehen Sie sich das Bild unten an, um eine Vorstellung davon zu bekommen, was Sie erwartet.
Todo un pergamino, ¿no? Bueno, puedes encontrar la mayoría de las funciones en la barra lateral derecha. Tenga en cuenta al mismo tiempo que las pestañas individuales tienen su configuración. Incluso puede usar editores WYSIWYGWYSIWYG es un acrónimo que significa "Lo que ves es lo que obtienes". Esta expresión se usa para los sistemas de creación de documentos Web (por ejemplo, editores HTML) y otros formatos como los programas de procesamiento de imágenes que imprimen el contenido en una pantalla precisamente igual que se mostrará más tarde en otros dispositivos de usuario, como una impresora o un navegador. Información general Los editores WYSIWYG disponen Plus en las pestañas, lo que significa que tiene mucho control sobre sus pestañas.
Jetzt erstellen wir einige Beispielregisterkarten und zeigen sie auf einer Seite oder einem Beitrag an.
Titel hinzufügen
Beginnen Sie, indem Sie Ihren Registerkarten einen beschreibenden Titel geben (genau wie bei Ihren Navigationsmenüs), wie im obigen Bild gezeigt. So können Sie Ihre Registerkarten später im WordPress-Admin-Bereich leicht identifizieren, falls Sie etwas bearbeiten müssen. Für die Zwecke dieses Tutorials habe ich meine Registerkarten "Test Launch Tabs" genannt.
Wählen Sie eine Tab-Designvorlage
Wie im obigen Screenshot zu sehen ist, müssen Sie im nächsten Schritt eine Entwurfsvorlage auswählen, die Sie für Ihre Registerkarten verwenden möchten. Die kostenlose Version des Tabs WordPress-Plugins bietet Ihnen nur eine Layoutvorlage, für die Sie jedoch jederzeit ein Upgrade auf die Premium-Version durchführen können 19 mehr. Sprechen Sie über Designfreiheit.
Registerkarten hinzufügen
Fügen Sie als Nächstes beliebig viele Registerkarten hinzu, wie unten gezeigt.
Wir haben eine nummerierte Liste erstellt, in der detailliert beschrieben wird, was Sie in der Liste tun können Registerkarten hinzufügen Abschnitt oben gezeigt. Die Nummern entsprechen jedem Bereich.
- Tab-Titel - Fügen Sie als Beispiel Ihren Tab-Titel in dieses Feld ein Beschreibung, Spezifikationen, Details, usw.
- Registerkarte Beschreibung - Fügen Sie hier Ihre Registerkartenbeschreibung hinzu. In diesem Feld können Sie den Inhalt Ihrer Registerkarte hinzufügen. Das Beste daran ist, dass Sie den WYSIWYG-Editor (siehe Abbildung 3 unten) verwenden können, um Ihren Registerkarten umfangreiche Inhalte hinzuzufügen, einschließlich Bilder, Musik und Videos.
- Verwenden Sie WYSIWYG - Wenn Sie das Vertraute verwenden möchten W.Hut-Y.UNED-S.ee-michs-W.Hut-Y.UNED-GRAMMWenn Sie den Editor Ihres Tabs erstellen möchten, können Sie diese Schaltfläche drücken, um das Popup-Fenster zu öffnen
- Tab-Symbol - In diesem Feld können Sie ein Symbol auswählen, das auf Ihrer Registerkarte verwendet werden soll. Tabs Mit dem WordPress-Plugin können Sie auf unzählige Font Awesome-Symbole zugreifen, um Ihre Tabs wie ein Profi zu animieren
- Oberes Symbol anzeigen - Wenn Sie den Tabulatortitel neben dem Symbol anzeigen möchten, werden Sie diese Funktion lieben. Gleichzeitig können Sie das Symbol deaktivieren, ohne den Tabulatortitel zu berühren
- Aufschieben - Drücken Sie diese Taste, um eine bestimmte Registerkarte zu löschen
- Fügen Sie neue Registerkarten hinzu - Klicken Sie auf diese Schaltfläche, um weitere Registerkarten hinzuzufügen
- Alles entfernen - Müde von all den Wimpern? Schlagen Sie einfach die Alles entfernen Taste, um alle zurückzusetzen
Ein paar zusätzliche Tipps, die Ihnen helfen sollen. Zunächst können Sie die Registerkarten ziehen und ablegen, um sie nach Belieben neu anzuordnen und anzuordnen.
Zweitens vergessen Sie nicht, die Taste zu drücken Entwurf speichern ein- oder zweimal beim Erstellen Ihrer Registerkarten, um sicherzustellen, dass Sie keine Änderungen verlieren, falls Sie versehentlich aus dem Registerkartengenerator austreten.
Wenn Sie Hilfe benötigen, gibt es ein großes Blau Hole dir Unterstützung Schaltfläche direkt unter dem Registerkarten hinzufügen sección (y en la mayoría de las páginas del complemento) que lo lleva al ForumConcepto de Foro¿Qué es un Foro?Un Foro es un lugar de Internet donde los usuarios se reúnen para tratar distintos temas relacionados por una misma temática, o inclusive para hablar de todo aquello que les resulte interesante, mediante de mensajes que se hacen público en formato texto. Permite alojar contenido multimedia, pero la conversación no se hace en directo, como sería en un chat.Los foros son uno de los puntos Plus oficial de soporte de Tabs en WordPress.org. No dude en presionar el botón de soporte si necesita ayuda en cualquier momento.
Shortcode-Registerkarten
Unten finden Sie den Registerkarten-Shortcode, mit dem Sie Ihre Registerkarten auf jeder gewünschten Seite oder in jedem gewünschten Beitrag hinzufügen und anzeigen. Unser Shortcode lautet beispielsweise [TABS_R id = 443]. Um die Registerkarten auf einer Seite anzuzeigen, kopiere ich einfach den obigen Shortcode und füge ihn auf dieser bestimmten Seite ein.
Tab-Widget
¿Está buscando agregar sus pestañas en un área de WidgetsConcepto de Widgets¿Qué son los Widgets?Los Widgets son una serie de pequeños programas que se usan para añadir funciones, simplificar o automatizar aquellas acciones que se lleven a cabo a menudo dentro de una web. Son herramientas adicionales, añadidos que se elaboran con la finalidad de hacer más fácil las labores de mantenimiento o inclusive de generación de contenidos dentro de cualquier sitio de Internet y que no han hecho Plus en su sitio web? Si es un rotundo sí, le encantará el soporte para widgets que viene con el complemento Tabs de WordPress.
Schlagen die Klicke hier Das VerknüpfungConcepto de Dominio¿Qué es un Enlace?En Internet, un link, además conocido como enlace o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido distinto. Es el principal medio de “desplazamiento” en la red, puesto que se encuentra presente en prácticamente cualquier portal que visites a día de hoy, inclusive en Plus en la imagen de arriba lo lleva a la pantalla de widgets de WordPress, donde puede agregar sus pestañas en cualquier lugar donde tenga un área de widgets en su tema.
CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a Plus personalizado
Obwohl das WordPress Tabs-Plugin viele Optionen zur Anpassung von Registerkarten enthält (sehen Sie sich einfach die rechte Seitenleiste an; es ist voller Stiloptionen!), Können Sie Ihre eigenen benutzerdefinierten CSS-Stile hinzufügen, wie unten gezeigt.
Gleichzeitig können Sie Ihre benutzerdefinierten Einstellungen als Standardeinstellungen für alle neuen Registerkarten festlegen, indem Sie einfach auf klicken Standardeinstellungen aktualisieren Taste wie im Bild oben gezeigt.
Die rechte Seitenleiste
Die rechte Seitenleiste, die wir im obigen Bild hervorheben, trägt den Tag für Sie. Es bietet alle Optionen, die Sie benötigen, um Ihre Wimpern nach Herzenslust zu stylen. Bemerkenswerte Optionen umfassen:
- Tab Hintergrundfarbe
- Tab-Schriftfarbe
- Stil und Schriftfamilie
- Optionen für Tabulatortitel und Symbol anzeigen
- Ausrichten der Position des Registerkartensymbols, dh vor oder nach dem Tabulatortitel
- Flanschkanten
- Animationen mit mehreren Registerkarten
- Und vieles mehr
Fügen Sie Ihre Registerkarten einer WordPress-Seite oder einem Beitrag hinzu
Scrollen Sie nach dem Hinzufügen der Registerkarteninhalte und Stiloptionen nach oben und klicken Sie auf Zu posten Taste wie unten gezeigt.
Zu diesem Zeitpunkt sind Ihre Registerkarten fertig. Sie müssen lediglich die Registerkarten zu einer WordPress-Seite oder einem Beitrag hinzufügen. Kopieren Sie einfach den Shortcode von den Registerkarten, die wir zuvor gesehen haben. Unsere ist [TABS_R id = 443].
Starten Sie Ihren Post-Editor (auch wenn Sie ihn verwenden Gutenberg) und fügen Sie den Shortcode in Ihren Beitrag / Ihre Seite ein. Drücken Sie danach die Taste Zu posten Taste wie unten gezeigt.
Posteriormente de unos 5 minutos de configurar las cosas; Estoy usando el tema Twenty Seventeen y mucho Lorem IpsumConcepto de Lorem ipsum¿Qué es Lorem ipsum?Lorem ipsum es una expresión latina que se usa para hablar del texto que se usa en el diseño gráfico para comprobar la distribución de una plantilla, ver cómo queda una tipografía o básicamente estudiar un borrador de diseño para buscar una mejor redistribución de sus items. Es algo muy presente en el campo del diseño web, puesto que aparece en la mayoría de Plus, se me ocurrió el siguiente resultado.
Beachten Sie, dass ich die Farben oder etwas nicht angepasst habe. Sag mir was du denkst; war es nicht so einfach?
Das Hinzufügen von Registerkarten zu Ihren WordPress-Seiten und -Postings ist eine Aufgabe der vierten Klasse. Ich erwarte keine Probleme, insbesondere wenn Sie ein Plugin wie die Tabs von WP Shop Mart verwenden.
¿Cómo agrega pestañas a sus páginas y publicaciones de WordPress? ¿Cuál es tu PluginConcepto de Plugin¿Qué es un Plugin?Un Plugin es un fragmento o componente de código hecho para ampliar las funciones de un programa o de una herramienta. En el ámbito del marketing digital, especialmente dentro del marketing de contenidos, es algo que se utiliza con mucha frecuencia dentro de entornos como WordPress, puesto que sirven al momento de contar con añadidos que hagan mucho más cómoda y completa la experiencia de Plus de WordPress de pestañas favorito? Por favor comparta sus pensamientos en los comentarios. ¡Feliz creación!
