So verwenden Sie Shortcodes in WordPress

下次还敢
Freigeben: 2024-04-15 18:39:17
Original
1210 Leute haben es durchsucht

WordPress-Shortcodes bieten eine bequeme Möglichkeit, komplexe Funktionen und Inhalte wie Tabellen, Schaltflächen, Schieberegler und Formulare einfach einzufügen, indem Codefragmente in eckigen Klammern ([ und ]) verwendet werden. Sie können Shortcodes verwenden, indem Sie ein Shortcode-Plugin wie Shortcodes Ultimate installieren, Shortcodes zu Ihren Inhalten hinzufügen, Eigenschaften festlegen, um das Aussehen und die Funktionalität anzupassen, und Änderungen speichern. Beispiele hierfür sind das Einfügen von Tabellen, das Hinzufügen von Schaltflächen, das Anzeigen von Schiebereglern, das Erstellen von Anmeldeformularen und das Einfügen von Kontaktformularen.

So verwenden Sie Shortcodes in WordPress

So verwenden Sie WordPress-Shortcodes

WordPress-Shortcodes sind eine bequeme Möglichkeit, Ihren Beiträgen und Seiten komplexe Funktionen und Inhalte hinzuzufügen. Dabei handelt es sich um kurze Codeausschnitte, mit denen Sie problemlos Tabellen, Schaltflächen, Schieberegler und andere Elemente einfügen können.

So verwenden Sie

1. Installieren Sie das Shortcode-Plugin

Zuerst müssen Sie ein Shortcode-Plugin installieren. Es stehen mehrere kostenlose und kostenpflichtige Optionen zur Verfügung, z. B. Shortcodes Ultimate, Shortcake und Ninja Forms.

2. Fügen Sie Shortcodes zu Ihren Inhalten hinzu

Sobald Sie das Plugin installiert haben, können Sie Shortcodes in Ihren Inhalten verwenden. Shortcodes werden in eckige Klammern ([ und ]) eingeschlossen. Um beispielsweise eine Schaltfläche einzufügen, können Sie den folgenden Shortcode verwenden:

<code>[button link="https://www.example.com" color="blue" size="large"]按钮文字[/button]</code>
Nach dem Login kopieren

3. Shortcode-Eigenschaften festlegen

Bei den meisten Shortcodes können Sie Eigenschaften festlegen, um deren Aussehen und Funktionalität anzupassen. Eigenschaften werden als Eigenschaftsnamen-Wert-Paare in eckige Klammern eingeschlossen. Um beispielsweise die Farbe der Schaltfläche im obigen Beispiel zu ändern, würden Sie das Attribut color auf red setzen: color 属性设置为 red

<code>[button link="https://www.example.com" color="red" size="large"]按钮文字[/button]</code>
Nach dem Login kopieren

4. 保存您的更改

添加简码后,请务必保存您的更改。简码将在您的帖子或页面上呈现为其相应的元素。

示例

以下是一些使用 WordPress 简码的示例:

  • 插入表格: [table][row][cell]单元格内容[/cell][/row][/table]
  • 添加按钮: <code>[button link="https://www.example.com" color="blue" size="large"]按钮文字[/button]</code>
  • 显示滑块: [slider][slide image="image1.jpg"]幻灯片内容[/slide][/slider]
  • 创建登录表单: [login_form]
  • 插入联系表单: [contact_form]rrreee
4 Speichern Sie Ihre Änderungen

🎜 Stellen Sie nach dem Shortcoding sicher, dass Sie Ihre Änderungen speichern. Der Shortcode wird als entsprechendes Element in Ihrem Beitrag oder Ihrer Seite gerendert. 🎜🎜🎜Beispiele🎜🎜🎜Hier sind einige Beispiele für die Verwendung von WordPress-Shortcodes: 🎜
  • 🎜Tabelle einfügen: 🎜 [table][row][cell]Cell content[/cell][/ row][ /table]🎜
  • 🎜Schaltfläche hinzufügen:🎜 [button link="https://www.example.com" color="blue" size="large"]Schaltflächentext [/button ]🎜
  • 🎜Slider anzeigen:🎜 [slider][slide image="image1.jpg"]Folieninhalt[/slide][/slider]🎜
  • 🎜Erstellen ein Anmeldeformular: 🎜 [login_form]🎜
  • 🎜Fügen Sie ein Kontaktformular ein: 🎜 [contact_form]🎜🎜🎜Verwenden Sie WordPress-Shortcodes, um das Hinzufügen verschiedener Elemente zu vereinfachen zu Ihrer Website. Installieren Sie einfach ein Shortcode-Plugin, um Ihre Inhalte und Funktionalität durch die Verwendung von Shortcode-Snippets zu erweitern. 🎜

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Shortcodes in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!