Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Vous souhaitez créer une présentation sur WordPress mais vous ne savez pas par où commencer ?

Bien que des logiciels comme Google Slides et PowerPoint permettent de réaliser de belles diapositives, celles-ci risquent de ne pas être très esthétiques lorsqu’elles sont embarquées sur votre site WordPress. C’est pourquoi il est recommandé d’utiliser une extension de présentation WordPress.

Dans cet article, nous allons vous afficher un guide étape par étape sur la façon de créer des présentations de type PowerPoint dans WordPress.

Forget PowerPoint, how to create presentations in WordPress

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

Il existe de nombreux cas où la création de présentations sous WordPress peut s’avérer 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 référencement WordPress.

Si vous gérez un site de petite entreprise et que vous souhaitez afficher votre récent rapport d’activité, il peut être plus simple/simple d’utilisation et plus intéressant de l’afficher dans une présentation.

L’ajout de présentations Google Ads ou Microsoft PowerPoint est une façon de créer des présentations sur votre site. Cependant, il n’y a aucune garantie que la présentation finie sera bien présentée sur votre site WordPress. De plus, certains programmes autonomes sont payants.

La bonne nouvelle est que vous pouvez facilement créer de belles présentations dans WordPress à l’aide d’une extension WordPress. Voyons donc comment vous pouvez créer des présentations de style PowerPoint sur WordPress.

N’hésitez pas à utiliser ces liens rapides pour naviguer à travers les étapes :

Étape par étape : Installez Smart Diaporama 3 et choisissez un Modèle

La manière la plus simple de créer des présentations sur WordPress est d’utiliser Smart Diaporama 3. Cette extension gratuite fonctionne avec n’importe quel thème WordPress et est optimisée pour le référencement. Il est également livré avec des diapositives prédéfinies, des animations et des modèles, de sorte que vous pouvez créer de belles présentations, rapidement.

Tout d’abord, vous devrez installer et activer Smart Diaporama 3. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.

Une fois activé, allez sur Smart Diaporama  » Tableau de bord et cliquez sur ‘Go To Tableau de bord’.

Creating a PowerPoint-style presentation in WordPress

Vous arrivez alors sur le tableau de bord de l’extension où vous pouvez voir tous vos projets.

Cliquez sur « Nouveau projet ».

Creating a new Smart Slider project

À ce stade, vous pouvez décider de partir d’une feuille blanche ou d’utiliser l’un des modèles de présentation prêts à l’emploi de Smart Diaporama.

Si vous souhaitez créer rapidement une présentation professionnelle, nous vous recommandons de sélectionner « Commencer avec un Modèle ».

Choosing a presentation template

Smart Diaporama affiche alors tous les modèles disponibles.

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

Choosing a presentation template

Lorsque vous trouvez un Modèle que vous souhaitez utiliser, survolez-le et cliquez sur le bouton « Importer ».

Cela ouvrira le Modèle que vous avez choisi dans l’éditeur Smart Diaporama.

How to create a PowerPoint style presentation in WordPress

Étape 2 : Configurer votre présentation WordPress de type PowerPoint

Après avoir choisi un modèle, il convient de définir les réglages de la présentation. Les options qui s’offrent à vous peuvent varier en fonction de votre Modèle, mais nous allons couvrir tous les principaux paramètres.

De plus, si vous trouvez nécessaire de définir à nouveau ces Réglages après avoir créé votre présentation, vous pouvez toujours revenir à cette étape.

Configurer les Réglages généraux et les Réglages de taille

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

Adding a title to an online presentation

Vous pouvez également ajouter une miniature, qui peut être visible par les internautes en fonction de la configuration de la présentation.

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

Adding a presentation thumbnail to a slideshow in WordPress

Ceci fait, vous devez défiler jusqu’à la section  » Diaporama Design « .

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

Changing the presentation slider design

Ensuite, vous pouvez agrandir ou réduire les diapositives en sélectionnant l’onglet « Taille ».

Ici, vous pouvez définir différentes tailles maximales pour les utilisateurs/utilisatrices de tablettes, de mobiles et d’ordinateurs de bureau. En procédant ainsi, vous avez l’assurance que la présentation sera belle sur tous les appareils.

Pour définir ces tailles maximales, il suffit de cliquer pour activer les curseurs Desktop, Mobile et Tablet, puis de saisir un nombre dans le champ « Max ».

