Oubliez PowerPoint, comment créer des présentations dans WordPress

Si vous utilisez encore PowerPoint pour vos présentations professionnelles, vous passez probablement trop de temps à vous battre avec la mise en forme au lieu de vous concentrer sur votre message.

Nous avons constaté que les présentations échouent souvent lors du partage, que la mise en forme est désordonnée entre les différentes versions, et que les mises à jour simples se transforment en tâches chronophages.

WordPress a tout changé pour nous. En tant qu'équipe ayant créé plusieurs sites Web performants, nous avons découvert que la création de présentations directement dans WordPress n'est pas seulement possible – c'est en fait plus facile et plus efficace que les logiciels de présentation traditionnels.

Dans ce guide, nous partagerons les méthodes exactes que nous utilisons pour créer des présentations attrayantes dans WordPress. Nous avons testé ces techniques nous-mêmes, et elles fonctionnent, que vous soyez un débutant complet ou un professionnel expérimenté.

Pourquoi créer des présentations diapositives dans votre blog WordPress ?

D'après notre expérience, il existe de nombreux cas où la création de présentations dans WordPress peut être bénéfique.

Disons que vous gérez un blog éducatif. L'ajout d'une présentation dans WordPress peut rendre votre contenu plus attrayant, en particulier pour les débutants. Cela peut envoyer des signaux positifs aux moteurs de recherche, ce qui peut améliorer votre SEO WordPress.

Si vous gérez un site Web pour petite entreprise et que vous souhaitez présenter votre récent rapport sectoriel ou un diaporama de conférencier, il peut être plus convivial et intéressant de l'afficher sous forme de présentation.

Bien sûr, vous pourriez intégrer des présentations Google Slides ou Microsoft PowerPoint sur votre site web. Cependant, lors de nos tests, rien ne garantit que la présentation finale sera belle sur votre site web WordPress. De plus, certains programmes autonomes coûtent de l'argent.

La bonne nouvelle est que vous pouvez facilement créer de belles présentations dans WordPress en utilisant un plugin WordPress. Nous avons essayé plusieurs solutions, et nous allons vous montrer notre méthode préférée pour créer des présentations de style PowerPoint dans WordPress.

N'hésitez pas à utiliser ces liens rapides pour naviguer entre les étapes :

• Étape 1 : Installez Smart Slider 3 et choisissez un modèle
• Étape 2 : Configurez votre présentation de style PowerPoint WordPress
• Étape 3 : Créez des diapositives pour votre présentation de style PowerPoint
• Step 4: Embed Your Presentation Slides in WordPress

Étape 1 : Installez Smart Slider 3 et choisissez un modèle

La façon la plus simple de créer et d'intégrer des présentations de style PowerPoint dans WordPress est d'utiliser Smart Slider 3.

Ce plugin gratuit fonctionne avec n'importe quel thème WordPress et est optimisé pour le SEO. Il est également livré avec des diapositives, des animations et des modèles préconçus, vous pouvez donc créer de belles présentations rapidement.

Tout d'abord, vous devrez installer et activer Smart Slider 3. Si vous avez besoin d'aide, veuillez consulter notre guide sur comment installer un plugin WordPress.

Après l'activation, allez dans Smart Slider » Tableau de bord, puis cliquez sur « Accéder au tableau de bord ».

Vous arriverez maintenant au tableau de bord du plugin où vous pourrez voir tous vos projets.

Ici, cliquez simplement sur « Nouveau projet ».

À ce stade, vous pouvez décider de commencer avec une page blanche ou d'utiliser l'un des modèles de présentation prêts à l'emploi de Smart Slider.

Si vous souhaitez créer une présentation conçue par des professionnels rapidement, nous vous recommandons de sélectionner « Commencer avec un modèle ».

Smart Slider affichera maintenant tous les modèles disponibles.

Pour examiner de plus près un design, survolez-le avec votre souris, puis cliquez sur l'icône en forme d'œil lorsqu'elle apparaît. Cela ouvre le modèle de présentation dans un nouvel onglet.

Lorsque vous trouvez un modèle que vous souhaitez utiliser, survolez-le simplement, puis cliquez sur le bouton « Importer ».

Cela ouvrira votre modèle choisi dans l'éditeur Smart Slider.

Étape 2 : Configurez votre présentation WordPress de style PowerPoint

Après avoir choisi un modèle, il est conseillé de configurer les paramètres de la présentation. Les options que vous voyez peuvent varier en fonction de votre modèle, mais nous couvrirons tous les paramètres principaux.

