Ce wikiHow vous apprend à utiliser le plugin Column Shortcodes pour WordPress pour créer des articles de blog multi-colonnes.
Pas
Étape 1. Installez le plugin Column Shortcodes sur votre installation WordPress
Il s'agit d'un plugin WordPress gratuit qui vous permet d'utiliser des codes courts prédéfinis pour ajouter rapidement des colonnes à vos articles de blog. Voici comment activer le plugin sur votre installation WordPress:
- Aller à https://wordpress.org/plugins/column-shortcodes.
- Cliquez sur Télécharger et enregistrez le fichier sur votre ordinateur.
- Décompressez le fichier.
- Téléchargez le dossier column-shortcodes du fichier zip dans votre répertoire /wp-content/plugins.
- Ouvrez votre page d'administration WordPress.
- Cliquez sur Plugins.
- Cliquez sur Activer à côté de ″Column Shortcodes.″
Étape 2. Créez un nouveau post WordPress
Vous verrez qu'une nouvelle icône de deux crochets a été ajoutée en haut de l'éditeur (juste à côté de l'icône musique/vidéo) dans la section Télécharger/Insérer″.
Étape 3. Cliquez sur l'icône Shortcodes de colonne
Ce sont les deux crochets de la section "Télécharger/Insérer". Une fenêtre contextuelle contenant différentes options de colonne apparaîtra.
Étape 4. Insérez vos valeurs de remplissage de colonne (en pixels)
Ceci est facultatif, mais vous donne la possibilité de contrôler la quantité d'espace qui apparaît entre les colonnes.
Étape 5. Cliquez sur le shortcode de la colonne que vous souhaitez utiliser
Cela insère le code dans l'éditeur de publication.
- Les shortcodes ressembleront à ceci: [one_half] [/one_half].
- Pour créer une mise en page à 3 colonnes, sélectionnez un tiers deux fois, puis terminez par un_tiers (dernier).
Étape 6. Ajoutez votre contenu dans les colonnes appropriées
Maintenant que les shortcodes sont insérés, il ne vous reste plus qu'à ajouter votre contenu. Tapez le texte et le média que vous souhaitez ajouter à chaque colonne entre les shortcodes de chaque colonne. Voici un exemple de mise en page à deux colonnes:
- [one_half]CONTENU DE LA PREMIÈRE COLONNE [/one_half] [one_half]CONTENU DE LA DEUXIÈME COLONNE[/one_half].
- Cliquez sur Aperçu pour voir vos colonnes en action avant de publier.