Setting a maximum slider size in a presentation

Sous « Mises en page », vous pouvez choisir si la présentation doit occuper toute la largeur du navigateur (« Pleine largeur ») ou s’adapter au conteneur dans lequel elle est placée (« Encadré »).

Par défaut, la présentation est redimensionnée automatiquement pour s’adapter à l’écran de l’internaute. En règle générale, il est préférable de laisser ces réglages activés, mais vous pouvez définir une hauteur minimale en la saisissant dans la case « Hauteur minimale ».

Changing the slideshow layout in WordPress

Configurer les contrôles et les réglages d’animation

Cliquez ensuite sur l’onglet « Contrôles ». Ici, vous pouvez modifier la façon dont les internautes se déplacent entre les différentes diapositives.

Les réglages par défaut devraient convenir à la plupart des blogs et sites WordPress, mais il se peut que vous souhaitiez modifier l’aspect des flèches.

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

Changing the arrow settings in a WordPress presentation

Au fur et à mesure que vous apportez des modifications, vous pouvez prévisualiser l’aspect des flèches dans votre présentation.

Pour ce faire, il suffit de cliquer sur l’icône de l’œil dans la barre d’outils.

Previewing a presentation in WordPress

Une fois cette étape franchie, il vous suffit de défiler jusqu’à la rubrique  » Puces « . Ici, vous pouvez personnaliser les icônes en pointillés qui permettent aux internautes de passer d’une diapositive à l’autre. Vous pouvez essayer différents styles de puces, ajouter une ombre de boîte, modifier le rayon des coins, etc.

Si vous souhaitez afficher le titre de chaque diapositive, il vous suffit de cliquer pour activer le permutateur « Barre de texte ».

How to configure a presentation in WordPress

Une autre option consiste à afficher la miniature de chaque diapositive, ce qui donne aux internautes un autre moyen de passer d’une diapositive à l’autre.

Pour ce faire, vous devez activer le permutateur « Miniature ». Vous aurez alors accès à d’autres réglages qui vous permettront d’affiner l’aspect des miniatures.

Configuring a presentation's thumbnails

Enfin, vous pouvez ajouter une ombre au bas de votre diaporama en cliquant sur le permutateur « Ombre ».

Ensuite, vous pouvez ouvrir la liste déroulante et choisir parmi les différents styles d’ombres.

Adding a shadow to a Google Slides style presentation

Lesanimations CSS sont un excellent moyen d’attirer l’attention de l’internaute et de l’inciter à s’intéresser à votre présentation. Smart Diaporama est livré avec des animations intégrées, alors n’oubliez pas de cliquer sur l’onglet  » Animations  » pour les configurer.

Ici, ouvrez le menu déroulant  » Animation principale  » et choisissez l’effet que Smart Diaporama jouera lorsque vous passerez d’une diapositive à l’autre. Vous pouvez également modifier la durée de l’animation en saisissant un nombre dans le champ « Durée ».

Adding slide animations and transition effects

Selon le Modèle que vous utilisez, vous pouvez également voir une option « Animation de l’arrière-plan ». Celle-ci vous permet d’animer l’image et les couleurs d’arrière-plan de la diapositive.

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

Pour examiner de plus près les animations d’arrière-plan de Smart Diaporama, cliquez sur l’icône  » + « . Cela ouvre un éditeur où vous pouvez essayer différentes animations pour voir quels effets vous pouvez créer.

Adding background animations to slides in WordPress

Définir les Réglages Autoplay

L’onglet suivant est « Autoplay ».

Par défaut, les internautes devront se déplacer manuellement entre vos diapositives. Si vous souhaitez que la présentation soit lue automatiquement, il vous suffit de cliquer sur le Diaporama pour l’activer.

How to create an autoplaying presentation in WordPress

Si vous activez cette option, vous aurez accès à des réglages supplémentaires qui vous permettront de modifier la durée pendant laquelle la présentation affiche chaque diapositive et la manière dont les internautes peuvent arrêter le diaporama.

Il ajoute également une section « Boutons », dans laquelle vous pouvez personnaliser le bouton « Lecture » de la présentation.

Adding a Play button to a slideshow

Optimisez votre présentation

Ensuite, sélectionnez l’onglet  » Optimiser « . Vous y trouverez les Réglages pour le chargement paresseux de Smart Diaporama.

Par défaut, le Diaporama 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.

