{"id":239,"date":"2015-11-26T07:57:48","date_gmt":"2015-11-26T06:57:48","guid":{"rendered":"http:\/\/www.dodev.fr\/divi\/?page_id=239"},"modified":"2015-11-26T16:10:02","modified_gmt":"2015-11-26T15:10:02","slug":"page-modele","status":"publish","type":"page","link":"https:\/\/www.dodev.fr\/divi\/page-modele\/","title":{"rendered":"Page mod\u00e8le"},"content":{"rendered":"<h2 style=\"text-align: justify;\">Cette page est r\u00e9alis\u00e9e en utilisant les formats de style du site. Ceci est le \u00ab\u00a0chap\u00f4\u00a0\u00bb du texte. Il expose les points essentiels de l&rsquo;article en quelques lignes. Il est standardis\u00e9, en Style Titre 2<\/h2>\n<hr \/>\n<p>On peut isoler des textes avec le bouton ligne horizontale.<\/p>\n<p>La police du texte est dans l&rsquo;ordre selon les situations rencontr\u00e9es sur l&rsquo;ordinateur : Arial, ou Verdana, sans-serif, pour les 2 polices<br \/>\nLa taille standard est de 14px, et la hauteur de ligne standard est de 24px.<\/p>\n<hr \/>\n<h3 class=\"web-developer-syntax-highlight\" data-type=\"css\" data-line-numbers=\"false\">Les titres et sous-titres sont en Georgia S\u00e9rif, ici en titre 3<\/h3>\n<hr \/>\n<h3 style=\"text-align: justify;\">Ce titres est en style Titre 3<\/h3>\n<p>Ceci est un texte format\u00e9 paragraphe standard. G\u00e9n\u00e9ralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a \u00e9t\u00e9 modifi\u00e9), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d&rsquo;attente. L&rsquo;avantage de le mettre en latin est que l&rsquo;op\u00e9rateur sait au premier coup d&rsquo;oeil que la page contenant ces lignes n&rsquo;est pas valide, et surtout l&rsquo;attention du client n&rsquo;est pas d\u00e9rang\u00e9e par le contenu, il demeure concentr\u00e9 seulement sur l&rsquo;aspect graphique.<\/p>\n<h4 style=\"text-align: justify;\">Le sous titre est en style Titre 4<\/h4>\n<p>Even though using \u00ab\u00a0lorem ipsum\u00a0\u00bb often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. \u00ab\u00a0Lorem ipsum\u00a0\u00bb also approximates a typical distribution of spaces in English.<\/p>\n<hr \/>\n<h3 style=\"text-align: justify;\">Titre du paragraphe en latin Titre 3<\/h3>\n<p style=\"text-align: justify;\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<hr \/>\n<h3>Exemple de texte avec des liens<\/h3>\n<p>Ceci est un texte avec sa couleur standard, contenant un lien vers <a href=\"http:www.google.fr\" target=\"_blank\">Google<\/a> ou vers le <a href=\"http:\/\/www.unaf92.fr\" target=\"_blank\">site de l&rsquo;Unaf. Les liens ont une pr\u00e9sentation standard<\/a><\/p>\n<hr \/>\n<h3>Uniformit\u00e9 dans le texte et taille des polices<\/h3>\n<p>Les variations dans l&rsquo;uniformit\u00e9 viennent de l&rsquo;utilisation importante des autres fonctions mises \u00e0 disposition, non implant\u00e9es au d\u00e9but, mais r<strong>ajout\u00e9es en cours de vie du site<\/strong>. Ces variations doivent \u00eatre utilis\u00e9es de fa\u00e7on limit\u00e9e, et appliqu\u00e9es uniquement aux paragraphes, pour attirer l&rsquo;attention de fa\u00e7on sp\u00e9cifique.<\/p>\n<p><span style=\"font-size: 12px;\"><span style=\"font-size: 14px;\">14px <\/span> 12px<\/span> <span style=\"font-size: 10px;\">10px<\/span><span style=\"font-size: 8pt;\"> <span style=\"font-size: 12pt;\"><span style=\"font-size: 12px;\">12px<\/span> <span style=\"font-size: 14px;\">14 px<\/span> <span style=\"font-size: 16px;\">16px<\/span> <span style=\"font-size: 20px;\">20px<\/span> <span style=\"font-size: 24px;\">24 px<\/span> <span style=\"font-size: 28px;\">28px<\/span><\/span><\/span><\/p>\n<p>Il est possible de faire varier la taille des caract\u00e8res.<\/p>\n<p><span style=\"font-size: 10px;\">Texte paragraphe modifi\u00e9 en taille 10px<\/span><\/p>\n<p><span style=\"font-size: 12pt;\"><span style=\"font-size: 12px;\">Texte paragraphe modifi\u00e9 en taille 12x<\/span><br \/>\n<\/span><\/p>\n<p><span style=\"font-size: 14px;\">Texte standard paragraphe en taille 14px<strong> ou en gras<\/strong><\/span><\/p>\n<p><span style=\"font-size: 16px;\">Texte paragraphe en taille 16px<\/span><\/p>\n<p><span style=\"font-size: 20px;\">Texte paragraphe en taille 20px <\/span><\/p>\n<p><span style=\"font-size: 24px;\">Texte paragraphe en taille 24px<\/span><\/p>\n<p><span style=\"font-size: 28px;\">Texte paragraphe en taille 28px<\/span><\/p>\n<hr \/>\n<h3>Textes avec des zones en couleur<\/h3>\n<p>Il est possible aussi de modifier l&rsquo;apparence des contenus avec de la couleur.<\/p>\n<p>Texte en <span style=\"color: #ffff00;\">jaune<\/span>, <span style=\"color: #0000ff;\">en bleu<\/span>, ou bien s\u00fbr d&rsquo;autres couleurs ou <span style=\"background-color: #ffff00;\">surlign\u00e9.<br \/>\n<\/span><\/p>\n<p><span style=\"color: #ffff00; background-color: #ff0000;\">Autres surlignages<\/span><\/p>\n<hr \/>\n<h3>Utilisation du bleu<\/h3>\n<p>Les couleurs sont soit d\u00e9finies au niveau de la feuille de style g\u00e9n\u00e9rale du site, soit au cas par cas. Leur manipulation multiple au sein d&rsquo;un m^me paragraphe peut s&rsquo;av\u00e9rer d\u00e9licate en terme de rendu sur diff\u00e9rents navigateurs.<\/p>\n<h5><span style=\"color: #333399;\">Texte avec couleur &#8211; 1\u00e8re ligne 2\u00e8me boite en partant de gauche<\/span><\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<h5><span style=\"color: #000080;\">Texte avec couleur &#8211; 1\u00e8re ligne 3\u00e8me boite en partant de gauche<\/span><\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<h5><span style=\"color: #003366;\">Texte avec couleur &#8211; 1\u00e8re ligne 4\u00e8me boite en partant de gauche<\/span><\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n<h5><span style=\"color: #0000ff;\">Texte avec couleur &#8211; 2\u00e8me ligne 3\u00e8me boite en partant de gauche<\/span><\/h5>\n<hr \/>\n<h3>Fonctions standard du texte<\/h3>\n<p>Ceci est un texte format\u00e9 paragraphe : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<pre>Il existe un format pr\u00e9d\u00e9fini nomm\u00e9 \"Pr\u00e9format\u00e9\"<\/pre>\n<blockquote><p>Il est possible de mettre un texte en exergue de fa\u00e7on standard avec le bouton \u00ab\u00a0. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/blockquote>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<hr \/>\n<p> <a id=\"menu\"><\/a><\/p>\n<p><a href=\"#Ancre1\">Ceci est un lien vers le menu d&rsquo;ancre 1<\/a><\/p>\n<p><a href=\"#Ancre2\">Ceci est une lien vers le menu d&rsquo;ancre 2<\/a><\/p>\n<p><a href=\"#Ancre3\">Ceci est un lien vers le menu d&rsquo;ancre 3<\/a><\/p>\n<h3>\u00a0<a id=\"Ancre1\"><\/a><\/h3>\n<h3>Ancre 1<\/h3>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p><a id=\"Ancre2\"><\/a>\u00a0 <a href=\"#menu\">Vers menu Ancres<\/a><\/p>\n<h3>Ancre 2<\/h3>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p><a id=\"Ancre3\"><\/a>\u00a0<a href=\"#menu\">Vers menu Ancres<\/a><\/p>\n<h3>Ancre 3<\/h3>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<p><a href=\"#menu\">Vers menu Ancres<\/a><\/p>\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>Cette page est r\u00e9alis\u00e9e en utilisant les formats de style du site. Ceci est le \u00ab\u00a0chap\u00f4\u00a0\u00bb du texte. Il expose les points essentiels de l&rsquo;article en quelques lignes. Il est standardis\u00e9, en Style Titre 2 On peut isoler des textes avec le bouton ligne horizontale. La police du texte est dans l&rsquo;ordre selon les situations [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Page mod\u00e8le - WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dodev.fr\/divi\/page-modele\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page mod\u00e8le - WordPress\" \/>\n<meta property=\"og:description\" content=\"Cette page est r\u00e9alis\u00e9e en utilisant les formats de style du site. Ceci est le \u00ab\u00a0chap\u00f4\u00a0\u00bb du texte. Il expose les points essentiels de l&rsquo;article en quelques lignes. Il est standardis\u00e9, en Style Titre 2 On peut isoler des textes avec le bouton ligne horizontale. La police du texte est dans l&rsquo;ordre selon les situations [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dodev.fr\/divi\/page-modele\/\" \/>\n<meta property=\"og:site_name\" content=\"WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2015-11-26T15:10:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dodev.fr\/divi\/page-modele\/\",\"url\":\"https:\/\/www.dodev.fr\/divi\/page-modele\/\",\"name\":\"Page mod\u00e8le - WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/www.dodev.fr\/divi\/#website\"},\"datePublished\":\"2015-11-26T06:57:48+00:00\",\"dateModified\":\"2015-11-26T15:10:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dodev.fr\/divi\/page-modele\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dodev.fr\/divi\/page-modele\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dodev.fr\/divi\/page-modele\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.dodev.fr\/divi\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page mod\u00e8le\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dodev.fr\/divi\/#website\",\"url\":\"https:\/\/www.dodev.fr\/divi\/\",\"name\":\"WordPress\",\"description\":\"Un site utilisant WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dodev.fr\/divi\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page mod\u00e8le - WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dodev.fr\/divi\/page-modele\/","og_locale":"fr_FR","og_type":"article","og_title":"Page mod\u00e8le - WordPress","og_description":"Cette page est r\u00e9alis\u00e9e en utilisant les formats de style du site. Ceci est le \u00ab\u00a0chap\u00f4\u00a0\u00bb du texte. Il expose les points essentiels de l&rsquo;article en quelques lignes. Il est standardis\u00e9, en Style Titre 2 On peut isoler des textes avec le bouton ligne horizontale. La police du texte est dans l&rsquo;ordre selon les situations [&hellip;]","og_url":"https:\/\/www.dodev.fr\/divi\/page-modele\/","og_site_name":"WordPress","article_modified_time":"2015-11-26T15:10:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dodev.fr\/divi\/page-modele\/","url":"https:\/\/www.dodev.fr\/divi\/page-modele\/","name":"Page mod\u00e8le - WordPress","isPartOf":{"@id":"https:\/\/www.dodev.fr\/divi\/#website"},"datePublished":"2015-11-26T06:57:48+00:00","dateModified":"2015-11-26T15:10:02+00:00","breadcrumb":{"@id":"https:\/\/www.dodev.fr\/divi\/page-modele\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dodev.fr\/divi\/page-modele\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.dodev.fr\/divi\/page-modele\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.dodev.fr\/divi\/"},{"@type":"ListItem","position":2,"name":"Page mod\u00e8le"}]},{"@type":"WebSite","@id":"https:\/\/www.dodev.fr\/divi\/#website","url":"https:\/\/www.dodev.fr\/divi\/","name":"WordPress","description":"Un site utilisant WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dodev.fr\/divi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/pages\/239"}],"collection":[{"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":15,"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/pages\/239\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/www.dodev.fr\/divi\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}