Funktionen von Shortcodes, Kadence und SiteOrigin

Visuelle Komponenten der Plugins

Mit diesen in unserem Kurs installierten Plugins sind wir in der Lage ohne HTML, CSS und PHP Kenntnisse auf unserer Webseite wichtige Funktionen und Style-Elemente leicht einzufügen. Es gibt natürlich unzählig weitere Plugins oder manchmal auch in kostenpflichtigen Themes mitgelieferte Module, die ähnliches können. Wer Bootstrap-Kenntnisse hat, und ein auf Bootstrap basiertes Theme, braucht in der Regel diese Plugins nicht. Womit Sie gerne zukünftig arbeiten möchten sei ihnen überlassen.

Block -Editor / Gutenberg

Übersicht aller Blöcke https://gutenberg-fibel.de/bloecke/

Shortcodes Ultimate

Übersicht aller Shortcodes https://getshortcodes.com/docs/#shortcodes

  • Block-Editor / Gutenberg
  • Visueller Editor
  • Page-Builder (mit Shortcode-Widget)

Kadence Blocks

Übersicht aller Kadence Blöcke: https://www.kadenceblocks.com/custom-blocks/

  • Block-Editor / Gutenberg
  • Visueller Editor
  • Page-Builder (mit Shortcode-Widget)

SiteOrigin Widgets Bundle

Übersicht aller Widgets von SiteOrigin: https://siteorigin.com/widgets-bundle/getting-started/

  • Block-Editor / Gutenberg
  • Visueller Editor
  • Page-Builder

Vergleich und Erklärung der Funktionen

Funktion / Style Block-EditorKadenceShortcodesSiteOrigin Widgets
Accordion / SpolierAufklappbare Elementexxx
AnimationAnimationen auf beliebige Inhaltex
Audio/VideoAudio/Video aus der Mediathek , oder von YouTube, Vimeo und Dailymotion zum Teilx$xx
BoxBox mit Titel und Rahmenx
ButtonButtonxxx
Call To Action.Handlungsaufforderung: Text mit Buttonx
Contact FormKontaktformularx
Content SliderSlider für beliebige Inhalte$x
CoverText/Blöcke auf Bildx
Database Post / Meta / UserInhalte aus der Datenbank abfragenx
DividerTrennlinie mit "nach oben" springenxxx
DocumentDokument einbindenx
DropcapInitialenx
Dummy imagePlatzhalter-Bildx
Dummy textBlindtextx
EditorVisueller Editorx
Exit PopupEin Text in einem Popup erscheint, wenn man mit der Maus die Webseite verlässt$
ExpandAufklappen längerer Inhalte mit Teaserx
FeaturesZeilen und Spalten mit Icon, Text und Verlinkungx
GalleryBilder Galeriexxx
Google MapsGoogle Kartexx
GroupBlöcke gruppierenx
Guest / Member / PrivateInhalte für Besucher oder eingeloggte Benutzerx
HeadingVariationen für Überschriftenxxxx
HeroText mit Button auf Bild und/oder Sliderx
HighlightText hervorheben mit Hindergrundfarbex
IconIcon einfügen mit Größe, Farbe und Verlinkungx$x
Icon ListEine Aufzählungsliste mit Icon(x)xx
Icon panelEin schöner Rahmen mit Icon und Text drin$
ImageBild einfügen (sogar aus Pixabay importieren)x
Image CarouselBilder Karussellx
Image GridBilder Galerie in Gitterx
Image MasonryBilder Galerie in Kachellookx
Image Overlay$
Info Box - Text with IconEine Box mit Text und Iconx$
LabelTexte labeln (in etwa wie hervorheben)x
MembersMitarbeiter Box mit Social-Iconsx
Menu, Subpages, SiblingsDarstellung eines Menüs, der Unterseiten und der Geschwisterseiten an beliebiger Stellex
Modal - Lightbox ContentEin Popup mit beliebigen Inhalt. Ausserhalb des Popups wird der Inhalt abgedunkelt$x
NoteAbsatz mit Hintergrundfläche (wie Post-it)x
PanelEin Inhalt in einer schönen Umrandung$
Parallax sectionEin Hintergrund der in einer anderen Geschwindigkeit als der Inhalt darüber sich bewegt$
PermalinkBeitrag über ID verlinkenx
Photo panelEin Rahmen um ein Bild mit Text$
Post CarouselBeiträge und Beitragsbilder einer Kategorie anzeigen$x
PostsBeitragslisten erzeugen, sortieren, filternx
Price TablePreistabelle$x
Product Carousel BlockWooCommerce Shop - Produkt Karussell$
Progress PieFortschrittsbalken animiert$
PullquoteEingezogenes Zitatxx
QR codeQR Code einfügenx
QuoteZitat Alternativexx
Row & ColumnsZeile mit Spaltenxxx
RSS FeedRSS Feeds anderer Webseiten einbindenx
SchedulerZeitsteuerung von Inhaltenx
ServiceIcon, Titel und Beschreibungx
ShadowSchatten anwenden auf Inhalte$
SliderSlider für Bilderxx
Social LinksIcons und Verknüpfungen von Social-Media Webseitenx
SpacerAbstandshalter in Pixelxxx
Splash ScreenEine Art zeitgestuerter Popup mit Inhalt$
Split Content Block$
TableEine HTML Tabelle stylen bzw. importierenxx
TabsTabs sind übersichtlich platzsparend und haben Navigation mit Reiternxxx
TaxonomyDarstellung der aktuellen Kategorie in einen Beitragx
TestimonialsTestimonial eine zu Werbezwecken verwendete Empfehlung mit Zitat, Quelle und Avatarx$x
TooltipKleine Hilftexte die beim Klicken oder Hovern erscheinenx
WidgetWidgets einfügenx