Wenn dieses Tutorial ist nicht genau was Sie suchen und Sie noch Fragen oder Vorschläge haben – lassen Sie uns wissen. Helfen Sie uns bitte um besser zu dienen!

Ihr Name

Emailadresse

Ihre Nachricht (benötigt)

captcha

Ausgewählte Vorlagen

WordPress. Wie benutzt man Shortcodes (auf Grund von Cherry 3.x)

Das jeweilige Tutorial zeigt, wie benutzt man Shortcodes in Vorlagen WordPress.

WordPress. Wie benutzt man Shortcodes

Shortcodes sind ein mächtiges Toll des Content-Managements http://codex.wordpress.org/Shortcode. Um Shortcodes der Vorlage zu benutzen, braucht man:

Plugin Cherry herunterzuladen und zu installieren.

  1. Einträge/Seite im Admin-Panel WordPress öffnen.

  2. Redigieren-Modus auf Visual (Visuell) umstellen. Den Button der Shortcodes drücken und notwendigen wählen.

wordpress_shortcodes_ using1

Alle Shortcodes teilen sich bedingt in folgende Gruppen:

  • Dynamische – benutzt man, um den Content (Einträge, Typen übliche Einträge, Tags usw.)einzutasten;

  • Spalten des Gitters sind Spalten, um das Gitter zu erstellen;

  • Elemente sind zusätzliche Elemente des Contents;

  • Andere sind behelfsmäßige Elemente des erweiterten Content-Managements.

