{"id":505,"date":"2015-08-13T19:17:55","date_gmt":"2015-08-13T17:17:55","guid":{"rendered":"http:\/\/members.loria.fr\/infodoc\/?page_id=505"},"modified":"2018-05-16T13:17:03","modified_gmt":"2018-05-16T11:17:03","slug":"lecon6","status":"publish","type":"page","link":"https:\/\/members.loria.fr\/infodoc\/tutoriel\/lecon6\/","title":{"rendered":"Le\u00e7on6 : un peu de relooking&#8230;"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#1\">Introduction<\/a><\/li>\n<li><a href=\"#2\">Retour sur les widgets<\/a>\n<ol>\n<li><a href=\"#7\">le calendrier<\/a><\/li>\n<li><a href=\"#9\">r\u00e9seaux sociaux<\/a><\/li>\n<li><a href=\"#10\">google maps<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"#3\">Surcharger la feuille de style<\/a>\n<ol>\n<li><a href=\"#4\">le principe<\/a><\/li>\n<li><a href=\"#8\">outils n\u00e9cessaires<\/a><\/li>\n<li><a href=\"#5\">1er exemple : modifier le rendu du blog<\/a><\/li>\n<li><a href=\"#6\">2nd exemple : la page des publications<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<div style=\"color: red; font-size: 140%; width: 100%; text-align: center; margin: 15px 0px 25px 0px; padding: 0px 10px 0px 10px; border: 3px red solid; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;\"><u><b>Tr\u00e8s important<\/b><\/u>  : dans la plupart des d\u00e9clarations de style que je propose ci-dessous pour la \u00ab\u00a0feuille de style locale\u00a0\u00bb, vous constaterez que j&rsquo;ajoute presque syst\u00e9matiquement la propri\u00e9t\u00e9 \u00ab\u00a0!important\u00a0\u00bb.<br \/>Cela permet de garantir que la d\u00e9claration locale va prendre la main sur les d\u00e9clarations pr\u00e9c\u00e9dentes (les concepteurs de la feuille de style originale ont eu eux-m\u00eames la main lourde dans l&rsquo;utilisation de cette propri\u00e9t\u00e9 \u00ab\u00a0!important\u00a0\u00bb).<br \/>Il faut donc faire de m\u00eame pour \u00eatre s\u00fbr de l&#8217;emporter !<\/div>\n<h3><a name=\"1\"><\/a>Introduction<\/h3>\n<p>Avec WordPress le \u00ab\u00a0look\u00a0\u00bb de vos pages est g\u00e9r\u00e9 par le <a href=\"\/infodoc\/faq\/faq1\/#4\"><b><i>Th\u00e8me<\/i><\/b><\/a>.<br \/>\n\u00c0 l&rsquo;heure actuelle, nous ne mettons \u00e0 votre disposition qu&rsquo;un seul th\u00e8me : <a href=\"https:\/\/fr.wordpress.org\/themes\/sparkling\/\"><b><i>Sparkling<\/i><\/b><\/a>, choisi et adapt\u00e9 par les services Communication de nos \u00e9tablissements.<br \/>\nIl a \u00e9t\u00e9 d\u00e9clin\u00e9 en 2 <i>th\u00e8mes enfants<\/i> : <i>sparkling-child<\/i> (couleurs et logos LORIA) et <i>sparkling-childinria<\/i> (couleurs et logos Inria-NGE).<br \/>\nVous ne pouvez pas modifier directement les templates et les feuilles de style communs. Mais pour personnaliser l&rsquo;apparence de vos pages, vous pouvez jouer sur quelques options dans votre menu <b>Apparence<\/b> et m\u00eame modifier les d\u00e9finitions de style en <i>surchargeant<\/i> les d\u00e9finitions standards dans <b>Apparence<\/b> > <b>Options du th\u00e8me<\/b> >, onglet <b>Autres<\/b>.<\/p>\n<h3><a name=\"2\"><\/a>Retour sur les widgets<\/h3>\n<h4><a name=\"7\"><\/a>le calendrier<\/h4>\n<ul>\n<li>dans la Le\u00e7on1, nous avions mis de c\u00f4t\u00e9 le <b>Calendrier<\/b> dans la barre lat\u00e9rale. Maintenant que nous avons saisi des <b>Articles<\/b>, nous allons le r\u00e9activer.<\/li>\n<li> <\/li>\n<li> <\/li>\n<\/ul>\n<h4><a name=\"9\"><\/a>r\u00e9seaux sociaux<\/h4>\n<ul>\n<li><\/li>\n<\/ul>\n<h4><a name=\"10\"><\/a>google maps<\/h4>\n<ul>\n<li><\/li>\n<\/ul>\n<h3><a name=\"3\"><\/a>Surcharger la feuille de style<\/h3>\n<h4><a name=\"11\"><\/a>quelques bons liens<\/h4>\n<ul>\n<li><a href=\"http:\/\/www.w3schools.com\/css\/default.asp\">CSS (w3schools)<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/fr\/docs\/Web\/CSS\/S%C3%A9lecteur_de_voisin_direct\">Combinateurs<\/a><\/li>\n<\/ul>\n<h4><a name=\"4\"><\/a>le principe<\/h4>\n<p>Quelques notions de base :<\/p>\n<ul>\n<li>pour mettre votre site en forme, WordPress d\u00e9finit des <a href=\"\"><b>templates<\/b><\/a> (le code HTML des pages du site) et des <a href=\"\/infodoc\/liens\/\"><b>feuilles de style<\/b><\/a> (CSS : <i>Cascading Style Sheets<\/i>). C&rsquo;est dans ces feuilles de style que l&rsquo;on pr\u00e9cise le comportement des balises d\u00e9finies dans les templates.<\/li>\n<li>en th\u00e9orie, il y a 2 m\u00e9thodes pour modifier le \u00ab\u00a0look\u00a0\u00bb d&rsquo;un site : surcharger les d\u00e9clarations des feuilles de style, ou modifier directement le code du template. Les d\u00e9clarations de CSS sont lues s\u00e9quentiellement dans la page, avec la r\u00e8gle suivante : si une propri\u00e9t\u00e9 est surcharg\u00e9e par une nouvelle d\u00e9finition, c&rsquo;est la derni\u00e8re d\u00e9finition lue qui l&#8217;emporte. Sur notre site, vous n&rsquo;avez pas acc\u00e8s en modification au template, car il est partag\u00e9 entre tous les sites (c&rsquo;est le principe de WordPress MultiSites). Mais vous pouvez, dans votre Tableau de bord, saisir votre propre feuille de style qui sera charg\u00e9e apr\u00e8s toutes les autres et pourra donc les surcharger.<\/li>\n<li>la caract\u00e9ristique essentielle des CSS est l&rsquo;h\u00e9ritage des propri\u00e9t\u00e9s selon un mod\u00e8le Parent-Enfant (qui s&rsquo;applique aussi bien aux balises qu&rsquo;aux classes ou aux ids) : par exemple si une balise &lt;div&gt; est parente d&rsquo;une balise &lt;span&gt; (&lt;span&gt; est imbriqu\u00e9e dans &lt;div&gt;, ou \u00ab\u00a0est enfant de &lt;div&gt;\u00a0\u00bb), &lt;span&gt; h\u00e9ritera des propri\u00e9t\u00e9s d\u00e9finies pour &lt;div&gt;. Cela \u00e9vitera de nombreuses r\u00e9p\u00e9titions : on peut ainsi par exemple d\u00e9finir toutes les propri\u00e9t\u00e9s de polices par d\u00e9faut pour la balise &lt;body&gt; qui est parente de toutes les balises du contenu de la page.<\/li>\n<li>on peut contr\u00f4ler cet h\u00e9ritage par des conventions d&rsquo;\u00e9criture :<br \/>\nVoyons ce qui se passe pour le code HTML suivant, avec diff\u00e9rentes d\u00e9clarations de style :<\/p>\n<div class=\"encadrel\">\n&lt;div&gt; totor&lt;\/div&gt;<br \/>\n&lt;span&gt;totor&lt;\/span&gt;<br \/>\n&lt;div&gt;<br \/>\ntotor<br \/>\n&lt;span&gt;totor&lt;\/span&gt;<br \/>\n&lt;\/div&gt;\n<\/div>\n<ol>\n<li>la d\u00e9claration de style :\n<div class=\"encadrel\">\n&lt;style type=&rsquo;text\/css&rsquo;&gt;<br \/>\ndiv {<br \/>\n  font-size: 1em;<br \/>\n}<br \/>\nspan {<br \/>\n  font-size: 2em;<br \/>\n}<br \/>\n&lt;\/style&gt;\n<\/div>\n<p>donnera :<\/p>\n<div class=\"encadrel\">\n<style type=\"text\/css\">\ndiv.ex1 {\n  font-size: 1em;\n}\nspan.ex1 {\n  font-size: 2em;\n}\n<\/style>\n<div class=\"ex1\">totor<\/div>\n<p><span class=\"ex1\">totor<\/span><\/p>\n<div class=\"ex1\">\ntotor<br \/>\n<span class=\"ex1\">totor<\/span>\n<\/div>\n<\/div>\n<\/li>\n<li>la d\u00e9claration de style :\n<div class=\"encadrel\">\n&lt;style type=&rsquo;text\/css&rsquo;&gt;<br \/>\ndiv {<br \/>\n  font-size: 1em;<br \/>\n}<br \/>\nspan {<br \/>\n  font-size: 2em;<br \/>\n}<br \/>\ndiv, span {<br \/>\n  color: red;<br \/>\n}<br \/>\n&lt;\/style&gt;\n<\/div>\n<p>donnera :<\/p>\n<div class=\"encadrel\">\n<style type=\"text\/css\">\ndiv.exe2 {\n  font-size: 1em;\n}\nspan.exe2 {\n  font-size: 2em;\n}\ndiv.exe2, span.exe2 {\n  color: red;\n}\n<\/style>\n<div class=\"exe2\">totor<\/div>\n<p><span class=\"exe2\">totor<\/span><\/p>\n<div class=\"exe2\">\ntotor<br \/>\n<span class=\"exe2\">totor<\/span>\n<\/div>\n<\/div>\n<p>On voit ici que le fait de mettre en facteur une d\u00e9claration de propri\u00e9t\u00e9 en s\u00e9parant les \u00e9l\u00e9ments affect\u00e9s par une virgule correspond <b>\u00e0 un ET logique<\/b>.\n<\/li>\n<li>enfin, la d\u00e9claration de style :\n<div class=\"encadrel\">\n&lt;style type=&rsquo;text\/css&rsquo;&gt;<br \/>\ndiv {<br \/>\n  font-size: 1em;<br \/>\n}<br \/>\nspan {<br \/>\n  font-size: 2em;<br \/>\n}<br \/>\ndiv span {<br \/>\n  color: red;<br \/>\n}<br \/>\n&lt;\/style&gt;\n<\/div>\n<p>donnera :<\/p>\n<div class=\"encadrel\">\n<style type=\"text\/css\">\ndiv.ex3 {\n  font-size: 1em;\n}\nspan.ex3 {\n  font-size: 2em;\n}\ndiv.ex3 span.ex3 {\n  color: red;\n}\n<\/style>\n<div class=\"ex3\">totor<\/div>\n<p><span class=\"ex3\">totor<\/span><\/p>\n<div class=\"ex3\">\ntotor<br \/>\n<span class=\"ex3\">totor<\/span>\n<\/div>\n<p>Ici les \u00e9l\u00e9ments affect\u00e9s par la d\u00e9claration de propri\u00e9t\u00e9 en facteur sont s\u00e9par\u00e9s par un espace. Cela correspond \u00e0 une inclusion. Cete d\u00e9claration peut se lire : \u00ab\u00a0tout \u00e9l\u00e9ment dans une balise &lt;span&gt; s&rsquo;\u00e9crira en rouge <b>\u00c0 CONDITION QU&rsquo;IL SOIT INCLUS<\/b> dans une balise &lt;div&gt;\u00a0\u00bb.\n<\/div>\n<\/li>\n<\/ol>\n<\/li>\n<li>cette derni\u00e8re propri\u00e9t\u00e9 sera fondamentale pour modifier s\u00e9lectivement les propri\u00e9t\u00e9s de style des blocs de notre th\u00e8me.<\/li>\n<\/ul>\n<p>Chaque utilisateur dispose donc d&rsquo;une option pour \u00e9crire sa propre feuille de style, qui sera enregistr\u00e9e dans la base de donn\u00e9es, et qui sera charg\u00e9e apr\u00e8s les CSS globales.<br \/>\nPour modifier le rendu d&rsquo;un bloc de texte, il faudra avant tout prendre connaissance du code HTML qui le compose, rep\u00e9rer les \u00e9l\u00e9ments de style \u00e0 modifier, et construire des d\u00e9clarations de style suffisamment discriminantes pour ne pas \u00ab\u00a0casser\u00a0\u00bb la pr\u00e9sentation du reste du site. Par exemple, pour modifier la pr\u00e9sentation des titres sp\u00e9cifiquement sur votre page de blog, sans toucher aux titres de vos pages standards, le contr\u00f4le de l&rsquo;h\u00e9ritage des propri\u00e9t\u00e9s CSS que nous venons de voir plus haut vous sera d&rsquo;un grand secours.<br \/>\nLes styles ainsi d\u00e9finis pourront donc surcharger les propri\u00e9t\u00e9s g\u00e9n\u00e9riques uniquement l\u00e0 o\u00f9 nous le d\u00e9sirons et nous pourrons apporter de la vari\u00e9t\u00e9 dans la pr\u00e9sentation sans toucher au code de la page (le template).<\/p>\n<h4><a name=\"8\"><\/a>outils n\u00e9cessaires<\/h4>\n<ul>\n<li>sur mac, pensez \u00e0 activer le kit D\u00e9veloppement de Safari : il vous permettra d&rsquo;afficher les ressources ou d&rsquo;inspecter les arbres et propri\u00e9t\u00e9s du DOM de fa\u00e7on explicite.<\/li>\n<li> <\/li>\n<li> <\/li>\n<\/ul>\n<h4><a name=\"5\"><\/a>1er exemple : modifier le rendu du blog<\/h4>\n<ul>\n<li>par d\u00e9faut, la page de blog affiche l&rsquo;ensemble des articles avec les options d&rsquo;une page standard :\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/theme-05.png\" alt=\"modifier pr\u00e9sentation blog 1\" \/>\n<\/div>\n<ul>\n<li>le titre de chaque article a le style d&rsquo;un titre de page (tr\u00e8s voyant et se pr\u00eatant mal \u00e0 une r\u00e9p\u00e9tition dans la page),<\/li>\n<li>m\u00eame remarque pour le bouton <b>Lire la suite<\/b>,<\/li>\n<li>le <i>padding<\/i> (marge int\u00e9rieure) et la marge ext\u00e9rieure basse du bloc sont importants,<\/li>\n<li>l&rsquo;interligne est important,&#8230;<\/li>\n<\/ul>\n<\/li>\n<li>pour corriger ces d\u00e9fauts sur le blog sans modifier l&rsquo;apparence des autres pages, vous allez proc\u00e9der de la mani\u00e8re suivante :<\/li>\n<li>avec votre navigateur web, affichez le code HTML (ou le DOM) de la page pour rep\u00e9rer les \u00e9l\u00e9ments \u00e0 modifier.<\/li>\n<li>notez bien l&rsquo;imbrication des \u00e9l\u00e9ments de style pour obtenir des expressions discriminantes.<\/li>\n<li>allez dans <b>Apparence<\/b> > <b>Personnaliser<\/b> > <b>Sparkling Options<\/b>,\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/theme-02.png\" alt=\"modifier pr\u00e9sentation blog 2\" \/>\n<\/div>\n<p>et s\u00e9lectionnez l&rsquo;onglet <b>Autres<\/b> :<\/p>\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/theme-04.png\" alt=\"modifier pr\u00e9sentation blog 3\" \/>\n<\/div>\n<\/li>\n<li>cette page vous propose un \u00e9diteur de texte minimaliste (il n&rsquo;y a aucune option de mise en forme) pour saisir vos d\u00e9clarations de style dans votre CSS personnelle (attention, aucune mise en forma n&rsquo;est conserv\u00e9e, il vaut donc mieux conserver un backup local formatt\u00e9 de vos modifications).<\/li>\n<li><b>attention<\/b> : sur tous les onglets de la page <b>Options du th\u00e8me<\/b> apparait en bas de page un bouton <b>Restore Defaults<\/b>.<br \/>\n<b>Ne cliquez jamais dessus<\/b>, vous perdriez tous vos r\u00e9glages sur tous vos onglets, en particulier vos modifications de la feuille de style !<\/li>\n<li>saisissez le code suivant :\n<div class=\"encadrel\">\n\/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/<br \/>\n\/* pour blog *\/<br \/>\n\/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/<br \/>\ndiv.content-area main.site-main {<br \/>\npadding-top: 40px !important;<br \/>\n}<br \/>\ndiv.content-area article.type-post {<br \/>\npadding: 0!important;<br \/>\nmargin-top: -40px !important;<br \/>\n}<br \/>\narticle.type-post div.post-inner-content {<br \/>\npadding: 18px 48px 10px 48px ;<br \/>\nmargin: 0;<br \/>\n}<br \/>\narticle.type-post div.post-inner-content header.entry-header h1.entry-title {<br \/>\nbackground-color: #ffffff !important;<br \/>\ncolor: #4E81A9 !important;<br \/>\npadding: 0   !important;<br \/>\nmargin: 0   !important;<br \/>\nfont-family: Arial ;<br \/>\nfont-size: 22px ;<br \/>\nfont-weight: bold;<br \/>\ntext-transform: none;<br \/>\ntext-align:left;<br \/>\n}<br \/>\narticle.type-post div.post-inner-content header.entry-header h1.entry-title a{<br \/>\nbackground-color: #ffffff !important;<br \/>\ncolor: #4E81A9 !important;<br \/>\npadding: 0 ;<br \/>\nmargin: 0;<br \/>\nfont-family: Arial ;<br \/>\nfont-size: 22px ;<br \/>\nfont-weight: bold;<br \/>\ntext-transform:none;<br \/>\ntext-align:left;<br \/>\n}<br \/>\nheader.entry-header div.entry-meta {<br \/>\npadding: 0 0 0 0 ;<br \/>\nmargin: 0;<br \/>\n}<br \/>\narticle.type-post div.blog-item-wrap div.post-inner-content div.entry-content {<br \/>\npadding: 0;<br \/>\nmargin: 0;<br \/>\n}<br \/>\narticle.type-post div.blog-item-wrap div.post-inner-content div.entry-content p {<br \/>\npadding: 0   !important;<br \/>\nmargin: 0   !important;<br \/>\nline-height: 18px !important;<br \/>\n}<br \/>\narticle.type-post div.blog-item-wrap div.post-inner-content div.entry-content p a.btn-default {<br \/>\npadding: 2px 5px 1px 5px ;<br \/>\nmargin: 0;<br \/>\nbackground-color: #ffffff !important;<br \/>\ncolor: #004b79 !important;<br \/>\n}\n<\/div>\n<\/li>\n<li><b>Remarque importante<\/b> : sur les 2 premi\u00e8res d\u00e9clarations (qui concernent main.site-main et article.type-post), il est <b>tr\u00e8s important<\/b> d&rsquo;y faire figurer le fait que dans la page blog, ces classes sont <b>imbriqu\u00e9es<\/b> dans div.content-area !<br \/>\nEn effet, si vous omettez cela, les pages de cat\u00e9gories que nous avons cr\u00e9\u00e9es (voir page \u00ab\u00a0Mes annonces\u00a0\u00bb dans la <a href=\"\/infodoc\/tutoriel\/lecon5\/\">Le\u00e7on5<\/a>) seront auussi affect\u00e9es car elles contiennent aussi des \u00e9l\u00e9ments de la classe article. Et sur les pages de cat\u00e9gories, il y a un titre, qui se retrouvera superpos\u00e9 \u00e0 l&rsquo;article&#8230; Mais heureusement dans ce cas, le contenu est imbriqu\u00e9 dans <i>section.content-area<\/i>, pas <i>div.content-area<\/i> ! Ce crit\u00e8re d&rsquo;imbrication est donc discriminant.<\/li>\n<li>voici le r\u00e9sultat (ce n&rsquo;est pas forc\u00e9ment plus joli, mais vous avez maintenant les cl\u00e9s pour modifier vos pages comme vous l&rsquo;entendez) :\n<div class=\"encadre\">\n<img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/theme-06.png\" alt=\"modifier pr\u00e9sentation blog 4\" \/>\n<\/div>\n<\/li>\n<\/ul>\n<p><!--\n\n\n<h4><a name=\"6\"><\/a>2nd exemple : la page des publications<\/h4>\n\n\n\n\n<ul>\n\n\n<li>avec HAL\/Inria<\/li>\n\n\n\n\n<li>avec PaperCite<\/li>\n\n\n<\/ul>\n\n\n--><\/p>\n<p><a href=\"https:\/\/colorlib.com\/wp\/support\/sparkling\/\">Pour r\u00e9gler plus d&rsquo;options sp\u00e9cifiques \u00e0 votre th\u00e8me<\/a><\/p>\n<p>&nbsp;<\/p>\n<\/p>\n<div class=\"vert-align\"><img decoding=\"async\" src=\"\/infodoc\/files\/img\/tutoriel\/fleche-droite-1.png\" alt=\"fleche\" \/><a href=\"\/infodoc\/tutoriel\/lecon7\/\">Passer \u00e0 la Le\u00e7on7<\/a><\/div>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sommaire<\/p>\n<ul>\n<li><a href=\"#1\">Introduction<\/a><\/li>\n<li><a href=\"#2\">Retour sur les widgets<\/a>\n<ol>\n<li><a href=\"#7\">le calendrier<\/a><\/li>\n<li><a href=\"#9\">r\u00e9seaux sociaux<\/a><\/li>\n<li><a href=\"#10\">google maps<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"#3\">Surcharger la feuille de style<\/a>\n<ol>\n<li><a href=\"#4\">le principe<\/a><\/li>\n<li><a href=\"#8\">outils n\u00e9cessaires<\/a><\/li>\n<li><a href=\"#5\">1er exemple : modifier le rendu du blog<\/a><\/li>\n<li><a href=\"#6\">2nd exemple : la page des publications<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<p>Tr\u00e8s important  : dans la plupart des d\u00e9clarations de style que je propose ci-dessous pour la \u00ab\u00a0feuille de style locale\u00a0\u00bb, <\/p>\n","protected":false},"author":5,"featured_media":0,"parent":22,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":59,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/505\/revisions"}],"predecessor-version":[{"id":1852,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/505\/revisions\/1852"}],"up":[{"embeddable":true,"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/members.loria.fr\/infodoc\/wp-json\/wp\/v2\/media?parent=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}