Toutefois, si vous avez l’intention de placer la présentation plus bas dans la page, nous vous recommandons d’ouvrir le menu déroulant « Type de chargement » et de choisir « Après le chargement de la page ».

Enabling the lazy loading feature

Cela peut améliorer la vitesse et les performances de WordPress, ainsi que l’expérience de l’internaute en chargeant le reste de la page en premier.

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

Adding a delay to a WordPress presentation

Définir les Réglages des diapositives

Par défaut, les images couvrent la totalité de la diapositive, même si Smart Diaporama doit recadrer l’image pour l’adapter. Cela fonctionne bien pour la plupart des modifications, mais vous pouvez modifier ce réglage par défaut en sélectionnant l’onglet « Diapositives ».

Il suffit d’ouvrir le menu déroulant « Remplissage de l’image d’arrière-plan de la diapositive » et de choisir une option différente dans la liste, par exemple étirer, centrer ou ajuster le flou.

How to create a PowerPoint style presentation in WordPress

L’onglet « Développeur » comporte des réglages avancés, notamment une zone où vous pouvez ajouter des CSS personnalisés à vos présentations.

La plupart des propriétaires de sites n’auront pas besoin d’utiliser ces réglages. Toutefois, si vous souhaitez en savoir plus sur l’une des options développeurs/développeuses, il vous suffit de survoler l’icône en forme de « i ». Link affichera une infobulle contenant plus d’informations, ainsi qu’un lien vers la documentation de Smart Diaporama.

Advanced developer settings in the Smart Slider WordPress plugin

Étape par étape : Créer des diapositives pour votre présentation de type PowerPoint

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

Il suffit de cliquer sur le bouton « Ajouter une diapositive » pour Premiers pas.

Creating presentation slides in the WordPress dashboard

Smart Diaporama vous permet de créer différents types de diapositives. Il dispose même d’une option  » Post « , qui vous permet d’intégrer une publication WordPress à l’intérieur d’une diapositive.

Vous pouvez expérimenter les différentes options, mais dans ce guide, nous utiliserons le modèle « vierge » comme exemple.

Smart Slider's presentation types

Après avoir choisi un type de diapositive, la miniature de la diapositive s’affiche en haut de l’écran.

Il suffit de survoler la miniature avec la souris et de cliquer sur le bouton « Modifier » lorsqu’il apparaît.

Editing slides in the WordPress editor

L’éditeur/éditrices Smart Diaporama s’ouvre.

En haut de l’écran se trouve une barre de navigation en fil d’Ariane qui permet de se déplacer entre les différentes diapositives de la présentation.

Smart Slider's breadcrumb navigation

Sur le côté gauche de l’écran se trouvent tous les calques qui composent la diapositive. Vous pouvez survoler une icône avec votre souris pour voir le nom du calque, par exemple Image ou Ligne.

Pour modifier un calque, il suffit de cliquer dessus dans le menu de gauche. Une fenêtre surgissante s’ouvre alors avec tous les réglages que vous pouvez utiliser pour personnaliser ce calque.

The Smart Slider presentation and slideshow editor

Vous pouvez également sélectionner un calque en cliquant dessus dans la Prévisualisation directe. Par exemple, pour remplacer une partie du texte par défaut par votre propre message, il vous suffit de cliquer pour sélectionner ce calque.

Dans la fenêtre surgissante, saisissez votre message dans le champ « Texte ».

Adding text to a presentation in WordPress

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

Ici, vous pouvez modifier la couleur du texte, la police, la taille, etc.

Changing the text style in a slideshow

Pour personnaliser la diapositive, il suffit de cliquer sur les différents calques, puis d’effectuer vos modifications dans la fenêtre surgissante.

Si vous souhaitez supprimer un calque, il vous suffit de survoler celui-ci à l’aide de votre souris, puis de cliquer sur l’icône en pointillés. Dans le menu déroulant, vous devez sélectionner « Supprimer ».

Deleting layers in Smart Slider

Souhaitez-vous ajouter d’autres calques à la diapositive ?

Il suffit de cliquer sur l’icône verte « + » dans le menu de gauche.

Adding layers to a WordPress presentation

L’onglet « Calques » affiche quelques calques de base, tels que des images, des boutons et du texte.

Vous pouvez ajouter n’importe laquelle de ces calques à la diapositive par glisser-déposer.

Adding layers to a slideshow in WordPress