De plus, si vous avez besoin de reconfigurer ces paramètres après avoir créé votre présentation, vous pouvez toujours revenir à cette étape.

Configurer les paramètres généraux et de taille

Dans l'onglet « Général », vous pouvez donner un nom à la présentation en le tapant dans le champ « Nom ».

Vous pouvez également ajouter une miniature, qui peut être visible par les visiteurs en fonction de la façon dont vous configurez la présentation.

Cliquez simplement sur l'icône « + » à côté de « Miniature », puis choisissez une image dans la bibliothèque de médias WordPress ou téléchargez un nouveau fichier depuis votre ordinateur.

Une fois cela fait, vous devez faire défiler jusqu'à la section « Conception du curseur ».

Ici, vous pouvez modifier l'alignement du curseur et ajouter une marge pour créer plus d'espace autour de vos diapositives.

Ensuite, vous voudrez peut-être agrandir ou réduire les diapositives en sélectionnant l'onglet « Taille ».

Ici, vous pouvez définir différentes tailles maximales pour les utilisateurs de tablettes, mobiles et ordinateurs de bureau. Ce faisant, vous pouvez être assuré que la présentation sera superbe sur tous les appareils.

Pour définir ces tailles maximales, cliquez simplement pour activer les curseurs Bureau, Mobile et Tablette, puis tapez un nombre dans le champ « Max ».

En descendant, vous trouverez la section « Points d'arrêt ». Cela vous aide à contrôler l'apparence de votre présentation sur différents appareils.

Par exemple, votre présentation peut passer de la vue bureau à la vue tablette si la largeur de l'écran est comprise entre 768 et 1199 pixels.

Vous pouvez également activer les points d'arrêt globaux pour utiliser les mêmes paramètres sur toutes vos présentations. Cela vous fait gagner du temps si vous créez plusieurs diaporamas et que vous souhaitez qu'ils se comportent de manière cohérente sur différents appareils.

En faisant défiler jusqu'à « Mises en page », vous pouvez choisir si la présentation doit remplir toute la largeur du navigateur (« Pleine largeur ») ou s'adapter au conteneur dans lequel elle est placée (« En boîte »).

Par défaut, la présentation s'agrandira et se réduira automatiquement pour s'adapter à l'écran du visiteur. Vous voudrez généralement laisser ces paramètres activés, mais vous pourriez vouloir définir une hauteur minimale en la saisissant dans la zone « Hauteur min ».

Configurer les contrôles et les paramètres d'animation

Après cela, cliquez sur l'onglet « Contrôles ». Ici, vous pouvez modifier la façon dont les visiteurs naviguent entre les différentes diapositives. Par exemple, dans la section « Général », vous pouvez changer la direction du glissement, activer la molette de la souris et activer la navigation au clavier.

Les paramètres par défaut devraient convenir à la plupart des blogs WordPress et sites Web, mais vous pourriez vouloir modifier l'apparence des flèches.

Par exemple, vous pouvez changer la couleur des flèches et de l'encart, qui contrôle où les flèches apparaissent sur la diapositive.

Au fur et à mesure que vous apportez des modifications, vous voudrez peut-être prévisualiser l'apparence des flèches dans votre présentation.

Pour ce faire, cliquez simplement sur l'icône en forme d'œil dans la barre d'outils.

Une fois cela fait, faites simplement défiler jusqu'à « Puces ».

Ici, vous pouvez personnaliser les icônes en points qui permettent aux visiteurs de naviguer entre les différentes diapositives. Vous pouvez essayer différents styles de puces, modifier le rayon des coins, et plus encore.

Si vous souhaitez afficher le titre de chaque diapositive, cliquez simplement pour activer le bouton « Barre de texte ».

Ici, vous pouvez personnaliser l'apparence de la barre de texte, où la positionner, son alignement, etc.

Une autre option consiste à afficher la miniature de chaque diapositive, ce qui offre aux visiteurs une autre façon de naviguer entre les diapositives.

Pour ce faire, vous devez activer le bouton « Miniature ». Vous aurez désormais accès à des paramètres supplémentaires pour affiner l'apparence des miniatures.

Enfin, vous pouvez ajouter une ombre au bas de votre diaporama en cliquant sur le bouton ‘Shadow’.

Après cela, vous pouvez ouvrir le menu déroulant et choisir entre les différents styles d’ombre.

Les animations CSS sont un excellent moyen d’attirer l’attention du visiteur et de l’encourager à interagir avec votre présentation. Smart Slider est livré avec des animations intégrées, alors assurez-vous de cliquer sur l’onglet ‘Animations’ pour les configurer.

