Comment ajouter DearFlip pour créer un Flipbook dans WordPress

La création d’un folioscope sur votre site WordPress peut apporter une expérience interactive et visuellement attrayante à vos utilisateurs. DearFlip est un plugin populaire qui permet de convertir facilement des PDF ou des images en folioscopes réalistes. Que vous souhaitiez présenter des brochures, des magazines, des catalogues ou tout autre type de contenu, DearFlip vous permet de créer des folioscopes directement sur WordPress.

Voici comment ajouter DearFlip à votre site WordPress et créer un flipbook :

Étape 1 : Installer le plugin DearFlip

1.1 Accéder au tableau de bord de WordPress

1. Connectez-vous à votre tableau de bord WordPress.

1.2 Installer le plugin

1. Depuis le tableau de bord de WordPress, naviguez vers Plugins > Ajouter un nouveau plugin.
2. Dans la barre de recherche, tapez “DearFlip – 3D Flipbook WordPress”.
3. Une fois le plugin trouvé, cliquez sur Installer maintenant, puis sur Activer.

Étape 2 : Configurer les paramètres de DearFlip

2.1 Accéder aux paramètres de DearFlip

1. Après avoir activé le plugin, un nouveau menu DearFlip apparaîtra dans la barre latérale gauche du tableau de bord.
2. Accédez à DearFlip > Paramètres.

2.2 Configurer les paramètres de base

1. Dans la page des paramètres, vous pouvez personnaliser les comportements et la conception par défaut des folioscopes. Voici quelques-unes des options que vous pouvez configurer :
   • Mode de rotation des pages : Choisissez entre le mode simple ou double page.
   • Paramètres de contrôle : Activez ou désactivez des options telles que le zoom, le mode plein écran et les commandes de navigation.
   • Apparence : Définissez la couleur d’arrière-plan et activez les effets sonores réalistes de changement de page.

Une fois que vous avez configuré les paramètres selon vos préférences, cliquez sur Enregistrer les modifications.

Étape 3 : Créer un nouveau Flipbook

Maintenant que le plugin est installé et configuré, il est temps de créer votre premier flipbook.

3.1 Téléchargez votre fichier Flipbook (PDF ou images)

1. Accédez à DearFlip > Ajouter un nouveau.
2. Saisissez un titre pour votre folioscope.
3. Dans le menu déroulant Source, sélectionnez PDF (pour télécharger un fichier PDF) ou Image (pour créer un folioscope à l’aide d’une série d’images).

3.2 Télécharger le PDF ou les images

• Pour les PDF : Cliquez sur le bouton Télécharger le PDF et sélectionnez le fichier PDF sur votre ordinateur. Une fois le fichier téléchargé, DearFlip générera automatiquement le flipbook à partir de votre PDF.
• Pour les images : Cliquez sur le bouton Télécharger des images et sélectionnez les images que vous souhaitez inclure dans le folioscope. L’ordre dans lequel vous téléchargez les images sera l’ordre dans lequel elles apparaîtront dans le flipbook.

3.3 Personnaliser le Flipbook

1. Après le téléchargement, vous pouvez personnaliser l’apparence et le comportement du folioscope, notamment :
   • Largeur/hauteur de la page : Ajustez la taille des pages.
   • Paramètres d’affichage : Activez ou désactivez le zoom, les commandes de navigation ou le mode plein écran.
   • Retournement automatique : Réglez le folioscope pour qu’il tourne automatiquement les pages à des intervalles spécifiques, si vous le souhaitez.

3.4 Publier le Flipbook

1. Une fois que vous êtes satisfait de la configuration de votre folioscope, cliquez sur Publier pour enregistrer le folioscope.

Étape 4 : Ajouter le Flipbook à une page ou à un message

Maintenant que votre flipbook est créé, vous pouvez l’intégrer à n’importe quelle page ou article de votre site WordPress.

4.1 Copier le Shortcode Flipbook

1. Après avoir publié le flipbook, vous verrez un shortcode affiché sur la page de création du flipbook (il ressemblera à [dflip id=”123″]).
2. Copiez le code court.

4.2 Ajouter le folioscope à une page ou à un message

1. Allez dans Pages > Add New (ou Posts > Add New).
2. Dans l’éditeur WordPress, collez le shortcode dans le bloc où vous voulez que le flipbook apparaisse.
   • Si vous utilisez l’éditeur classique, collez simplement le shortcode dans l’éditeur de contenu.
   • Si vous utilisez l’éditeur de blocs Gutenberg, ajoutez un bloc Shortcode et collez le shortcode à l’intérieur du bloc.
3. Une fois que vous avez ajouté le shortcode, cliquez sur Publier pour mettre la page ou le post en ligne.

Étape 5 : Afficher et personnaliser votre Flipbook

Après avoir ajouté le flipbook à une page ou à un message, visitez la page pour le voir à l’œuvre. Vous pouvez revenir aux paramètres DearFlip pour ajuster les préférences d’affichage ou d’interaction.

Autres conseils de personnalisation :

• Vignette de folioscope : Vous pouvez également créer une vignette de folioscope pour rendre votre page ou votre article plus attrayant.
• Mode plein écran : Permet aux utilisateurs d’afficher le folioscope en mode plein écran pour une expérience immersive.
• Intégration de plusieurs folioscopes : Vous pouvez créer et intégrer plusieurs folioscopes en répétant simplement le processus ci-dessus.

Conclusion

En utilisant le plugin DearFlip, vous pouvez facilement créer des folioscopes interactifs sur votre site WordPress afin d’intéresser votre public. Que ce soit pour présenter des magazines, des brochures ou des portfolios, DearFlip fournit une solution transparente pour intégrer des folioscopes sans avoir besoin de compétences complexes en matière de codage. Grâce à ses options de personnalisation et à son intégration simple, vos flipbooks peuvent améliorer l’attrait visuel et la fonctionnalité de votre site.