Dans ce tutoriel, vous apprendrez:

• Comment créer un WordPress.com compte.
• Comment installer et activer JetPack.
• Comment connecter JetPack à votre WordPress.com compte.
• Chaud pour activer les shortcodes JetPack pour les présentations.
• Comment utiliser le shortcode des présentations pour créer des diaporamas attrayants.

Afin d’utiliser le shortcode nécessaire pour cette démonstration, assurez-vous d’avoir un WordPress.com compte, et que JetPack est installé sur votre site web auto-hébergé et connecté à votre WordPress.com compte. JetPack est l’outil qui fournit le shortcode de présentations avec lequel nous travaillerons.

OK, avec JetPack activé, allumons les shortcodes supplémentaires.

1. Dans votre tableau de bord WordPress, cliquez sur JetPack, puis sur Paramètres.
2. Cliquez sur le lien d’écriture en haut.
3. Activer les incorporations de Shortcode.

Lors de la création de votre diaporama ou de votre Présentation, il se compose de différentes diapositives pour lesquelles vous pouvez configurer la transition, la rotation, l’échelle, le fondu et l’arrière-plan de chaque diapositive. Les arrière-plans peuvent être des images ou des couleurs. Utilisez des couleurs si vous souhaitez taper le texte de chaque diapositive.

La transition par défaut est désactivée. Je laisserai la valeur par défaut pour cette démonstration. Les autres valeurs incluent : right, up, left et none. Je n’utiliserai pas les propriétés de rotation et d’échelle dans cet exemple. La décoloration entre les diapositives est le comportement par défaut. Je n’ajusterai pas cela pour cette présentation.

Dans cet exemple, j’inclurai 5 diapositives comme images d’arrière-plan.

Commençons.

1. Depuis votre tableau de bord WordPress, accédez à Publications, puis ouvrez l’Éditeur de publications pour une publication nouvelle ou existante.
2. Passez en mode Texte pour empêcher l’éditeur visuel d’apporter des modifications aux codes que vous tapez.
3. Commencez par un shortcode « présentation » d’ouverture et de fermeture. Tapez un crochet ouvert, puis le mot présentation, puis un crochet fermant. Appuyez deux fois sur Entrée, puis ouvrez un crochet carré, puis tapez une barre oblique, puis le mot présentation, puis un crochet carré de fermeture.
4. Maintenant, revenez à l’intérieur de l’ouverture du shortcode de présentation pour définir la taille et la durée de transition pour chaque diapositive.
5. Juste après la présentation du mot, placez un espace, puis tapez la largeur est égale à 600, puis un espace, puis la hauteur est égale à 375, puis un espace, puis la durée est égale à 5.
6. Enregistrez le message. Nous y reviendrons dans une seconde.

Avec 5 images prêtes à être utilisées dans le diaporama, téléchargeons-les maintenant dans la médiathèque WordPress.

1. Depuis votre tableau de bord WordPress, cliquez sur Média, puis Ajoutez un nouveau. Si vous cliquez avec le bouton droit sur le lien Ajouter un nouveau, vous pouvez l’ouvrir dans un nouvel onglet dans la plupart des navigateurs.
2. Cliquez sur le bouton Sélectionner les fichiers.
3. Localisez les images sur votre ordinateur, sélectionnez-les et cliquez sur Ouvrir. L’utilisation de Ctrl + clic vous permet de sélectionner plusieurs fichiers à télécharger à la fois.
4. Maintenant, nous aurons besoin des URL des images. Cliquez sur le lien Modifier à côté de la première image. Il s’ouvrira dans un nouvel onglet. Copiez l’URL du fichier dans un document texte. Fermez l’onglet.
5. Faites de même pour les images restantes.
6. Retournez à votre message.
7. Entre le shortcode de présentation, créez des shortcodes de diapositives pour chaque image. Tapez un crochet carré ouvert, puis le mot slide, puis un espace, puis bgimg est égal à des guillemets ouverts, puis collez l’URL de l’image, puis fermez les guillemets, puis fermez le crochet carré. Maintenant, fermez le shortcode de diapositive en tapant un crochet carré d’ouverture, une barre oblique, le mot diapositive, puis un crochet carré de fermeture. Appuyez sur Entrée. Répétez ensuite pour les autres images.
8. Enregistrer et afficher.