{"id":122,"date":"2013-06-12T18:08:27","date_gmt":"2013-06-12T16:08:27","guid":{"rendered":"https:\/\/site-de-paroisse.fr\/wp\/?page_id=122"},"modified":"2018-11-30T14:00:16","modified_gmt":"2018-11-30T13:00:16","slug":"modele","status":"publish","type":"page","link":"https:\/\/paroisse-sevres.fr\/modele\/","title":{"rendered":"Mod\u00e8le de mise en page (Titre 1)"},"content":{"rendered":"<h1>Mod\u00e8le de test h1<\/h1>\n<h2>Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme<\/h2>\n<p><a href=\"https:\/\/paroisse-sevres.fr\/vie-fraternelle\/partager\/fraternite-paroissiale\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter wp-image-3208\" src=\"https:\/\/i0.wp.com\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png?resize=700%2C1217&#038;ssl=1\" alt=\"Cliquer sur l'image pour aller sur la page\" width=\"700\" height=\"1217\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<h4><a href=\"https:\/\/paroisse-sevres.fr\/vie-fraternelle\/partager\/fraternite-paroissiale\/\" target=\"_blank\" rel=\"noopener noreferrer\">&gt;&gt; Voir la page<\/a><\/h4>\n<h4>1iIlL0oO<\/h4>\n<h4>R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d&#8217;une page web aide l\u2019internaute \u00e0 lire sur \u00e9cran.<\/h4>\n<h4>La hi\u00e9rarchisation du contenu sur chaque page, indispensable \u00e0 un bon r\u00e9f\u00e9rencement, passe par un\u00a0r\u00e9sum\u00e9, des titres, listes \u00e0 puces, texte en gras, citation, liens internes et externes&#8230;&lt;\/h4<\/h4>\n<h4>Les niveaux de titres \u00e0 utiliser sur chaque page :<\/h4>\n<ul>\n<li>\n<h4>Titre 4 pour le r\u00e9sum\u00e9<\/h4>\n<\/li>\n<li>\n<h4>Titre 2 pour la 1\u00e8re utilisation de sous-titre.<\/h4>\n<\/li>\n<\/ul>\n<h2>Titre 2 : 1er niveau de sous-titre<\/h2>\n<div><span style=\"background-color: #ffcc00;\">Chaque titre et portion de contenu doivent pouvoir \u00eatre lus de fa\u00e7on autonome<\/span>, ind\u00e9pendamment du contenu qui pr\u00e9c\u00e8de. C&#8217;est <span style=\"background-color: #ffcc00;\">le style &#8220;Lecture rapide&#8221; ou &#8220;stabilo&#8221;<\/span>. Un titre commence par une seule majuscule et n&#8217;est jamais ponctu\u00e9 sauf par un ! ou ?<\/div>\n<div><em>S\u00e9lectionner avec la souris le texte \u00e0 mettre en forme, puis s\u00e9lectionner un style dans la liste Paragraphe ou cliquer un pictogramme.<\/em><\/div>\n<p>NB :\u00a0<del>Titre 1<\/del> : ce style est d\u00e9j\u00e0 utilis\u00e9 par d\u00e9faut par le titre de la page, \u00e0 ne pas utiliser.<\/p>\n<h3>Titre 3 : 3e niveau de sous-titre<\/h3>\n<h4>Titre 4 : r\u00e9sum\u00e9 de la page et 4e niveau de sous-titre<\/h4>\n<p><span style=\"background-color: #ffcc00;\">Ce texte de deux-trois lignes r\u00e9sume la page\u00a0et signale \u00e0 l&#8217;internaute en un clin d&#8217;oeil qu&#8217;il est\u00a0sur la bonne page et qu&#8217;il peut y rester et la lire.<\/span><\/p>\n<h5>Intertitre 5 : 5e niveau de sous-titre<\/h5>\n<h6>Intertitre 6 : 6e niveau de sous-titre<\/h6>\n<p>Paragraphe : texte normal<\/p>\n<pre>Pr\u00e9format\u00e9\u00a0(code informatique)<\/pre>\n<pre>Aller sur l'onglet en haut \u00e0 droite Texte et mettre le code entre balises &lt;pre&gt;.<\/pre>\n<h3>Texte<\/h3>\n<p>Cette phrase montre du texte 1iIlL0oO\u00a0<strong>gras<\/strong> et <em>italique<\/em>, <del>barr\u00e9<\/del> pour une modification de derni\u00e8re minute.<\/p>\n<h3>Citation ou extrait pour illustrer une page en un clin d&#8217;oeil<\/h3>\n<blockquote><p>Comme ils sont beaux les pieds du messager de la Bonne Nouvelle<\/p>\n<p><em>Isa\u00efe 52, 7<\/em><\/p><\/blockquote>\n<h3>Listes<\/h3>\n<h4>Liste \u00e0 puces<\/h4>\n<p>Toute \u00e9num\u00e9ration\u00a0est \u00e0 transformer en liste \u00e0 puces.<\/p>\n<ul>\n<li>Premier item\n<ul>\n<li>Premier item\n<ul>\n<li>Premier item<\/li>\n<li>Second item<\/li>\n<\/ul>\n<\/li>\n<li>Deuxi\u00e8me item<\/li>\n<li>Troisi\u00e8me\u00a0item T<\/li>\n<li>Quatri\u00e8me\u00a0item<\/li>\n<\/ul>\n<\/li>\n<li>Deuxi\u00e8me item<\/li>\n<li>Troisi\u00e8me\u00a0item<\/li>\n<\/ul>\n<h4>Liste num\u00e9rot\u00e9e<\/h4>\n<ol>\n<li>Premier item\n<ol>\n<li>Premier item\n<ol>\n<li>Premier item<\/li>\n<li>Second item<\/li>\n<\/ol>\n<\/li>\n<li>Deuxi\u00e8me item<\/li>\n<li>Troisi\u00e8me\u00a0item<\/li>\n<li>Quatri\u00e8me\u00a0item<\/li>\n<\/ol>\n<\/li>\n<li>Deuxi\u00e8me item<\/li>\n<li>Troisi\u00e8me\u00a0item<\/li>\n<\/ol>\n<h4>Augmenter l&#8217;indentation\u00a0d&#8217;une liste ou paragraphe<\/h4>\n<h4>Diminuer l&#8217;indentation<\/h4>\n<h3>Aligner du texte<\/h3>\n<p>Une page web pr\u00e9sente le texte serr\u00e9 \u00e0 gauche par d\u00e9faut (pas justifi\u00e9) pour le rendre plus facile \u00e0 lire \u00e0 l&#8217;\u00e9cran.<\/p>\n<p style=\"text-align: left;\">\u00e0 gauche<\/p>\n<p style=\"text-align: center;\">centr\u00e9<\/p>\n<p style=\"text-align: right;\">\u00e0 droite<\/p>\n<h3>Faire un lien<\/h3>\n<ol>\n<li>Ouvrir un nouvel onglet de votre navigateur (CTRL + N) et aller sur le site sur lequel vous voulez faire un lien<\/li>\n<li>Copier-coller son adresse web dans le champs url (CTRL + C)<\/li>\n<li>Sur votre page, taper l&#8217;intitul\u00e9 de votre lien, ex : <a href=\"https:\/\/bonnenouvelle.fr\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lien vers Bonnenouvelle.fr<\/a><\/li>\n<li>S\u00e9lectionnez ce texte avec votre souris et cliquer le pictogramme Cha\u00eenon<\/li>\n<li>Collez l&#8217;adresse web copi\u00e9e (CTRL + V)<\/li>\n<li>Validez par un clic sur la fl\u00e8che bleue<\/li>\n<\/ol>\n<h4>Lien vers un site externe<\/h4>\n<ol>\n<li>Cliquer la roue crant\u00e9e<\/li>\n<li>Cocher <em>Ouvrir le lien dans un nouvel onglet<\/em><\/li>\n<li>Cliquer <em>Ajouter un lien<\/em><\/li>\n<\/ol>\n<h4>Lien\u00a0vers une page interne du site (d\u00e9j\u00e0 cr\u00e9\u00e9e)<\/h4>\n<ol>\n<li>Cliquer la roue crant\u00e9e<\/li>\n<li>S\u00e9lectionner la page dans la liste<\/li>\n<li>Cliquer <em>Ajouter un lien<\/em><\/li>\n<\/ol>\n<h4>Supprimer le lien<\/h4>\n<p>Cliquer le pictogramme Cha\u00eenon ouvert<\/p>\n<h3>Annuler (ou touches CTRL + Z) \/\u00a0R\u00e9tablir<\/h3>\n<h3>Mode d&#8217;\u00e9criture sans distraction<\/h3>\n<h3>Texte<\/h3>\n<h4>Coller en texte<\/h4>\n<p>Colle du texte Word sans sa mise en forme.<\/p>\n<h4>Nettoyer le formatage<\/h4>\n<p>Nettoie le code html\u00a0lors d&#8217;une copie de texte d\u00e9j\u00e0 mis en page sur Word qui peut g\u00eaner le r\u00e9f\u00e9rencement du contenu.<\/p>\n<h4>Caract\u00e8re sp\u00e9cial<\/h4>\n<p><span lang=\"fr\">Voici un indice : H<sub>2<\/sub>O et un exposant : E = MC<sup>2<\/sup>.<\/span><\/p>\n<h3>Ligne\u00a0horizontale<\/h3>\n<p>Pour scinder des contenus de nature diff\u00e9rente ou marquer le passage \u00e0 une autre partie dans une page longue.<\/p>\n<hr \/>\n<h3>Saut de page<\/h3>\n<pre>Scinde une page longue en plusieurs parties en ajoutant une balise\u00a0<em>!--nextpage--<\/em><\/pre>\n<ol>\n<li><em>Ins\u00e9rer\u00a0<\/em><\/li>\n<li><em>Ins\u00e9rer la balise Lire la suite<\/em><\/li>\n<\/ol>\n<pre><!--nextpage--><\/pre>\n<h3><a href=\"#page2\">Ancre<\/a><\/h3>\n<h4><span style=\"color: #ff6600;\">Texte en couleur<\/span><\/h4>\n<p style=\"text-align: justify;\"><span style=\"color: #ff0000;\">! Cette page \u00e0 conserver en statut Brouillon pour tester la mise en forme des styles du site !\u00a0<\/span><span style=\"color: #ff0000;\">A utiliser avec mod\u00e9ration en respectant la charte colorique de votre site.\u00a0<\/span><span style=\"color: #ff0000;\"><span style=\"color: #008000;\"><span style=\"color: #ff6600;\">D\u00e9finir une ou deux couleurs pour tout le site, en reprenant les couleurs de votre charte graphique.<\/span><br \/>\n<\/span><\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"background-color: #00ccff; color: #ffffff;\">Texte avec couleur d&#8217;arri\u00e8re-plan<\/span><\/p>\n<h4><del>Barrer du texte<\/del><\/h4>\n<h3>Tableau<\/h3>\n<p>Assez\u00a0long \u00e0 faire, nous vous conseillons de copier-coller ce mod\u00e8le et de le personnaliser.<\/p>\n<table>\n<tbody>\n<tr>\n<th>Livre<\/th>\n<th>Auteur<\/th>\n<th>Chapitres<\/th>\n<th>Versets<\/th>\n<\/tr>\n<tr>\n<td>Gen\u00e8se<\/td>\n<td>Mo\u00efse<\/td>\n<td>50<\/td>\n<td>1,533<\/td>\n<\/tr>\n<tr>\n<td>Isa\u00efe<\/td>\n<td>Isa\u00efe<\/td>\n<td>66<\/td>\n<td>1,292<\/td>\n<\/tr>\n<tr>\n<td>Romains<\/td>\n<td>Paul<\/td>\n<td>16<\/td>\n<td>433<\/td>\n<\/tr>\n<tr>\n<td>\u00c9vangile<\/td>\n<td>Jean<\/td>\n<td>22<\/td>\n<td>404<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>? Raccourci clavier<\/h3>\n<h3>Chercher et remplacer<\/h3>\n<p>Tr\u00e8s pratique pour remettre en minuscules un texte en majuscules ou corriger un mot plusieurs fois mal orthographi\u00e9.<\/p>\n<h3>Ancre<\/h3>\n<p>Pour ajouter des liens au sein d&#8217;une page<\/p>\n<ol>\n<li>Positionner votre souris o\u00f9 vous voulez que votre lien pointe : ici<\/li>\n<li>Cliquer le pictogramme ancre<a id=\"page2\"><\/a><\/li>\n<li>Saisir\u00a0l&#8217;id : page2<\/li>\n<li>Ecrire le texte sur lequel faire pointer votre ancre, exemple :\u00a0Ancre au d\u00e9but de la page 2<\/li>\n<li>S\u00e9lectionner ce texte et cliquer le cha\u00eenon pour faire un lien, saisir l&#8217;url #page2<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Mod\u00e8le de test h1 Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme &gt;&gt; Voir la page 1iIlL0oO R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d&#8217;une page web aide l\u2019internaute \u00e0 lire sur \u00e9cran. La hi\u00e9rarchisation du contenu sur chaque page, indispensable \u00e0 un bon r\u00e9f\u00e9rencement, passe par un\u00a0r\u00e9sum\u00e9, des titres, listes \u00e0 puces, texte en gras,&hellip;<\/p>\n","protected":false},"author":281,"featured_media":0,"parent":0,"menu_order":21,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mod\u00e8le de mise en page (Titre 1)<\/title>\n<meta name=\"description\" content=\"Mod\u00e8le de test h1 Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme &gt;&gt; Voir la page 1iIlL0oO R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d&#039;une page web aide\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/paroisse-sevres.fr\/modele\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mod\u00e8le de mise en page (Titre 1)\" \/>\n<meta property=\"og:description\" content=\"Mod\u00e8le de test h1 Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme &gt;&gt; Voir la page 1iIlL0oO R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d&#039;une page web aide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/paroisse-sevres.fr\/modele\/\" \/>\n<meta property=\"og:site_name\" content=\"Paroisse de S\u00e8vres\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pg\/paroissesdesevres\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-30T13:00:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@KTo_sevres\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/paroisse-sevres.fr\/modele\/\",\"url\":\"https:\/\/paroisse-sevres.fr\/modele\/\",\"name\":\"Mod\u00e8le de mise en page (Titre 1)\",\"isPartOf\":{\"@id\":\"https:\/\/paroisse-sevres.fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/paroisse-sevres.fr\/modele\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/paroisse-sevres.fr\/modele\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png\",\"datePublished\":\"2013-06-12T16:08:27+00:00\",\"dateModified\":\"2018-11-30T13:00:16+00:00\",\"description\":\"Mod\u00e8le de test h1 Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme &gt;&gt; Voir la page 1iIlL0oO R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d'une page web aide\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/paroisse-sevres.fr\/modele\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/paroisse-sevres.fr\/modele\/#primaryimage\",\"url\":\"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png\",\"contentUrl\":\"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/paroisse-sevres.fr\/#website\",\"url\":\"https:\/\/paroisse-sevres.fr\/\",\"name\":\"Paroisse de S\u00e8vres\",\"description\":\"Clochers Saint-Romain et Notre-Dame-des-Bruy\u00e8res\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/paroisse-sevres.fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mod\u00e8le de mise en page (Titre 1)","description":"Mod\u00e8le de test h1 Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme &gt;&gt; Voir la page 1iIlL0oO R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d'une page web aide","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:\/\/paroisse-sevres.fr\/modele\/","next":"https:\/\/paroisse-sevres.fr\/modele\/2\/","og_locale":"fr_FR","og_type":"article","og_title":"Mod\u00e8le de mise en page (Titre 1)","og_description":"Mod\u00e8le de test h1 Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme &gt;&gt; Voir la page 1iIlL0oO R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d'une page web aide","og_url":"https:\/\/paroisse-sevres.fr\/modele\/","og_site_name":"Paroisse de S\u00e8vres","article_publisher":"https:\/\/www.facebook.com\/pg\/paroissesdesevres","article_modified_time":"2018-11-30T13:00:16+00:00","og_image":[{"url":"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png"}],"twitter_card":"summary_large_image","twitter_site":"@KTo_sevres","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/paroisse-sevres.fr\/modele\/","url":"https:\/\/paroisse-sevres.fr\/modele\/","name":"Mod\u00e8le de mise en page (Titre 1)","isPartOf":{"@id":"https:\/\/paroisse-sevres.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/paroisse-sevres.fr\/modele\/#primaryimage"},"image":{"@id":"https:\/\/paroisse-sevres.fr\/modele\/#primaryimage"},"thumbnailUrl":"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png","datePublished":"2013-06-12T16:08:27+00:00","dateModified":"2018-11-30T13:00:16+00:00","description":"Mod\u00e8le de test h1 Mod\u00e8le de page r\u00e9dig\u00e9e et mise en forme &gt;&gt; Voir la page 1iIlL0oO R\u00e9sum\u00e9 (Titre 4) :\u00a0La mise en forme\u00a0d'une page web aide","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/paroisse-sevres.fr\/modele\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/paroisse-sevres.fr\/modele\/#primaryimage","url":"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png","contentUrl":"https:\/\/aide.bonnenouvelle.fr\/wp-content\/uploads\/sites\/27\/2013\/06\/modele-page-redigee-mise-en-forme.png"},{"@type":"WebSite","@id":"https:\/\/paroisse-sevres.fr\/#website","url":"https:\/\/paroisse-sevres.fr\/","name":"Paroisse de S\u00e8vres","description":"Clochers Saint-Romain et Notre-Dame-des-Bruy\u00e8res","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/paroisse-sevres.fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/paroisse-sevres.fr\/wp-json\/wp\/v2\/pages\/122"}],"collection":[{"href":"https:\/\/paroisse-sevres.fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paroisse-sevres.fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paroisse-sevres.fr\/wp-json\/wp\/v2\/users\/281"}],"replies":[{"embeddable":true,"href":"https:\/\/paroisse-sevres.fr\/wp-json\/wp\/v2\/comments?post=122"}],"version-history":[{"count":0,"href":"https:\/\/paroisse-sevres.fr\/wp-json\/wp\/v2\/pages\/122\/revisions"}],"wp:attachment":[{"href":"https:\/\/paroisse-sevres.fr\/wp-json\/wp\/v2\/media?parent=122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}