Maison > Tutoriel CMS > WordPresse > le corps du texte

Comment utiliser les shortcodes dans WordPress

下次还敢
Libérer: 2024-04-15 18:39:17
original
1222 Les gens l'ont consulté

Les shortcodes WordPress offrent un moyen pratique d'insérer facilement des fonctionnalités et du contenu complexes tels que des tableaux, des boutons, des curseurs et des formulaires en utilisant des extraits de code placés entre crochets ([ et ]). Vous pouvez utiliser des codes courts en installant un plugin de code court comme Shortcodes Ultimate, en ajoutant des codes courts à votre contenu, en définissant des propriétés pour personnaliser l'apparence et les fonctionnalités et en enregistrant les modifications. Les exemples incluent l'insertion de tableaux, l'ajout de boutons, l'affichage de curseurs, la création de formulaires de connexion et l'insertion de formulaires de contact.

Comment utiliser les shortcodes dans WordPress

Comment utiliser les shortcodes WordPress

Les shortcodes WordPress sont un moyen pratique d'ajouter des fonctionnalités et du contenu complexes à vos publications et pages. Ce sont des extraits de code courts qui vous permettent d'insérer facilement des tableaux, des boutons, des curseurs et d'autres éléments.

Comment utiliser

1. Installez le plug-in de shortcode

Tout d'abord, vous devez installer un plug-in de shortcode. Il existe plusieurs options gratuites et payantes, telles que Shortcodes Ultimate, Shortcake et Ninja Forms.

2. Ajoutez des shortcodes à votre contenu

Une fois le plugin installé, vous pouvez utiliser des shortcodes dans votre contenu. Les codes courts sont placés entre crochets ([ et ]). Par exemple, pour insérer un bouton, vous pouvez utiliser le shortcode suivant :

<code>[button link="https://www.example.com" color="blue" size="large"]按钮文字[/button]</code>
Copier après la connexion

3. Définir les propriétés du shortcode

La plupart des shortcodes vous permettent de définir des propriétés pour personnaliser leur apparence et leurs fonctionnalités. Les propriétés sont placées entre crochets sous forme de paires nom de propriété et valeur. Par exemple, pour changer la couleur du bouton dans l'exemple ci-dessus, vous devez définir l'attribut color sur red : color 属性设置为 red

<code>[button link="https://www.example.com" color="red" size="large"]按钮文字[/button]</code>
Copier après la connexion

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 Enregistrez vos modifications

🎜. Ajouter Après le shortcoding, assurez-vous d'enregistrer vos modifications. Le shortcode s'affichera comme élément correspondant sur votre article ou votre page. 🎜🎜🎜Exemples🎜🎜🎜Voici quelques exemples utilisant des shortcodes WordPress : 🎜
  • 🎜Insérer un tableau : 🎜 [table][row][cell]Cell content[/cell][/ row][ /table]🎜
  • 🎜Ajouter un bouton :🎜 [button link="https://www.example.com" color="blue" size="large"]Texte du bouton [/button ]🎜
  • 🎜Afficher le slider :🎜 [slider][slide image="image1.jpg"]Contenu de la diapositive[/slide][/slider]🎜
  • 🎜Créer un formulaire de connexion : 🎜 [login_form]🎜
  • 🎜Insérer un formulaire de contact : 🎜 [contact_form]🎜🎜🎜Utilisez les shortcodes WordPress pour faciliter l'ajout de divers éléments à votre site Web. Installez simplement un plugin de shortcode pour étendre votre contenu et vos fonctionnalités en utilisant des extraits de code court. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal