# 57 Shortcodes und Elemente URL: https://canvaswp.com/de/templates/shortcodes/ Updated: 2026-11-03 Templates Jedes Inhaltselement, das Canvas mitbringt, hat eine eigene Seite, auf der alle Varianten zusammen dargestellt sind, damit Sie die Optionen sehen, bevor Sie etwas aufbauen. [Live-Showcase öffnen](https://demos.canvaswp.com/classic/) [Demo-Websites durchsuchen](https://canvaswp.com/de/demos/) Zuletzt aktualisiert am 3. November 2026 - [Animationen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/animations/) - [Buttons (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/buttons/) - [Carousel (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/carousel/) - [Clients (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/clients/) - [Spalten (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/columns-grids/) - [Counters (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/counters/) - [Read More (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/read-more/) - [Ticker (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/ticker/) - [Warenkorbmenge (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/cart-quantity/) - [Parallax-Elemente (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/parallax-elements/) - [Dividers (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/dividers/) - [Icon Boxes (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/featured-boxes/) - [Galerien (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/gallery/) - [Überschriftenstile (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/headings-dropcaps/) - [Icon Lists (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/icon-lists/) - [Verläufe (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/gradients/) - [Lightbox (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/lightbox/) - [Item-Overlays (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/item-overlays/) - [Formularelemente (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/form-elements/) - [Datei-Uploads (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/component-uploads/) - [Circle Stack (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/circle-stack/) - [Video Facade (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/video-facade/) - [Scroll-Elemente (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/scroll-elements/) - [Lists & Cards (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/lists-cards/) - [Karten (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/maps/) - [Media Embeds (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/media-embeds/) - [Modal-Boxen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/modal-popovers/) - [Benachrichtigungen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/notifications/) - [Seitennavigation (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/pagination-progress/) - [Fortschritt & Fähigkeiten (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/progress-skills/) - [Shape Dividers (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/shape-dividers/) - [Cascading Images (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/cascading-images/) - [Code Highlighter (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/code-highlighter/) - [Medienaktionen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/media-actions/) - [Preisboxen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/pricing/) - [Process Steps (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/process-steps/) - [Promo-Boxen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/promo-boxes/) - [Blockzitate (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/quotes-blockquotes/) - [Bildslider (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/image-sliders/) - [Abschnitte (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/sections/) - [Social Icons (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/social-icons/) - [Hover-Animationen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/hover-animations/) - [AJAX Button (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/ajax-button/) - [Bedingte Formulare (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/conditional/) - [Preloader (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/preloaders/) - [Alert-Boxen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/style-boxes/) - [Styled Icons (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/styled-icons/) - [Tabellen (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/tables/) - [Tabs (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/tabs/) - [Testimonials (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/testimonials-twitter/) - [Thumbnails (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/thumbnails-slider/) - [Toggles (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/toggles-accordions/) - [Lazy Loading (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/lazy-loading/) - [Flip Cards (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/flip-cards/) - [Modus-Umschalter (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/color-mode-switcher/) - [Benutzerdefinierter Cursor (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/custom-cursor/) - [Image Compare (öffnet in einem neuen Tab)](https://demos.canvaswp.com/classic/image-compare/) Jeder Link öffnet eine echte Seite auf der Live-Showcase, gestaltet mit demselben Theme und denselben Blöcken, die Sie installieren. Welcher Block ## Der Block hinter jedem Element Jede Elementseite zeigt einen oder mehrere Canvas-Blöcke mit ihren Varianten nebeneinander. Suchen Sie das gewünschte Element, fügen Sie den darunter genannten Block ein, und die Varianten sind Einstellungen in dessen Seitenleiste. - **Buttons** Button, Page Title Buttons - **Carousel** Carousel, Product Carousel - **Clients** Clients - **Spalten** Column, Row - **Counters** Countdown, Counter - **Read More** Read More - **Ticker** Ticker - **Warenkorbmenge** Quantity Input - **Parallax-Elemente** Parallax Image - **Dividers** Divider - **Icon Boxes** Icon Box - **Galerien** Gallery - **Überschriftenstile** Dropcap, Heading, Text Rotator - **Icon Lists** Icon List - **Item-Overlays** Overlay Content, Overlay Item - **Formularelemente** Form Field - **Circle Stack** Circle Stack - **Lists & Cards** Link Tiles, Lists & Cards - **Karten** Map - **Media Embeds** Media Embed - **Modal-Boxen** Modal - **Benachrichtigungen** Notification - **Seitennavigation** Seitennavigation - **Fortschritt & Fähigkeiten** Progress Bar - **Shape Dividers** Plain Image, Shape Divider - **Cascading Images** Cascading Images - **Code Highlighter** Code Highlight - **Medienaktionen** Background Video / Audio - **Preisboxen** Inline SVG, Pricing Switcher, Pricing Table - **Process Steps** Process Steps - **Promo-Boxen** Promo Box - **Blockzitate** Zitat - **Bildslider** Image Slider - **Abschnitte** Hero, Wrapper - **Social Icons** Social Icons - **AJAX Button** AJAX Button - **Preloader** Preloader - **Alert-Boxen** Alert - **Styled Icons** Styled Icon - **Tabs** Tabs - **Testimonials** Testimonials - **Toggles** Accordion, Toggle - **Flip Cards** Flip Card - **Image Compare** Image Compare Gemeinsame Einstellungen ## Was jedes Element mitbringt ### Das erweiterte Panel Canvas fügt jedem Blocktyp auf der Website dasselbe erweiterte Panel hinzu, einschließlich der Kernblöcke und der Blöcke anderer Plugins: eine Animation beim Einblenden und Ausblenden, benutzerdefiniertes CSS für diesen Block, benutzerdefinierte Attribute sowie Anzeigebedingungen nach Rolle oder Gerät. Die Seite Animationen zeigt dieses Panel in Aktion. ### Standardwerte und globale Stile Richten Sie eine Schaltfläche so ein, wie Ihre Marke es wünscht, und speichern Sie diese Einstellungen als Standard, damit die nächste eingefügte Schaltfläche damit startet. Ein globaler Stil bezeichnet eine Gruppe von Einstellungen, die Sie auf die gesamte Website anwenden und später an einer Stelle ändern. ### Kostenlos und Premium, gleicher Tarif 228 von den 314 Canvas-Blöcken sind kostenlos und 86 sind Premium-Blöcke. Jeder Tarif umfasst alle Blöcke, sodass Sie kein Element auf dieser Seite erst über ein Upgrade freischalten müssen. - [Die vollständige Block-Bibliothek](https://canvaswp.com/de/blocks/) ### Warum das Menü Shortcodes heißt Diese Übersicht übernimmt die Menünamen von Canvas HTML, der Vorlage, die diese Seiten nachbilden, und „Shortcodes“ ist die Bezeichnung, die dieses Menü für seine Elementseiten verwendet. So findet jeder, der mit der HTML-Vorlage gearbeitet hat, jede Seite dort, wo er sie erwartet. In Canvas für WordPress ist keines davon ein Shortcode. Jedes Element ist ein registrierter Block mit seinen Optionen in der Seitenleiste, gespeichert als Standard-Blockmarkup, und niemand muss sich eine Tag-Klammer merken. - [Was von Canvas HTML übernommen wird](https://canvaswp.com/de/canvas-html-to-wordpress/) Weitere Templates ## Der Rest der Bibliothek - [Seitenvorlagen 13](https://canvaswp.com/de/templates/page-templates/) - [Portfolio-Layouts 27](https://canvaswp.com/de/templates/portfolio/) - [Blog-Layouts 35](https://canvaswp.com/de/templates/blog/) - [Shop-Layouts 9](https://canvaswp.com/de/templates/shop/)