Smart Diaporama dispose également d’une bibliothèque de diapositives prédéfinies que vous pouvez ajouter à votre présentation.

Pour consulter ces options, cliquez sur l’onglet « Bibliothèque ».

The Smart Slider library

Vous pouvez maintenant continuer à travailler sur cette diapositive en ajoutant des calques et en les personnalisant avec votre propre contenu et vos propres Réglages.

Lorsque vous êtes satisfait de la façon dont la diapositive est configurée, cliquez sur le bouton « Enregistrer ».

Saving a presentation in WordPress

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

Sélectionnez ensuite « Ajouter une diapositive ».

Adding slides to a presentation

Étape par 4 : Contenu embarqué de vos diapositives de présentation dans WordPress

Lorsque vous avez terminé de travailler sur la présentation, il vous suffit de cliquer sur « Retour » pour revenir au tableau de bord principal de Smart Diaporama.

Par défaut, Smart Diaporama publie toutes vos diapositives, mais il convient de vérifier que chaque diapositive que vous souhaitez afficher sur votre site est accompagnée d’une coche verte.

Publishing slides to a website or blog

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 directe.

Après cela, vous êtes prêt à ajouter la présentation directement à votre boutique en ligne, votre site ou votre blog. Il suffit d’ouvrir n’importe quelle publication ou page dans l’éditeur de blocs Gutenberg, puis de cliquer sur l’icône  » + « .

Ensuite, vous devez taper  » Smart Diaporama 3  » dans la fenêtre surgissante et sélectionner le bon bloc lorsqu’il apparaît dans l’éditeur/éditrices de blocs.

Adding the Smart Slider 3 block to a page or post

Ceci ajoute à la page un bloc de diaporama WordPress par Smart Diaporama 3.

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

How to add the Smart Slider 3 block to a page or post

Une fenêtre surgissante affiche toutes les présentations que vous avez créées.

Il suffit de cliquer sur la présentation que vous souhaitez utiliser, puis de sélectionner « Insérer ».

Adding a Smart Slider 3 block to WordPress

Cette opération permet d’ajouter la présentation à votre site. Vous pouvez maintenant cliquer sur le bouton « Mettre à jour » ou « Publier » pour rendre la présentation En direct.

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

A PowerPoint-style presentation, created using a WordPress plugin

Apprenez à créer un contenu de blog plus attrayant

L’ajout d’une présentation sous forme de diaporama n’est qu’un moyen parmi d’autres 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 :

Nous espérons que cet article vous a aidé à apprendre comment créer des présentations sur WordPress. Vous pouvez également consulter notre liste des meilleures extensions de contenu dynamique sur WordPress et nos meilleurs exemples de blogs WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

16 commentairesLaisser une réponse

  1. THANKGOD JONATHAN

    Who knew creating presentations in WordPress could be so easy? This guide opened up new possibilities for my content.
    Thanks for introducing a creative alternative to traditional tools.

    • WPBeginner Support

      You’re welcome :)

      Administrateur

  2. Tracy Snar

    I’m so excited about this feature!

    • WPBeginner Support

      Glad you found this recommendation helpful :)

      Administrateur

  3. Dave

    Can you add audio and set the presentation up to run as an automted presentation ?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for if that is an option with their current tools.

      Administrateur

  4. Kevin Kovadia

    Very good plugins, it is great. I will try to create slide from WordPress. If is possible to create google doc & Google sheet using such a way with WordPress.

  5. Sefa Tsegha

    Wow. I never knew there’s a WordPress plugin for that. Thank you for sharing. I always learn something new from this site.

    • WPBeginner Support

      You’re welcome glad we could share something new :)

      Administrateur

  6. Gursimran Kaur

    Hi
    Tnx for sharing

    • WPBeginner Support

      You’re welcome :)

      Administrateur

  7. Maddie

    Great article. Just letting you know that presentation is spelt wrong twice in the second paragraph under the heading ‘How to Create a Presentation in Wordpress.’

    Here is the referenced sentence:
    « Upon activation, you need to visit Presenation » Add New page to create your first presenation. »

    • WPBeginner Support

      Thanks for catching that, we’ll be sure to fix the typo :)

      Administrateur

  8. JIM C

    This looks great. More use learning Wordpress while making some presentations for different segments of the client base!

    • WPBeginner Support

      Glad you liked our guide :)

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.