{"id":141,"date":"2020-09-25T09:00:37","date_gmt":"2020-09-25T07:00:37","guid":{"rendered":"https:\/\/astuces-wp.com\/?p=141"},"modified":"2022-03-13T12:11:08","modified_gmt":"2022-03-13T11:11:08","slug":"comment-faire-un-sommaire-sur-wordpress-sans-plugin","status":"publish","type":"post","link":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/","title":{"rendered":"Comment faire un sommaire sur WordPress sans plugin&nbsp;?"},"content":{"rendered":"<p>WordPress comporte \u00e9norm\u00e9ment de solutions gratuites et nous avons tendance \u00e0 vite surcharger un site en installant beaucoup de plugins.<br \/>\nMais il existe la possibilit\u00e9 de faire des choses sans plugin, donc all\u00e9ger la consommation de son site tout en apprenant le PHP facilement !<\/p>\n<h2>Cr\u00e9er un sommaire WordPress<\/h2>\n<p>Voici le bou de code \u00e0 placer dans le fichier functions.php de votre th\u00e8me enfant :<\/p>\n<pre><span style=\"color: #00ff00;\">\/\/ fonction d'assainissement des noms (accents, ponctuation etc) <\/span>\r\n<span style=\"color: #00ff00;\">\/\/ si vous voulez seulement un niveau de titre sp\u00e9cifique il faut modifier les $matches<\/span>\r\nfunction replace_ca($matches){\r\nreturn '&lt;h'.$matches[1].$matches[2].' id=\"'.sanitize_title($matches[3]).'\"&gt;'.$matches[3].'&lt;\/h'.$matches[4].'&gt;';\r\n}\r\nadd_filter('the_content', 'add_anchor_to_title', 12);\r\n\r\n<span style=\"color: #00ff00;\">\/\/ fonction de cr\u00e9ation des ancres bas\u00e9es sur le contenu<\/span>\r\nfunction add_anchor_to_title($content){\r\nif(is_singular()){ \/\/ <span style=\"color: #00ff00;\">vous pouvez modifier ce bou de code pour y mettre votre custom post type<\/span>\r\nglobal $post;\r\n$pattern = \"\/&lt;h([2-4])(.*?)&gt;(.*?)&lt;\\\/h([2-4])&gt;\/i\";$content = preg_replace_callback($pattern, 'replace_ca', $content);\r\nreturn $content;\r\n}else{\r\nreturn $content;\r\n}\r\n}<\/pre>\n<pre><span style=\"color: #00ff00;\">\/\/ fonction de cr\u00e9ation du sommaire en liste \u00e0 puces, vous pouvez y placer votre class ou id css pour appliquer votre propre style\u00a0<\/span>\r\nfunction automenu(){\r\nglobal $post;\r\n$obj = '&lt;ul id=\"sommaire-article\"&gt;';\r\n$original_content = $post-&gt;post_content;$patt = \"\/&lt;h([2-4])(.*?)&gt;(.*?)&lt;\\\/h([2-4])&gt;\/i\";\r\npreg_match_all($patt, $original_content, $results);$lvl1 = 0;\r\n$lvl2 = 0;\r\n$lvl3 = 0;\r\nforeach ($results[3] as $k=&gt; $r) {\r\n$obj .= '&lt;li&gt;&lt;a href=\"#'.sanitize_title($r).'\" '.$results[1][$k].'\"&gt;'.$niveau.$r.'&lt;\/a&gt;&lt;\/li&gt;';\r\n}$obj .= '&lt;\/ul&gt;';\r\nif ( $echo )\r\necho $obj;\r\nelse\r\nreturn $obj;\r\n}\r\n\r\n<span style=\"color: #00ff00;\">\/\/ cr\u00e9ation shortcode<\/span>\r\nadd_shortcode('shortcodesommaire','automenu');\r\n\r\n<\/pre>\n<h2>Faire apparaitre la table des mati\u00e8res<\/h2>\n<p>Pour faire apparaitre le menu \u00e0 l&rsquo;endroit de votre choix placer le boude code suivant dans votre gabarit PHP et le tour est jou\u00e9 !<\/p>\n<pre>echo do_shortcode('[shortcodesommaire]');<\/pre>\n<p>Derni\u00e8re \u00e9tape : le CSS ! Mettez en forme comme vous le souhaitez. Pour ma part j&rsquo;ai opt\u00e9 pour le mettre en sidebar en \u00ab\u00a0sticky\u00a0\u00bb en consultation desktop.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress comporte \u00e9norm\u00e9ment de solutions gratuites et nous avons tendance \u00e0 vite surcharger un site en installant beaucoup de plugins. Mais il existe la possibilit\u00e9 de faire des choses sans plugin, donc all\u00e9ger la consommation de son site tout en apprenant le PHP facilement ! Cr\u00e9er un sommaire WordPress Voici le bou de code \u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":157,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[22],"class_list":["post-141","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php","tag-hook"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment faire un sommaire sur WordPress sans plugin ?<\/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:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment faire un sommaire sur WordPress sans plugin ?\" \/>\n<meta property=\"og:description\" content=\"WordPress comporte \u00e9norm\u00e9ment de solutions gratuites et nous avons tendance \u00e0 vite surcharger un site en installant beaucoup de plugins. Mais il existe la possibilit\u00e9 de faire des choses sans plugin, donc all\u00e9ger la consommation de son site tout en apprenant le PHP facilement ! Cr\u00e9er un sommaire WordPress Voici le bou de code \u00e0 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-25T07:00:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-13T11:11:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"525\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lyanna\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lyanna\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/\"},\"author\":{\"name\":\"Lyanna\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/f7cb41098a46b2339b7bf590e8aa516a\"},\"headline\":\"Comment faire un sommaire sur WordPress sans plugin&nbsp;?\",\"datePublished\":\"2020-09-25T07:00:37+00:00\",\"dateModified\":\"2022-03-13T11:11:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/\"},\"wordCount\":133,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg\",\"keywords\":[\"hook\"],\"articleSection\":[\"PHP\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/\",\"url\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/\",\"name\":\"Comment faire un sommaire sur WordPress sans plugin ?\",\"isPartOf\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg\",\"datePublished\":\"2020-09-25T07:00:37+00:00\",\"dateModified\":\"2022-03-13T11:11:08+00:00\",\"author\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/f7cb41098a46b2339b7bf590e8aa516a\"},\"breadcrumb\":{\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage\",\"url\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg\",\"contentUrl\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg\",\"width\":960,\"height\":525},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\ud83c\udfe0 Accueil\",\"item\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"hook\",\"item\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/tag\/hook\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment faire un sommaire sur WordPress sans plugin&nbsp;?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/#website\",\"url\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/f7cb41098a46b2339b7bf590e8aa516a\",\"name\":\"Lyanna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4e361b30ec79a25d91a54b45254a5fd94f2c88bcf72f01c85a103a89bbec68f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4e361b30ec79a25d91a54b45254a5fd94f2c88bcf72f01c85a103a89bbec68f4?s=96&d=mm&r=g\",\"caption\":\"Lyanna\"},\"sameAs\":[\"https:\/\/astuces-wp.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment faire un sommaire sur WordPress sans plugin ?","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:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment faire un sommaire sur WordPress sans plugin ?","og_description":"WordPress comporte \u00e9norm\u00e9ment de solutions gratuites et nous avons tendance \u00e0 vite surcharger un site en installant beaucoup de plugins. Mais il existe la possibilit\u00e9 de faire des choses sans plugin, donc all\u00e9ger la consommation de son site tout en apprenant le PHP facilement ! Cr\u00e9er un sommaire WordPress Voici le bou de code \u00e0 [&hellip;]","og_url":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/","article_published_time":"2020-09-25T07:00:37+00:00","article_modified_time":"2022-03-13T11:11:08+00:00","og_image":[{"width":960,"height":525,"url":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg","type":"image\/jpeg"}],"author":"Lyanna","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Lyanna","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#article","isPartOf":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/"},"author":{"name":"Lyanna","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/f7cb41098a46b2339b7bf590e8aa516a"},"headline":"Comment faire un sommaire sur WordPress sans plugin&nbsp;?","datePublished":"2020-09-25T07:00:37+00:00","dateModified":"2022-03-13T11:11:08+00:00","mainEntityOfPage":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/"},"wordCount":133,"commentCount":0,"image":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg","keywords":["hook"],"articleSection":["PHP"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/","url":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/","name":"Comment faire un sommaire sur WordPress sans plugin ?","isPartOf":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage"},"image":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg","datePublished":"2020-09-25T07:00:37+00:00","dateModified":"2022-03-13T11:11:08+00:00","author":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/f7cb41098a46b2339b7bf590e8aa516a"},"breadcrumb":{"@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#primaryimage","url":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg","contentUrl":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-content\/uploads\/2020\/09\/sommaire_php.jpg","width":960,"height":525},{"@type":"BreadcrumbList","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/comment-faire-un-sommaire-sur-wordpress-sans-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\ud83c\udfe0 Accueil","item":"https:\/\/magali-colas.fr\/astuces-wordpress\/"},{"@type":"ListItem","position":2,"name":"hook","item":"https:\/\/magali-colas.fr\/astuces-wordpress\/tag\/hook\/"},{"@type":"ListItem","position":3,"name":"Comment faire un sommaire sur WordPress sans plugin&nbsp;?"}]},{"@type":"WebSite","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/#website","url":"https:\/\/magali-colas.fr\/astuces-wordpress\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magali-colas.fr\/astuces-wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/f7cb41098a46b2339b7bf590e8aa516a","name":"Lyanna","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/magali-colas.fr\/astuces-wordpress\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4e361b30ec79a25d91a54b45254a5fd94f2c88bcf72f01c85a103a89bbec68f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4e361b30ec79a25d91a54b45254a5fd94f2c88bcf72f01c85a103a89bbec68f4?s=96&d=mm&r=g","caption":"Lyanna"},"sameAs":["https:\/\/astuces-wp.com"]}]}},"_links":{"self":[{"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/posts\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/comments?post=141"}],"version-history":[{"count":0,"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/posts\/141\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/media\/157"}],"wp:attachment":[{"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/media?parent=141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/categories?post=141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magali-colas.fr\/astuces-wordpress\/wp-json\/wp\/v2\/tags?post=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}