Comment inclure des présentations PowerPoint dans WordPress (partie 2)

WordPressIl existe plusieurs façons pour inclure une présentation PowerPoint dans un site WordPress. Nous allons vous présenter les deux dernières méthodes les plus fréquemment utilisées, sans oublier de vous indiquer les pour et les contre pour chacune d’entre elles.

Méthode 3 : Utilisation d’un plugin WordPress

Le répertoire des extensions (plugins) de wordpress.org contient de nombreuses solutions, qui permettent d’inclure des présentations PowerPoint dans des posts de blog.

Embed Any Document est l’un d’entre eux. Il permet d’uploader et d’inclure facilement des documents sur votre site web WordPress sans aucun plugin de navigateur supplémentaire, tel que Flash ou Acrobat Reader. Le plugin permet de choisir entre la visionneuse Google Docs et Microsoft Office Online pour afficher vos documents.

Avant d’utiliser Embed Any Document, il vous faut le télécharger et l’installer :

1. Uploadez le dossier embed-any-documents dans le répertoire /wp-content/plugins/directory

2. Activez le plugin via le menu Plugins dans l’interface d’administration WordPress

Avantages et inconvénients de la méthode 3

Avantages

  • Présentation hébergée sur votre serveur web
  • Parfait pour une utilisation fréquente

Inconvénients

  • Installation du plugin requise
  • Limitation de la taille de fichier à uploader
  • Réduction possible des performances du serveur
  • Tous les effets PowerPoint ne sont pas préservés
  • Présentations qui prennent de l’espace sur le serveur

Méthode 4 : Upload sur YouTube

La page support WordPress propose des instructions officielles sur la manière d’intégrer une vidéo YouTube dans un post.

Microsoft PowerPoint 2010 et les versions supérieures offrent plusieurs options d’enregistrement de votre présentation, y compris enregistrer en tant que vidéo, ce qui permet ensuite de l’uploader sur YouTube. Vous noterez également que iSpring permet de publier votre présentation directement sur YouTube et de conserver la qualité initiale de la vidéo et des images s’y trouvant.

Il vous suffit de cliquer l’onglet iSpring (Converter Pro) de votre présentation PowerPoint, puis l’option Publier. Dans la fenêtre de publication, vous devez cliquer l’option Vidéo puis sélectionner YouTube en tant que valeur de Destination.

inclure des présentations PowerPoint dans un site web WordPress

Ensuite vous cliquez l’option Connexion pour vous connecter à votre compte YouTube et vous paramétrez les différentes options dont le profil vidéo, le titre, la description…

Avantages et inconvénients de la méthode 4

Avantages

  • Aucune installation supplémentaire
  • Aucune limitation de taille de fichiers

Inconvénients

  • Pas d’interaction avec la vidéo
  • Pas de protection contre le téléchargement
  • Vidéo YouTube pouvant être supprimée sans aucune notification

 

Comment inclure des présentations PowerPoint dans WordPress (partie 1)

WordPressIl existe plusieurs façons pour inclure une présentation PowerPoint dans un site WordPress. Nous allons vous présenter les quatre méthodes les plus fréquemment utilisées, tout en vous indiquant les pour et les contre pour chacune d’entre elles.

Méthode 1 : Upload sur un serveur ftp

Il vous faut dans un premier temps convertir votre présentation PowerPoint en HTML5. Cela peut être facilement fait avec iSpring Converter Pro.

Pour convertir en HTML5, vous devez cliquer l’onglet iSpring (Converter Pro) dans votre présentation PowerPoint, puis l’option Publier. Dans la fenêtre de publication, il suffit de cliquer l’option WEB, sans omettre de cocher l’option Combiné (HTML5 + Flash) pour avoir une présentation adaptative, puis le bouton Publier.

inclure des présentations PowerPoint dans un site web WordPress

Ensuite il vous faut uploader le package HTML5 sur votre serveur web, en utilisant par exemple un client ftp pour vous simplifier la tâche. Il existe de nombreux clients ftp, dont FileZilla (open source), CuteFTP…

Dans le backend WordPress, il vous suffit alors d’inclure une iframe dans la page web voulue. L’URL du package doit alors être incluse dans l’iframe.

Exemple de code :
<iframe src="http://adresse_presentation_HTML5" width="800" height="600" scrolling="no" />

Vous pouvez paramétrer différentes largeurs (width) et hauteurs (height) pour la fenêtre de présentation. Vous pouvez par exemple paramétrer la largeur en pourcentage :

width="100%"

et la présentation s’ajustera automatiquement à la largeur de page. Lorsque la présentation est convertie avec iSpring, le ratio largeur-hauteur est conservé pour un redimensionnement proportionnel.

Avantages et inconvénients de la méthode 1

Avantages

  • Aucune installation supplémentaire
  • Présentation hébergée sur votre serveur web
  • Aucune limitation de taille de fichiers
  • Effets PowerPoint préservés
  • Parfait pour une utilisation occasionnelle

Les présentations peuvent être protégées par un mot de passe et être exclusivement disponibles sur des domaines de confiance que vous avez approuvés avec iSpring Converter Pro. Dans la fenêtre de publication, il vous faut cliquer l’onglet Protection pour configurer ces options.

Inconvénient

  • Présentations qui prennent de l’espace sur le serveur