Ici, ouvrez le menu déroulant ‘Main Animation’ et choisissez l’effet que Smart Slider jouera lors du passage d’une diapositive à l’autre. Vous pouvez également modifier la durée de lecture des animations en saisissant un nombre dans le champ ‘Duration’.

Selon le modèle que vous utilisez, vous pouvez également voir une option ‘Background Animation’. Cela vous permet d’animer l’image d’arrière-plan et les couleurs de la diapositive.

Sachez simplement que les animations d’arrière-plan ne fonctionnent pas sur les vidéos ou sur les présentations qui utilisent le défilement parallaxe.

Pour jeter un coup d’œil plus approfondi aux animations d’arrière-plan de Smart Slider, cliquez sur l’icône ‘+’. Cela ouvre un éditeur où vous pouvez essayer différentes animations pour voir quels effets vous pouvez créer.

Configurer les paramètres de lecture automatique

Le prochain onglet est ‘Autoplay’.

Par défaut, les visiteurs devront passer manuellement d’une diapositive à l’autre. Si vous souhaitez que la présentation se lance automatiquement, cliquez simplement pour activer le curseur ‘Autoplay’.

Si vous activez cette option, vous aurez accès à des paramètres supplémentaires où vous pourrez modifier la durée pendant laquelle la présentation affiche chaque diapositive et comment les visiteurs peuvent arrêter le diaporama.

Il ajoute également une section ‘Buttons’, où vous pouvez personnaliser le bouton ‘Play’ de la présentation.

Optimiser votre présentation

Après cela, sélectionnez l'onglet « Optimiser ». Ici, vous trouverez les paramètres de chargement différé de Smart Slider.

Par défaut, le curseur se charge immédiatement, ce qui est un bon choix si la présentation est la première chose que les gens voient lorsqu'ils visitent la page.

Cependant, si vous prévoyez de placer la présentation plus bas sur la page, nous vous recommandons d'ouvrir le menu déroulant « Type de chargement » et de choisir « Après le chargement de la page ».

Cela peut améliorer la vitesse et les performances de WordPress, tout en améliorant l'expérience visiteur en chargeant d'abord le reste de la page.

Une autre option est « Après délai », qui vous permet de définir un délai de chargement pour le curseur.

Configurer les paramètres des diapositives

Par défaut, les images couvriront toute la diapositive, même si Smart Slider doit recadrer l'image pour qu'elle s'adapte. Cela fonctionne généralement bien pour la plupart des présentations, mais vous pouvez modifier ce paramètre par défaut en sélectionnant l'onglet « Diapositives ».

Ici, ouvrez simplement le menu déroulant « Remplissage de l'image d'arrière-plan de la diapositive » et choisissez une option différente dans la liste, telle que étirer, centrer ou flou.

L'onglet « Développeur » contient des paramètres avancés, y compris une zone où vous pouvez ajouter du CSS personnalisé à vos présentations.

La plupart des propriétaires de sites Web n'auront pas besoin d'utiliser ces paramètres. Cependant, si vous souhaitez en savoir plus sur l'une des options « Développeur », survolez simplement la petite icône « i ». Cela affichera une info-bulle avec plus d'informations, ainsi qu'un lien vers la documentation de Smart Slider.

Étape 3 : Créez des diapositives pour votre présentation de style PowerPoint

Lorsque vous êtes satisfait de la configuration de la présentation, il est temps de commencer à créer des diapositives.

Cliquez simplement sur le bouton « Ajouter une diapositive » pour commencer.

Smart Slider vous permet de créer plusieurs types de diapositives. Il dispose même d'une option « Article », qui vous permet d'intégrer un article WordPress dans une diapositive.

Vous pouvez expérimenter avec les différentes options, mais dans ce guide, nous utiliserons le design « Vide » comme exemple.

Après avoir choisi un type de diapositive, vous verrez la miniature de la diapositive en haut de l'écran.

Survolez simplement la miniature avec votre souris, puis cliquez sur le bouton « Modifier » lorsqu'il apparaît.

Ceci ouvre l'éditeur Smart Slider.

En haut de l'écran se trouve une barre de navigation fil d'Ariane où vous pouvez vous déplacer entre les différentes diapositives de la présentation.

Sur le côté gauche de l'écran se trouvent toutes les couches qui composent la diapositive. Vous pouvez survoler n'importe quelle icône pour voir le nom de cette couche, comme Image ou Ligne.

Pour modifier une couche, il suffit de cliquer dessus dans le menu de gauche. Cela ouvre une fenêtre contextuelle avec tous les paramètres que vous pouvez utiliser pour personnaliser cette couche.