Jetzt betrachten wir grundlegende Shortcodes:

  1. Post Grid (Gitter der Einträge) bildet standardisierte und übliche Posten in der Form von der Tabelle mit redigierender Menge von Spalten und Zeilen ab. Bei der Wahl erscheint Lightbox mit Einstellungen des Shortcodes. Jede enthält kurze Beschreibung mit einer Beschreibung. Klicken sie den Button Insert Shortcode (Shortcode hinzufügen) , wenn Sie Option-Einstellungen beenden würden. Der Shortcode des folgenden Typs wird erzeugt:
  2. [posts_grid columns="3" rows="3" order_by="date" order="DESC" thumb_width="100" thumb_height="100" meta="yes"
     excerpt_count="20" link="yes" link_text="more" custom_class="custom_class"]
    

    Drücken Sie Update (Speichern) um den Shortcode zu speichern, dann klicken Sie Preview Changes (Abtastung), um zu sehehn, wie er auf der Webseite aussieht.

    wordpress_shortcodes_ using2

  3. Post List (Eintragsliste) bildet standardisierte und übliche Posten ähnlich der Seite des Blogs ab:

  4. [posts_list numb="3" thumbs="large" thumb_width="100" thumb_height="100" post_content="excerpt" order_by="date"
     order="DESC" link="yes" link_text="more" tags="yes" custom_class="custom_class"] 
    

    wordpress_shortcodes_ using3

  5. Mini Post Grid (Mini-Gitter von Einträgen) ist mehr kompakte Version des Shortcodes [post_grid]. Sie bildet Bilder der veränderlichen Größe für standardisierte und übliche Einträge ab:

  6. [mini_posts_grid numb="3" thumbs="small" thumb_width="100" thumb_height="100" order_by="date" order="DESC" 
    align="left"]
    

    wordpress_shortcodes_ using4

  7. Mini Post List (Mini-Liste von Einträgen) ist mehr kompakte Version des Shortcodes [posts_list]. Sie bildet mit der Liste standardisierte und übliche Posten:

  8. [mini_posts_list numb="3" thumbs="small" thumb_width="100" thumb_height="100" meta="yes" order_by="date" 
    order="DESC" excerpt_count="20"] 
    

    wordpress_shortcodes_ using5

  9. Recent Posts (Letzte Einträge) bildet jüngste Einträge ab, für welche man folgende Optionen ( Eintragstyp, Menge, Format, Länge des Auszuges, Name des Buttons und andere)einstellen kann:

  10. [recent_posts num="3" post_format="standard" meta="false" thumb="true" excerpt_count="20"]
    

    wordpress_shortcodes_ using6

  11. Recent Testimonials (Letzte Empfehlungen) : bildet genannte Menge der Empfehlungen in Einträgen des üblichen Typs ab, erlaubt Bilder – Einträge zu löschen und hinzufügen und die Wörtermenge vorzugeben:

  12. [recenttesti num="2" thumb="true"]
    

    wordpress_shortcodes_ using7

  13. Banner (Banner) benutzt man, um das Blog mit statischem Text und/oder Bild, Namen, Link usw. abzubilden:

  14. [banner img="#" banner_link="#" title="Title" text="Text" btn_text="Button" target="_self"]
    

    wordpress_shortcodes_ using8

  15. Comments (Kommentare) zeigt letzte Kommentare:

  16. [recent_comments num="5"]
    

    wordpress_shortcodes_ using9

  17. Post Cycle (Eintragszyklus) bildet verschiedene Einträge wie Mini-Slider ab:

  18. [post_cycle num="5" type="portfolio" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]
    

    wordpress_shortcodes_ using10

  19. Carousel (Karussell) bildet Einträge in der Form von einem Karussell, enthält zusätzliche Einstellungen:

  20. [carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes"
     min_items="3"]
    

    wordpress_shortcodes_ using11

  21. Karussell Roundabout ist Plugin jQuery, das die Struktur der statischen Elemente HTML zu leicht steuerbarem interaktiven Element in der Form von einem Karussell macht:

  22. [roundabout title="Title" num="3" type="blog"]
    

    wordpress_shortcodes_ using12

  23. Service Box (Hilfsfenster) verwendet man, um Informationsblöcke mit einer Überschrift, Icon, Text, Button abzubilden. Grunglegende Besonderheit des jeweiligen Shortcodes besteht in Vorhandensein der eingestellten früher Icons. Um Icons abzubilden, braucht man die Dateien icon1.png, icon2.png, icon3.png, usw. in den Ornder wp_content/themes/your_theme/images auf FTP Server herunterzuladen:

  24. [service_box title="Title" icon="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal"
     target="_self"]
    

    wordpress_shortcodes_ using13

  25. Hero unit (Block “Wichtigste”) zeigt grunglegende Information der Webseite, Werbung usw. Gewöhnlich befindet sie sich auf der Haupseite der Webseite, sofort hinter Header:

  26. [hero_unit title="Title" text="Text" btn_text="Button" btn_link="#" btn_style="default" btn_size="normal"
     target="_self"]
    

    wordpress_shortcodes_ using14

  27. Shortcode Categories (Kategorien) benutzt man, um Kategorien (in Einträgen des Blockes und in üblichen Einträgen)abzubilden:

  28. [categories class="plus"]
    

    wordpress_shortcodes_ using15

  29. Tags (Tags) fügt Tags hinzu:

  30. [tags]
    

    wordpress_shortcodes_ using16

  31. Grid Columns (Gitterspalten) (span1-12) erstellt die Struktur der Gitterelemente, wo # stellt sich Spaltenmenge von 1 bis 12 vor, die die Breite des Elementes definieren:

  32. [span#] [/span#]
    

    Achtung, wenn Sie das Gitter erstellen, brauchen Sie "" seine Elemente in Shortcode [row]zu einwickeln:

    [row] [span6] Your Content... [/span6] [span6] t... [/span6] [/row]
    

    In linkem Panel Page Attributes (Seitenattribute) braucht manFullwidth Page (Vollbild-Seite) für Template (Vorlage) zu wählen.

  33. Fluid Columns (Biegsame Spalten) (one_half, one_third…) verwendt für Strukturelement des Gitters, wessen Breite man vorgibt %:

  34. [one_half] [/one_half] 
    

    Achtung, wenn sie das Gitter erstellen, brauchen Sie "" seine Elemente in Shortcode [row_fluid]zu einwickeln:

    [row_fluid] [five_sixth] Your content... [/five_sixth] [one_sixth... [/one_sixth] [/row_fluid]
    
  35. Shortcodes Multiple Columns (Multipele Spalten) (75% / 25%, и т.п.) kürzen das Content-Management anhand des Einsetzens mehr benutzenden Varianten des Gitters ab:

  36. [row]
    [span8] t... [/span8] [span4] Your content... [/span4]
    [/row]
    

    wordpress_shortcodes_ using17

  37. Label (Marker) bildet den Marker mit im voraus eingestellten Stilen ab:

  38. [label style="default"]label[/label]
    
  39. Highlight (Auszeichnung) zeichnet gewähltes Textfragment aus:

  40. [highlight]Text[/highlight]
    
  41. Button (Button) verwendt man, um den Button mit verschiedenen Einstellungen des Abbildes (Stil, Größe, Icon usw.)einzusetzen:

  42. [button text="Text" link="#" style="default" size="normal" target="_self" display="inline" icon="no"] 
    
  43. Dropcap (Initiale) bildet einen Großbuchstabe und Anfangsbuchstabe ab:

  44. [dropcap]L[/dropcap] 
    
  45. Blockquote (Zitat) verwendt man, um zu zitieren:

  46. [blockquote] Text... [/blockquote]
    
  47. Satz der Shortcodes Lists (Listen)  (unstyled, check, check2, arrow, arrow2, star, plus, minus – ohne Stil, Fähnchen, Fähnchen2, Pfeil, Pfeil2, Sternchen, Plus, Minus) benutzt man verschiedene Stilisierungen der Listen. Jeder Shortcode hat eigenen Marker für Listenpunkte:

  48. [check_list] List here ... [/check_list] 
    
  49. Video Preview (Video) erlaubt eine Videodateie einzusetzen, die man aus äußeren Ressourcen (youtube, vimeo) oder aus der Webseite (Innere Ressource)herunterzuladen :

  50. [video_preview post_url="http://demolink.org/blog/video-post-type/" title="yes" date="yes" author="yes"]
    

    wordpress_shortcodes_ using18

  51. Shortcodes Alert Boxes (Informationsfenster) (message (Mitteilung), info (Information), success (Erfolg), danger (Gefahr)) benutzt man für Informationsmitteilungen:

  52. [alert_box style="message" close="yes"]Hello, World![/alert_box]
    

    wordpress_shortcodes_ using19

  53. Shortcode Tabs (Einlagen) gibt den Content in der Form von Einlagen vor. Hier kann sich statischen und dynamischen Content befinden:

  54. [tabs tab1="Title #1" tab2="Title #2" tab3="Title #3"] 
       [tab1] Tab 1 content... [/tab1] 
       [tab2] Tab 2 content... [/tab2] 
       [tab3] Tab 3 content... [/tab3]
    [/tabs]
    

    wordpress_shortcodes_ using20

  55. Accordion (Akkordeon) bildet das Akkordeon – minimierende Panels mit Überschriften ab:

  56. [accordions] 
        [accordion title="title1" visible="yes"] tpreisa href= alt= alt=aligncenter size-medium wp-image-32054Blockquote (Цитата) ab content [/accordion] 
        [accordion title="title2"] another content tab [/accordion] 
    [/accordions]
    

    wordpress_shortcodes_ using21

  57. Table (Tabelle) antwortet auf Tabellen:

  58. [table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some title 1 [/td2] [td3] some value 1 [/td3] [/table]
    

    wordpress_shortcodes_ using22

  59. Google Map fügt Karten Google maps hinzu. Damit Shortcode funktioniert, brauchen Sie notwendige Koordinaten aus der Webseite https://maps.google.comeinzusetzen:

  60. [map src="#" width="300" height="200"]
    
  61. Sie können die Information über Shortcodes in der Dokumentation zur Vorlage finden, ohne sich in jeweiliges Tutorial einzuloggen. Die Menge der Shortcodes ist abhängig von einer Vorlage.

Sie können auch zum Vorwand ein ausführliches Tutorialvideo nehmen:

WordPress. Wie benutzt man Shortcodes

  • TechnicallySpeaking

    This is a nice little plugin to consolidate all these different shortcodes.

    No votes yet.
    Please wait...
 
Online-Chat
We help you to choose the right product.
Chat starten