{"id":435,"date":"2015-10-27T14:20:46","date_gmt":"2015-10-27T14:20:46","guid":{"rendered":"http:\/\/wp.pixerecourt.fr\/?page_id=435"},"modified":"2018-11-14T14:39:03","modified_gmt":"2018-11-14T14:39:03","slug":"prise-en-main-de-wordpress","status":"publish","type":"page","link":"https:\/\/wp.pixerecourt.fr\/cours-info\/prise-en-main-de-wordpress\/","title":{"rendered":"WordPress: un outil de publication"},"content":{"rendered":"<a class=\"mwm-aal-item\" name=\"bienvenue-sur-wordpress\"><\/a><h1>Bienvenue sur WordPress!<\/h1>\n<p><strong><em>P<\/em><\/strong><em><strong>rendre en main wordpress est tr\u00e8s facile , vous verrez ! Cette rubrique vous permettra de conna\u00eetre un peu mieux l'environnement de WordPress, afin de cr\u00e9er un site qui correspond \u00e0 vos attentes.<br \/>\n<\/strong><\/em><\/p>\n<h2>Pr\u00e9sentation<\/h2>\n<p>WordPress est une plate-forme s\u00e9mantique de publication issue du monde du logiciel libre. Par rapport \u00e0 ses concurrents, la qualit\u00e9 premi\u00e8re de WordPress est sa simplicit\u00e9. De l\u2019installation \u00e0 l\u2019utilisation, il s\u2019agit d\u2019un outil clair et facile \u00e0 prendre en main. Ce sont ces qualit\u00e9s, associ\u00e9es \u00e0 sa grande modularit\u00e9 qui ont fait de WordPress, le CMS le plus utilis\u00e9 dans le monde entier.<\/p>\n<p>Toutefois, cet outil est enti\u00e8rement mall\u00e9able (pour l'utilisateur, mais \u00e9galement pour l'\u00e9tablissement), ne contient pas de publicit\u00e9 et se rapproche des solutions utiliser dans le monde professionnel. En Contrepartie, il est certes moins conviviale que les solutions de publication de blog qui sont d\u00e9j\u00e0 en ligne (cowblog, blogger, tumblr ...)<\/p>\n<h2>Sur l'\u00e9tablissement:<\/h2>\n<p><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/03\/epl_logo3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-358\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/03\/epl_logo3.png\" alt=\"epl_logo\" height=\"91\" width=\"200\"><\/a><\/p>\n<p>Cette plate forme est install\u00e9e sur un espace Web qui \"appartient\" \u00e0 l'EPL54, elle est g\u00e9r\u00e9e par l'\u00e9quipe informatique de l'\u00e9tablissement, sur un h\u00e9bergement <a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/creation-de-site\/#lhebergement\">d\u00e9di\u00e9<\/a>. Sur demande, celui-ci vous permet de disposer d'un acc\u00e8s complet \u00e0 un \"tableau de bord\" afin de publier des contenus. L'architecture qui est install\u00e9e ici vous permet de g\u00e9rer de mani\u00e8re <strong>autonome<\/strong>, en plus des contenus, l'apparence du site, la structuration des pages et des menus, et bien d'autres fonctionnalit\u00e9s...<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1015\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/teteecran.gif\" alt=\"teteecran\" height=\"87\" width=\"107\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/teteecran.gif 107w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/teteecran-80x65.gif 80w\" sizes=\"auto, (max-width: 107px) 100vw, 107px\" \/>Attention! Pour la prise en main de cet outil, une mise en route ou un accompagnement peut s'av\u00e9rer n\u00e9cessaire.<\/p>\n<div class=\"encadre\">\n<p>Pour la cr\u00e9ation du site, une adresse e-mail est n\u00e9cessaire, en contrepartie, l'\u00e9quipe informatique vous communiquera une adresse URL, ainsi que des identifiants qui vous permettront d\u2019acc\u00e9der au tableau de bord<\/p>\n<p style=\"text-align: right;\">Bonne cr\u00e9ation de site!<\/p>\n<\/div>\n<a class=\"mwm-aal-item\" name=\"le-tableau-de-bord\"><\/a><h1>Le tableau de bord<\/h1>\n<p>Le tableau de bord permet d'effectuer toute les modifications courantes sur votre site.<\/p>\n<div class=\"encadre\">L'acc\u00e8s au tableau de bord n\u00e9cessite d'avoir&nbsp; un identifiant et un mot de passe.<\/div>\n<h2>Acc\u00e8s au tableau de bord<\/h2>\n<p>Vous pourrez y acc\u00e9der en ajoutant \/wp-admin \u00e0 l'URL de votre site. Par exemple, si votre site se nomme \"<strong>Site<\/strong>\", l'acc\u00e8s au tableau de bord se fera en tapant dans la barre d'adresse:<\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 14pt;\"><em>http:\/\/wp.pixerecourt\/<strong>Site<\/strong>\/wp-admin<\/em><\/span><\/p>\n<p>Selon le r\u00f4le attribu\u00e9 au compte utilisateur, le tableau de bord vous permettra d'effectuer diff\u00e9rente modification:<\/p>\n<figure id=\"attachment_429\" aria-describedby=\"caption-attachment-429\" style=\"width: 450px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbediteur.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-429\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbediteur.jpg\" alt=\"Tableau de bord d'un \u00e9diteur\" height=\"293\" width=\"450\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbediteur.jpg 729w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbediteur-300x195.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><figcaption id=\"caption-attachment-429\" class=\"wp-caption-text\">Tableau de bord d'un \u00e9diteur<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_428\" aria-describedby=\"caption-attachment-428\" style=\"width: 450px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbadmin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-428\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbadmin.jpg\" alt=\"Tableau de bord d'un administrateur\" height=\"393\" width=\"450\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbadmin.jpg 738w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/tdbadmin-300x261.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><figcaption id=\"caption-attachment-428\" class=\"wp-caption-text\">Tableau de bord d'un administrateur<\/figcaption><\/figure>\n<a class=\"mwm-aal-item\" name=\"lditeur\"><\/a><h1>L'\u00e9diteur<\/h1>\n<p>L'\u00e9diteur vous permettra de cr\u00e9er ou de modifier vos pages et vos articles. Il appara\u00eet en cliquant dans le menu du tableau de bord<br \/>\nL'\u00e9diteur comporte un mode \"Visuel\" et un mode \"Texte\".<\/p>\n<h2 style=\"text-align: left;\">Le mode visuel:<\/h2>\n<figure id=\"attachment_455\" aria-describedby=\"caption-attachment-455\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagevisuel.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-455\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagevisuel.jpg\" alt=\"L'\u00e9diteur en mode visuel\" height=\"269\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagevisuel.jpg 1420w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagevisuel-300x134.jpg 300w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagevisuel-1024x458.jpg 1024w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-455\" class=\"wp-caption-text\">L'\u00e9diteur en mode visuel<\/figcaption><\/figure>\n<p>En effet, \u00e0 la diff\u00e9rence d'un logiciel de traitement de texte: tout ce que vous \u00e9crivez en mode \"Visuel\", se traduit automatiquement dans le langage HTML, c'est \u00e0 dire avec <strong><a title=\"Le langage html\" href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/creation-de-site\/#le-langage-html\">des balises<\/a>.<\/strong><\/p>\n<div class=\"encadre\">Certaine de ces \"traductions\" impliquent parfois un comportement inattendu et il est parfois n\u00e9cessaire de modifier directement les balises \u00e0 l'aide du mode \"Texte\"<\/div>\n<h2>Voici un aper\u00e7u du mode \"Texte\":<\/h2>\n<figure id=\"attachment_461\" aria-describedby=\"caption-attachment-461\" style=\"width: 786px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagetexte.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-461\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagetexte.jpg\" alt=\"\u00c9diteur en mode texte\" height=\"470\" width=\"786\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagetexte.jpg 1143w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagetexte-300x179.jpg 300w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/editeurpagetexte-1024x611.jpg 1024w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><\/a><figcaption id=\"caption-attachment-461\" class=\"wp-caption-text\">\u00c9diteur en mode texte<\/figcaption><\/figure>\n<a class=\"mwm-aal-item\" name=\"structurer-les-contenus\"><\/a><h1>Structurer les contenus<\/h1>\n<h2>\u00c9tablir une hi\u00e9rarchie dans le contenu d'une page:<\/h2>\n<p>Afin de structurer clairement les id\u00e9es, il est fort recommand\u00e9 d'utiliser les styles <em>(Titre 1, Titre 2, Titre 3, etc.)<\/em>, \u00e0 partir du bouton \"paragraphe\"<\/p>\n<figure id=\"attachment_464\" aria-describedby=\"caption-attachment-464\" style=\"width: 149px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/paragraphe.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-464\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/paragraphe.jpg\" alt=\"Bouton paragraphe\" height=\"42\" width=\"149\"><\/a><figcaption id=\"caption-attachment-464\" class=\"wp-caption-text\">Bouton paragraphe<\/figcaption><\/figure>\n<p>Les styles pr\u00e9sentent de nombreux avantages:<\/p>\n<ul>\n<li>Ils permettent de garantir une mise en page harmonieuse et coh\u00e9rente.&nbsp; Par exemple, comme sur un document de traitement de texte, les mise en forme de 2 paragraphes d'un m\u00eame type (titre de chapitre, sous titre etc...) doivent avoir la m\u00eame mise en forme.<\/li>\n<li>Ils sont analys\u00e9s par les moteurs de recherche, et c'est ce qui permet un bon r\u00e9f\u00e9rencement de votre site<\/li>\n<li>Ils permettent, gr\u00e2ce \u00e0 des \"extensions\" (voir plus bas); de cr\u00e9er des tables automatique, ou m\u00eame un widget qui contient des liens vers les diff\u00e9rents endroits de la pages. Comme c'est ici, sur la droite:<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-74\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/01\/maingauche.gif\" alt=\"maingauche\" height=\"23\" width=\"49\"><\/li>\n<\/ul>\n<p>Les balises qui permettent de mettre en oeuvre les styles sont &lt;H1&gt;, &lt;H2&gt;, &lt;H3&gt; ... Par exemple:<br \/>\n<code>&lt;<\/code><code>H1&gt;Ce paragraphe sera en titre de niveau 1&lt;<\/code><code>\/H1&gt;<\/code><br \/>\n<code>&lt;<\/code><code>H2&gt;Ce paragraphe sera en titre de niveau 2&lt;<\/code><code>\/H2&gt;<\/code><\/p>\n<a class=\"mwm-aal-item\" name=\"insrer-des-liens\"><\/a><h1>Ins\u00e9rer des liens<\/h1>\n<p>Vous devez commencer par \u00e9crire du texte qui constituera le lien.<\/p>\n<figure id=\"attachment_466\" aria-describedby=\"caption-attachment-466\" style=\"width: 162px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lien.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-466 size-full\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lien.jpg\" alt=\"lien\" height=\"69\" width=\"162\"><\/a><figcaption id=\"caption-attachment-466\" class=\"wp-caption-text\">Bouton lien<\/figcaption><\/figure>\n<p>Cliquez ensuite sur l\u2019ic\u00f4ne ci dessus (celui-ci n'est actif que lorsque du texte est s\u00e9lectionn\u00e9), un fen\u00eatre \u00e0 remplir s'affiche:<\/p>\n<figure id=\"attachment_467\" aria-describedby=\"caption-attachment-467\" style=\"width: 503px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lien-bdl.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-467\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lien-bdl.jpg\" alt=\"Ajout d'un lien\" height=\"251\" width=\"503\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lien-bdl.jpg 503w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lien-bdl-300x149.jpg 300w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/a><figcaption id=\"caption-attachment-467\" class=\"wp-caption-text\">Ajout d'un lien<\/figcaption><\/figure>\n<p>Dans le champs adresse web mettez l\u2019adresse exacte de la page que vous liez \u00e0 votre texte (du style http:\/\/www.adresse-du-site.fr) et dans le champs titre mettre un titre court pour d\u00e9crire votre lien. Ce champ n\u2019est pas obligatoire mais remplissez-le, il est utilis\u00e9 par les non-voyants avec des syst\u00e8mes de lecture vocale.<\/p>\n<a class=\"mwm-aal-item\" name=\"-insrer-un-mdia\"><\/a><h1><span id=\"41_Inserer_une_image_ou_un_pdf\"> Ins\u00e9rer un m\u00e9dia<\/span>:<\/h1>\n<p>Dans le contenu de l\u2019article ou de la page, <strong>positionner le curseur l\u00e0 o\u00f9 devra \u00eatre ins\u00e9r\u00e9 le m\u00e9dia<\/strong>. Cliquez ensuite sur le bouton <strong>Ajouter un m\u00e9dia<\/strong>.<\/p>\n<figure id=\"attachment_473\" aria-describedby=\"caption-attachment-473\" style=\"width: 146px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/ajouter-un-media.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-473\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/ajouter-un-media.jpg\" alt=\"Bouton ajouter un m\u00e9dia\" height=\"34\" width=\"146\"><\/a><figcaption id=\"caption-attachment-473\" class=\"wp-caption-text\">Bouton \"ajouter un m\u00e9dia\"<\/figcaption><\/figure>\n<p>La fen\u00eatre suivante s\u2019affiche:<\/p>\n<figure id=\"attachment_474\" aria-describedby=\"caption-attachment-474\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/bibliothequemedia.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-474\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/bibliothequemedia.jpg\" alt=\"Le gestionnaire de m\u00e9dia\" height=\"416\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/bibliothequemedia.jpg 950w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/bibliothequemedia-300x207.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-474\" class=\"wp-caption-text\">Le gestionnaire de m\u00e9dia<\/figcaption><\/figure>\n<h2>Les images:<\/h2>\n<p>Avant d'int\u00e9grer une image sur le site, il est fortement conseill\u00e9 d'adapter sa r\u00e9solution. Pour un site web, la r\u00e9solution des images ne doit pas \u00eatre \u00e9lev\u00e9e (maxi 1000 pixel, environ 500 Ko)<\/p>\n<p>Les trois formats d\u2019image les plus couramment utilis\u00e9s pour le web sont :<\/p>\n<p>\u2013 PNG : recommand\u00e9 par le W3C, ce format g\u00e8re la transparence. Toutefois un peu lourd.<\/p>\n<p>\u2013 JPEG : ce format permet de compresser l\u2019image, mais au d\u00e9triment de la qualit\u00e9 et de la transparence.<\/p>\n<p>\u2013 GIF : moins utilis\u00e9 que les deux pr\u00e9c\u00e9dents, ce format prend n\u00e9anmoins en charge l\u2019animation.<\/p>\n<figure id=\"attachment_477\" aria-describedby=\"caption-attachment-477\" style=\"width: 131px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/gif-qui-dort.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-477\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/gif-qui-dort.gif\" alt=\"Un image de type GIF, trouv\u00e9 sur http:\/\/www.dinosoria.com\" height=\"91\" width=\"131\"><\/a><figcaption id=\"caption-attachment-477\" class=\"wp-caption-text\">Un image de type GIF, (http:\/\/www.dinosoria.com)<\/figcaption><\/figure>\n<p>Une fois ins\u00e9r\u00e9e l'image peut \u00eatre retouch\u00e9e en cliquant sur l'image, puis sur le bouton \"Crayon\":<\/p>\n<figure id=\"attachment_514\" aria-describedby=\"caption-attachment-514\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/detail-image.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-514\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/detail-image.jpg\" alt=\"Modifier une image\" height=\"253\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/detail-image.jpg 909w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/detail-image-300x126.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-514\" class=\"wp-caption-text\">Modifier une image<\/figcaption><\/figure>\n<h2>Les vid\u00e9os<\/h2>\n<p>On peut int\u00e9grer des vid\u00e9os facilement dans une page de WordPress. Pour cela, la majeur partie des sites qui propose des vid\u00e9os en ligne permettent de r\u00e9cup\u00e9rer une URL de vid\u00e9o. Par exemple, sur YouTube:<\/p>\n<figure id=\"attachment_512\" aria-describedby=\"caption-attachment-512\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lienyoutube.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-512\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lienyoutube.jpg\" alt=\"R\u00e9cup\u00e9ration du lien d'une vid\u00e9o sur YouTube\" height=\"410\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lienyoutube.jpg 905w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/lienyoutube-300x205.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-512\" class=\"wp-caption-text\">R\u00e9cup\u00e9ration du lien d'une vid\u00e9o sur YouTube<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_513\" aria-describedby=\"caption-attachment-513\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/ins\u00e9rervid\u00e9o.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-513\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/ins\u00e9rervid\u00e9o.jpg\" alt=\"Insertion d'une vid\u00e9o dans une page\" height=\"257\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/ins\u00e9rervid\u00e9o.jpg 916w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/ins\u00e9rervid\u00e9o-300x128.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-513\" class=\"wp-caption-text\">Insertion d'une vid\u00e9o dans une page<\/figcaption><\/figure>\n<a class=\"mwm-aal-item\" name=\"insrer-un-cadre\"><\/a><h1>Ins\u00e9rer un cadre:<\/h1>\n<div style=\"height: 150px; width: 600px; clear: right;\">\n<div class=\"content\" style=\"width: 300px; float: left;\">\n<p>Un cadre permet d'int\u00e9grer un contenu provenant d'un autre site web. Par exemple, on peut int\u00e9grer une carte Google de cette mani\u00e8re:<\/p>\n<\/div>\n<div style=\"width: 300px; float: right;\"><iframe loading=\"lazy\" style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m12!1m3!1d335011.9003134282!2d6.317232571484368!3d49.00524884891065!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sfr!4v1471445312515\" allowfullscreen=\"allowfullscreen\" height=\"450\" frameborder=\"0\" width=\"300\"><\/iframe><\/div>\n<\/div>\n<h2>R\u00e9cup\u00e9ration du lien d'int\u00e9gration:<\/h2>\n<figure id=\"attachment_510\" aria-describedby=\"caption-attachment-510\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/menugoogle.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-510\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/menugoogle.jpg\" alt=\"R\u00e9cup\u00e9ration d'un lien d'int\u00e9gration sur GoogleMap\" height=\"432\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/menugoogle.jpg 929w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/menugoogle-300x216.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-510\" class=\"wp-caption-text\">R\u00e9cup\u00e9ration d'un lien d'int\u00e9gration sur GoogleMap<\/figcaption><\/figure>\n<h2>Insertion du cadre dans la page<\/h2>\n<figure id=\"attachment_509\" aria-describedby=\"caption-attachment-509\" style=\"width: 872px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/integrerframe.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-509\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/integrerframe.jpg\" alt=\"Int\u00e9grer un cadre dans une page\" height=\"499\" width=\"872\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/integrerframe.jpg 896w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/integrerframe-300x171.jpg 300w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/a><figcaption id=\"caption-attachment-509\" class=\"wp-caption-text\">Int\u00e9grer un cadre sur une page<\/figcaption><\/figure>\n<a class=\"mwm-aal-item\" name=\"les-extensions\"><\/a><h1>Les extensions<\/h1>\n<p>L'ajout d'extension permet d'\u00e9tendre les fonctionnalit\u00e9s de WordPress. Voici le fonctionnement de deux de ces extensions:<\/p>\n<h2>Int\u00e9gration d'un document<\/h2>\n<p>Par exemple, Une extension nomm\u00e9e \"Google Doc Embedder\" permet d'int\u00e9grer un document dans une page. Les formats pris en charge sont ceux d'office (DOC, XLS, PPT, DOCX ...) et le PDF.<\/p>\n<p>Voici un (bref) aper\u00e7u du r\u00e9sultat. Ce plan de salle \u00e0 \u00e9t\u00e9 construit sur Word:<br \/>\n[gview file=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/exemple-plan-CDR.doc\" height=\"300\"]<\/p>\n<h3>Installation et activation de l'extension:<\/h3>\n<p>L'extension doit d'abord \u00eatre install\u00e9e (ce qui est d\u00e9j\u00e0 fait sur ce r\u00e9seau);<\/p>\n<p>Par la suite, sur votre site, celle-ci doit \u00eatre activ\u00e9e :<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-970\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension.jpg\" alt=\"Activer une extension\" height=\"537\" width=\"898\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension.jpg 898w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension-300x179.jpg 300w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension-768x459.jpg 768w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension-753x450.jpg 753w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension-435x260.jpg 435w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension-85x51.jpg 85w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2016\/08\/activer_extension-620x371.jpg 620w\" sizes=\"auto, (max-width: 898px) 100vw, 898px\" \/><\/p>\n<h3>Ajout du document au gestionnaire de m\u00e9dia:<\/h3>\n<figure id=\"attachment_528\" aria-describedby=\"caption-attachment-528\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-528\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc.jpg\" alt=\"Ajout d'un document au gestionnaire de m\u00e9dia et r\u00e9cup\u00e9ration de son adresse.\" height=\"320\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc.jpg 910w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc-300x159.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-528\" class=\"wp-caption-text\">Ajout d'un document au gestionnaire de m\u00e9dia et r\u00e9cup\u00e9ration de son adresse.<\/figcaption><\/figure>\n<h3>Int\u00e9gration du document:<\/h3>\n<p>Il faut utiliser la balise [<code>gview<\/code>] avec l'attribut <code>file=<\/code> comme ceci:<\/p>\n<figure id=\"attachment_529\" aria-describedby=\"caption-attachment-529\" style=\"width: 837px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-529\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc2.jpg\" alt=\"Code d'int\u00e9gration d'un document avec l'extension simple google doc viewer\" height=\"304\" width=\"837\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc2.jpg 913w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/insererdoc2-300x108.jpg 300w\" sizes=\"auto, (max-width: 837px) 100vw, 837px\" \/><\/a><figcaption id=\"caption-attachment-529\" class=\"wp-caption-text\">Code d'int\u00e9gration d'un document avec l'extension \"simple google doc viewer\"<\/figcaption><\/figure>\n<h2>Table des mati\u00e8res automatique<\/h2>\n<p>Il est possible de cr\u00e9er une table des mati\u00e8res \u00e0 partir des Titre 1, Titre 2 qui sont trouv\u00e9s dans la page . Cette fonctionnalit\u00e9 est possible gr\u00e2ce \u00e0 une \"extension\" (\"Module\" ou \"plugin\") qui \u00e0 \u00e9t\u00e9 ajout\u00e9e \u00e0 cette plate-forme.<\/p>\n<div class=\"encadre\">En r\u00e8gle g\u00e9n\u00e9rale, les extensions permettent d\u2019enrichir les fonctions de base de WordPress.<\/div>\n<p>Ici l'extension s'appelle \"SimpleTOC\", elle permet, \u00e0 partir d'une balise plac\u00e9e dans le texte, d'afficher des liens qui permettent d\u2019acc\u00e9der aux titres.<\/p>\n<h3>Int\u00e9gration d'une table des mati\u00e8res:<\/h3>\n<figure id=\"attachment_498\" aria-describedby=\"caption-attachment-498\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/TOC-edit.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-498\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/TOC-edit.jpg\" alt=\"Cr\u00e9ation d'une table des mati\u00e8re \u00e0 partir des Titres 1\" height=\"326\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/TOC-edit.jpg 827w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/TOC-edit-300x162.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-498\" class=\"wp-caption-text\">Cr\u00e9ation d'une table des mati\u00e8re \u00e0 partir des Titres 1<\/figcaption><\/figure>\n<h3>Apr\u00e8s la cr\u00e9ation:<\/h3>\n<figure id=\"attachment_501\" aria-describedby=\"caption-attachment-501\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/toc-result.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-501\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/toc-result.jpg\" alt=\"R\u00e9sultat d'une table des mati\u00e8res en mode \u00e9dition, et sur la page\" height=\"327\" width=\"600\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/toc-result.jpg 946w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/10\/toc-result-300x163.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-501\" class=\"wp-caption-text\">R\u00e9sultat d'une table des mati\u00e8res en mode \u00e9dition, et sur la page<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenue sur WordPress! Prendre en main wordpress est tr\u00e8s facile , vous verrez ! Cette rubrique vous permettra de conna\u00eetre un peu mieux l&rsquo;environnement de WordPress, afin de cr\u00e9er un site qui correspond \u00e0 vos attentes. Pr\u00e9sentation WordPress est une plate-forme s\u00e9mantique de publication issue du monde du logiciel libre. Par rapport \u00e0 ses concurrents, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":17,"comment_status":"open","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":0,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}