Vous pouvez également sélectionner une couche en cliquant dessus dans l'aperçu en direct. Par exemple, pour remplacer une partie du texte par défaut par votre propre message, cliquez simplement pour sélectionner cette couche.

Dans la fenêtre contextuelle qui apparaît, tapez votre message dans le champ « Texte ».

Vous pouvez également modifier l'apparence du texte en cliquant sur l'onglet « Style ».

Ici, vous pouvez changer la couleur du texte, la police, la taille, et plus encore.

Pour personnaliser la diapositive, cliquez simplement sur les différentes couches, puis apportez vos modifications dans la fenêtre contextuelle qui apparaît.

Si vous souhaitez supprimer une couche, survolez-la avec votre souris, puis cliquez sur l'icône pointillée. Dans le menu déroulant, vous devez sélectionner « Supprimer ».

Voulez-vous ajouter d'autres couches à la diapositive ?

Cliquez simplement sur l'icône verte « + » dans le menu de gauche.

L'onglet « Couches » affiche des couches de base, telles que des images, des boutons et du texte.

Vous pouvez ajouter n'importe laquelle de ces couches à la diapositive en utilisant le glisser-déposer.

Smart Slider dispose également d'une bibliothèque de diapositives préconçues que vous pouvez ajouter à votre présentation.

Pour jeter un coup d'œil à ces options, cliquez sur l'onglet « Bibliothèque ».

Vous pouvez maintenant continuer à travailler sur cette diapositive en ajoutant des couches et en les personnalisant avec votre propre contenu et vos propres paramètres.

Lorsque vous êtes satisfait de la configuration de la diapositive, cliquez sur le bouton « Enregistrer ».

Pour commencer à travailler sur la diapositive suivante, vous devez cliquer sur « Diapositives » dans la barre d'outils.

Ensuite, sélectionnez « Ajouter une diapositive ».

Étape 4 : Intégrer vos diapositives de présentation dans WordPress

Lorsque vous avez terminé de travailler sur la présentation, cliquez simplement sur « Retour » pour revenir au tableau de bord principal de Smart Slider.

Par défaut, Smart Slider publie toutes vos diapositives, mais il est tout de même utile de vérifier qu'il y a une coche verte à côté de chaque diapositive que vous souhaitez afficher sur votre site.

Si vous voyez un « x » à côté d'une diapositive, cela signifie que la diapositive n'est pas publiée. Vous devrez cliquer sur le « x » pour le transformer en une coche verte, ce qui rendra la diapositive visible.

Après cela, vous êtes prêt à ajouter la présentation directement à votre boutique en ligne, votre site Web ou votre blog. Ouvrez simplement n'importe quel article ou page dans l'éditeur de blocs Gutenberg, puis cliquez sur l'icône « + ».

Ensuite, vous devez taper « Smart Slider 3 » dans la fenêtre contextuelle et sélectionner le bon bloc lorsqu'il apparaît dans l'éditeur de blocs.

Cela ajoute un bloc de diaporama WordPress par Smart Slider 3 à la page.

Ensuite, cliquez sur le bouton « Sélectionner le curseur ».

Cela ouvre une fenêtre contextuelle montrant toutes les présentations que vous avez créées.

Cliquez simplement sur la présentation que vous souhaitez utiliser, puis sélectionnez « Insérer ».

Ceci ajoute la présentation à votre site web. Vous pouvez maintenant cliquer sur le bouton « Mettre à jour » ou « Publier » pour rendre la présentation visible.

Maintenant, si vous visitez votre site web, vous verrez la présentation de style PowerPoint en action.

Apprenez à créer du contenu de blog plus engageant

L'ajout d'une présentation sous forme de diaporama n'est qu'une façon de maintenir l'intérêt de vos lecteurs. Voici d'autres idées que vous pouvez mettre en œuvre pour améliorer votre blog :

• Comment faire du blogging en direct dans WordPress (étape par étape)
• Comment tester le meilleur moment pour publier un article de blog
• Comment attirer et gérer efficacement les blogueurs invités dans WordPress
• Comment ajouter et améliorer le score de lisibilité dans les articles WordPress
• Comment créer un article récapitulatif dans WordPress (la manière facile)
• Comment ajouter un blogroll sur votre site WordPress (sans plugin)

Nous espérons que cet article vous a aidé à apprendre comment créer des présentations dans WordPress. Vous voudrez peut-être aussi consulter notre liste des meilleurs plugins de contenu dynamique dans WordPress et nos meilleurs exemples de blogs WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.