Méthode 2 : Upload sur iSpring Cloud

Il existe de nombreux services cloud pouvant héberger vos présentations et qui offrent des options de partage. Mais iSpring Cloud offre une fonctionnalité permettant d’inclure des présentations dans des posts de blog grâce au code HTML généré automatiquement. Ce service est spécifiquement conçu pour visualiser du contenu créé avec les outils iSpring.

Pour publier sur iSpring Cloud, vous devez disposer d’un compte, disponible en abonnement de 12 mois.

Il vous suffit de cliquer l’onglet iSpring (Converter Pro) de votre présentation PowerPoint, puis l’option Publier. Dans la fenêtre de publication, vous devez cliquer l’option iSpring Cloud pour renseigner les informations de votre compte (compte URL, email et mot de passe) et sélectionner le répertoire de destination de la présentation.

Dans le backend iSpring Cloud, vous devez sélectionner la présentation dans la liste et cliquer le bouton Share pour accéder au code HTML généré automatiquement. Dans la fenêtre Sharing qui s’affiche, vous cliquez alors l’onglet Embed code pour paramétrer différentes options :

 inclure des présentations PowerPoint dans un site web WordPress

Ensuite vous copiez-collez ce code HTML dans votre page web.

Avantages et inconvénients de la méthode 2

Avantages

  • Aucune installation supplémentaire
  • Aucune limitation de taille de fichiers
  • Effets PowerPoint préservés
  • Présentations pouvant être protégées avec un mot de passe et être exclusivement disponibles sur des domaines de confiance
  • Présentations pouvant être partagées et téléchargées

 

Ajouter un texte avec défilement dans une présentation PowerPoint avec iSpring

Tutoriel PowerPoint / iSpring

Comment ajouter une boîte de texte avec défilement à une présentation en ligne

Parfois sur une diapositive PowerPoint, vous ne pouvez pas réduire la longueur d’un texte explicatif, ce qui implique de réduire la taille de certaines images, voire de les enlever. La solution consiste alors à utiliser un objet avec défilement afin de laisser suffisamment d’espace pour les visuels.

Regardons comment ajouter une boîte de texte avec défilement à une présentation PowerPoint.

Etape 1. Préparer la diapositive PowerPoint

Commencez par créer une présentation PowerPoint ou à ajouter une diapositive supplémentaire à un fichier PowerPoint.

Pour notre exemple nous avons utilisé une image personnelle d’une iris et utilisé du texte publié sur Wikipedia.

La diapositive est par défaut blanche. Nous allons commencer par changer la couleur d’arrière-plan de la diapositive afin que l’arrière-plan de notre image se fonde avec l’arrière-plan de la diapositive .

Faîtes un clic droit sur la diapositive et choisissez l’option Mise en forme de l’arrière-plan puis remplissage uni, et renseignez la couleur voulue. Ici R: 45. V : 58. B : 29.

Cliquez sur OK et Appliquer partout.

L’étape suivante consiste à ajouter notre image à la diapositive.

Faites un clic droit sur votre image et sélectionnez Copier, puis un autre clic droit sur la diapositive et sélectionnez Coller.

Ajoutez un titre à votre image.

 

La phase de préparation est terminée, nous allons donc pouvoir commencer à configurer la boîte de texte. Nous allons ajouter un Objet Web avec iSpring.

Etape 2. Préparer le contenu

Le contenu texte d’un élément avec défilement doit être au format HTML. La façon la plus simple et la plus rapide pour préparer ce type de contenu est d’utiliser Microsoft Word.

Créez un nouveau document Word dans lequel vous placez le texte. Cliquez sur Mise en page > Couleur de page > Autres couleurs > Personnalisé et renseignez la couleur R : 45. V : 58. B : 29.

Le blanc est parfait comme couleur de police car facile à lire sur un fond foncé.

Enregistrez le document Word en tant que HTML filtré. Pour cela, sélectionnez le menu Fichier > Enregistrer sous > Autres formats > Page Web, Filtrée.

Microsoft crée un fichier HTML unique sans aucun autre fichier ou dossier, ce qui facilite le travail et la distribution.

Etape 3. Insérer un Objet Web dans PowerPoint

Cliquez sur l’onglet iSpring dans le ruban de PowerPoint et sélectionner Web Object. Si vous n’avez pas iSpring, vous pouvez télécharger une version d’évaluation.

Sélectionnez Local Patch (Chemin local) et naviguez jusqu’à votre fichier HTML. Dans les paramètres, cochez Display in the slide (afficher dans la diapositive). Laissez la valeur à 0 pour Show after (afficher après).

Vous pouvez redimensionner et déplacer l’objet.

Cliquez sur OK. L’emplacement de l’objet web apparait sur la diapositive

Une fois la présentation publiée, l’emplacement de l’objet web sera remplacé par l’objet.

Etape 4. Publier la présentation pour le web

Dans l’onglet iSpring, cliquez sur l’option Publish (Publier). Pour que votre présentation soit accessible depuis n’importe quel terminal, dont les terminaux mobiles, publiez votre présentation en mode Combined (Flash + HTML5).

Vous pouvez personnaliser à ce niveau le lecteur (thème de couleurs, panneaux et contrôles).

Cliquez sur Publish et ouvrez votre présentation dans un navigateur web. La boîte de texte avec défilement est bien présente.