1. ajoutez l’extension Insert Global Content Block
2. préparez votre code (remplacer le nom en bleu par le nom de votre Prézi)
<object data="http://prezi.com/ abqwjtcf2cpb /view" height="300" width="550"></object>
3. cliquez sur l’icone InsertGlobal Content Block
4. cliquez sur Create a New Content Block -> donnez un nom et collez votre code
5. cliquez sur Insert Content block->c’est fini
[contentblock id=2 img=iframe.png]
Il faut activer l’extension « JW Player »
pour afficher une vidéo il suffit de rentrer son adresse
attention le nom de la vidéo ne doit pas contenir d’accent,
ni d’espace, ni d’apostrophe pour être lu par tous les navigateurs
il faut donner les droits avec filezilla
->clic droit sur le fichier « file attributes… »
->mettre 777 pour donner tous les droits
le texte
http://ftp-wavrechain-thorez.etab.ac-lille.fr/07-Clip_J_ai_demande_a_la_Lune.mp4
donne
le texte
http://ftp-iencacentre.etab.ac-lille.fr/film_pour_AP_annote.mp4
donne
Image sur un ftp académique
1. se procurer l’adresse de l’image
*si l’image se trouve à la racine : http://ftp-vad.etab.ac-lille.fr/droits.jpg
*si l’image se trouve dans un dossier -> donner les droits de lecture et d’exécution sur le dossier http://ftp-vad.etab.ac-lille.fr/images/droits.jpg
avec filezilla -> clic droit sur le fichier ou le dossier « file attributes… »-> choisir 777 pour donner tous les droits
attention le nom de l’image ne doit pas contenir d’accent,
ni d’espace, ni d’apostrophe pour être lu par tous les navigateurs
2. se mettre en mode texte (onglet Texte en haut à droite)
et entrer le code suivant :
<img src="http://ftp-vad.etab.ac-lille.fr/images/droits.jpg">
Image sur Internet
1. se procurer l’adresse de l’image
clic droit sur l’image -> Copier l’adresse de l’image -> et ensuite la coller dans le cadre en mode texte (voir point 2. ci-dessus)
http://plone-vae.etab.ac-lille.fr/images/plan_acces
ne pas oublier de citer l’origine de l’image
image issue du site http://plone-vae.etab.ac-lille.fr/
2. se mettre en mode texte (onglet Texte en haut à droite)
et entrer le code suivant :
<img src="http://plone-vae.etab.ac-lille.fr/images/plan_acces »>
Nous sommes allés voir et écouter « Le carnaval des animaux » de Camille Saint Saens en autobus à Denain. Les musiciens du Conservatoire de musique de Denain nous ont charmés. Des élèves de C.P. de l’école Jean Macé étaient venus également.
insertion audio MP3 : les misérables de victor hugo
ajouter un média->insérer un média-> »Envoyer des fichiers » ou « Bibliothèque de médias »->insérer dans l’article
insertion vidéo YOUTUBE : la multiplication maya en direct de youtube
Il faut activer l’extension « Advanced iFrame » car l’insertion classique de la balise HTML Iframe ne fonctionne pas (elle est filtrée pour des raisons de sécurité)
Add advanced iFrame->puis insérer l’adresse du lien récupérée dans Youtube : Partager-> Intégrer et copier la partie suivante src= »https://www.youtube.com/embed/cflVtgKZU90″ entre securitykey= »… » et le crochet fermant]
insertion vidéo MP4 : vidéo perso dans la librairie limitée à 8 Mo
ajouter un média->insérer un média->onglet « Bibliothèque de médias »->insérer dans l’article
insertion photo ou image jpg
ajouter un média->insérer un média->envoyer des fichiers ou bibliothèque de médias->choisir le média dans la bibliothèque->réglage de l’affichage du fichier (à droite)->insérer dans la page
modifier la taille/l’alignement de l’image : cliquer dans l’image puis sur le crayon->taille : dans la liste déroulante choisir « miniature-moyenne-taille originale » / alignement : choisir « gauche-centre-droite »->mettre à jour
afficher l’image en taille réelle : cliquer dans l’image puis sur le crayon->lier à :
dans la liste déroulante choisir « fichier média » ->mettre à jour
créer un lien :
mettre le mot en surbrillance-> cliquer sur l’icône avec 2 maillons de chaîne -> entrer l’adresse web -> cocher ouvrir dans une nouvelle fenêtre -> bouton bleu ajouter le lien
lien vers : Droit à l’image et identité numérique
Couper un article trop long : pour ne pas encombrer la page d’accueil
positionner le curseur à l’endroit de la coupure -> cliquer sur l’icône avec 3 trait dont un en pointillés au milieu-> un trait en pointillés apparaît dans l’article avec la mention MORE
Pour bien démarrer avec Plone, Joël Douanne a écrit un tutoriel très imagé, le fichier suivant détaille la manière de faire…
Pour donner à Plone l’apparence de l’ancien site SPIP, j’ai cherché à retrouver des correspondance avec SPIP : derniers articles, agenda,… le fichier suivant détaille la façon de procéder…
Le thème retenu est SUNRAIN, il comprend 2 habillages, soit un par circonscription, le thème rain : bleu et gris avec un bandeau bleu et le thème sun : marron avec un bandeau jaune.
Pour personnaliser le bandeau, j’ai modifié le css du thème SUNRAIN, plus facile à faire que de personnaliser le thème dans Zope comme préconisé, le fichier suivant détaille les lignes à modifier…
site de l’auteur : http://www.progresser-en-informatique.com/cours-wordpress/presentation-interface-administration/
La console d’administration de WordPress permet de mettre à jour un site internet sans avoir à écrire une ligne de code. C’est le grand avantage des systèmes de gestion de contenu
Dans ce module, nous allons explorer les différentes parties de la console d’administration WordPress, qui se découpe en deux menus principaux :
Voici les différents sujets qui seront abordés dans ce module :
