{"id":567,"date":"2019-10-08T08:04:47","date_gmt":"2019-10-08T06:04:47","guid":{"rendered":"http:\/\/www.boichat.ch\/wordpress\/?p=567"},"modified":"2019-10-31T11:19:10","modified_gmt":"2019-10-31T10:19:10","slug":"wordpress-avec-le-theme-customify","status":"publish","type":"post","link":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/","title":{"rendered":"WordPress avec le th\u00e8me Customify"},"content":{"rendered":"\n

Date de la derni\u00e8re modification: 31 octobre 2019<\/em><\/strong><\/p>\n\n\n\n

Deux de mes sites Web: Mon livre<\/a> et mon site<\/a>. \ufeff<\/strong>\n<\/p>\n\n\n\n

Lors de l’\u00e9criture de mes articles, ces derni\u00e8res ann\u00e9es 2018-2019, sur mes deux sites WordPress, je n’\u00e9tais de loin pas satisfait avec la pr\u00e9sentation du th\u00e8me Twenty Sixteen, principalement avec la largeur du texte et la difficult\u00e9 de cr\u00e9er des blocs de code similaires pour chaque type (C, Java, Python, console, etc). J’ai donc pass\u00e9 au th\u00e8mes Customify<\/strong> <\/a>et \u00e0 une proc\u00e9dure copier\/coller directe de code HTML dans un bloc HTML.<\/p>\n\n\n\n

Donc voici la proc\u00e9dure que j’ai adopt\u00e9e pour faire ce travail.
– travailler sur mon PC et non mon site sur OVH
– ajouter le th\u00e8me Customify
– cr\u00e9er un th\u00e8me enfant Customify-child
– il faudra retirer les acc\u00e8s Facebook et autres dans l’en-t\u00eate<\/p>\n\n\n\n

J’ai donc cr\u00e9\u00e9 un r\u00e9pertoire D:\\wamp64\\www\\wordpress\\wp-content\\themes\\customify-child avec deux fichiers:<\/p>\n\n\n\n

functions.php <\/strong>(remplacer le XXphp par <?php):<\/strong><\/p>\n\n\n\n

XXphp\nadd_action( 'wp_enqueue_scripts', 'wpsites_load_parent_styles');\nfunction wpsites_load_parent_styles() {\n    wp_enqueue_style( 'parent-styles', get_template_directory_uri().'\/style.css' );\n}\n\n\/\/ JBB Ajout d'un shortcode pour ins\u00e9rer une date de derni\u00e8re modification dans les articles - thierrycouteau.com\nfunction datedermaj_handler($atts, $content=null){\n    $after = '';\n    return the_modified_date( 'j F Y', 'Date de la derni\u00e8re modification: ' , $after, 0 );\n}\nadd_shortcode( 'datemodif', 'datedermaj_handler' );\n<\/span><\/span><\/pre>\n\n\n\n
style.css<\/strong><\/p>\n\n\n\n
Ensuite il suffit de l’activer, avec Apparence \/ Th\u00e8mes<\/strong>, avant d’y apporter des adaptations.<\/p>\n\n\n\n
\/*\nTheme Name: customify-child\nAuthor: Your name here\nTemplate: customify\nVersion: 1.0\n*\/\n\n\/*import the base style *\/\n@import url('..\/customify\/style.css');\n<\/span><\/span><\/pre>\n\n\n\n
<\/p>\n\n\n\n
Pour cr\u00e9er un bloc contenant du code, il faut ins\u00e9rer un bloc HTML et copier, par exemple, ce code de style (ce bloc-ci a \u00e9t\u00e9 cr\u00e9\u00e9 avec Classique et en adaptant la police avec Terminal et 12 points):<\/p>\n\n\n
<pre class=\"wp-block-preformatted\">\n<pre style=\"padding: 8.5px; \nfont-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; \nborder-radius: 4px; margin-top: 0px; margin-bottom: 9px; \nline-height: 18px; word-break: break-all; word-wrap: break-word; \nwhite-space: pre-wrap; \nbackground-color: #99ffff; \nborder: 1px solid rgba(0, 0, 0, 0.15);\">\n<span style=\"font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;\">\n<span style=\"font-size: 16px; white-space: pre-wrap;\">\nfrom flask import Flask\napp = Flask(name)\n@app.route('\/')\ndef salut_flaskeur():\nreturn \"Salut Flaskeur!\"\nif name == 'main':\napp.run(host='0.0.0.0',port=5000, debug=True)\n<\/span><\/span><\/pre>\n<\/pre><\/span><\/strong><\/span><\/pre>\n\n\n
Le code ci-dessus devra venir d’un \u00e9diteur comme Notepad++, et non d’un browser comme Chrome. Il faudra peut-\u00eatre cliquer sur r\u00e9soudre et HTML.<\/p>\n\n\n\n
Il faudra adapter background-color <\/strong>et font-size<\/strong> pour obtenir le look d\u00e9sir\u00e9. J’ai aussi parfois pass\u00e9 en mode HTML pour y ajouter des parties color\u00e9es en arri\u00e8re plan:<\/p>\n\n\n\n
Le texte est highlighted en jaune.<\/span>\n<\/span><\/span><\/pre>\n\n\n\n
qui viennent de :<\/p>\n\n\n\n
<span style=\"background-color: #FFFF00\">Le texte est highlighted en jaune.<\/span><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Deux de mes sites Web: Mon livre et mon site. \ufeff Lors de l’\u00e9criture de mes articles, ces derni\u00e8res ann\u00e9es 2018-2019, sur mes deux sites…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"acf":[],"yoast_head":"\nWordpress avec le th\u00e8me Customify - Jean-Bernard Boichat<\/title>\n<meta name=\"description\" content=\"Site de Jean-Bernard Boichat consacr\u00e9 principalement \u00e0 Wordpress, Elementor, l'impression 3D, l'\u00e9lectricit\u00e9, les installations photovolta\u00efques et la voiture \u00e9lectrique.\" \/>\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.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wordpress avec le th\u00e8me Customify - Jean-Bernard Boichat\" \/>\n<meta property=\"og:description\" content=\"Site de Jean-Bernard Boichat consacr\u00e9 principalement \u00e0 Wordpress, Elementor, l'impression 3D, l'\u00e9lectricit\u00e9, les installations photovolta\u00efques et la voiture \u00e9lectrique.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\" \/>\n<meta property=\"og:site_name\" content=\"Jean-Bernard Boichat\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-08T06:04:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-31T10:19:10+00:00\" \/>\n<meta name=\"author\" content=\"Jean-Bernard Boichat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jean-Bernard Boichat\" \/>\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:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\"},\"author\":{\"name\":\"Jean-Bernard Boichat\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"headline\":\"WordPress avec le th\u00e8me Customify\",\"datePublished\":\"2019-10-08T06:04:47+00:00\",\"dateModified\":\"2019-10-31T10:19:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\"},\"wordCount\":291,\"publisher\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"articleSection\":[\"G\u00e9n\u00e9ral\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\",\"url\":\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\",\"name\":\"Wordpress avec le th\u00e8me Customify - Jean-Bernard Boichat\",\"isPartOf\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#website\"},\"datePublished\":\"2019-10-08T06:04:47+00:00\",\"dateModified\":\"2019-10-31T10:19:10+00:00\",\"description\":\"Site de Jean-Bernard Boichat consacr\u00e9 principalement \u00e0 Wordpress, Elementor, l'impression 3D, l'\u00e9lectricit\u00e9, les installations photovolta\u00efques et la voiture \u00e9lectrique.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.boichat.ch\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress avec le th\u00e8me Customify\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#website\",\"url\":\"https:\/\/www.boichat.ch\/wordpress\/\",\"name\":\"Jean-Bernard Boichat\",\"description\":\"Mon site WordPress\",\"publisher\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.boichat.ch\/wordpress\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751\",\"name\":\"Jean-Bernard Boichat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g\",\"caption\":\"Jean-Bernard Boichat\"},\"logo\":{\"@id\":\"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wordpress avec le th\u00e8me Customify - Jean-Bernard Boichat","description":"Site de Jean-Bernard Boichat consacr\u00e9 principalement \u00e0 Wordpress, Elementor, l'impression 3D, l'\u00e9lectricit\u00e9, les installations photovolta\u00efques et la voiture \u00e9lectrique.","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.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/","og_locale":"fr_FR","og_type":"article","og_title":"Wordpress avec le th\u00e8me Customify - Jean-Bernard Boichat","og_description":"Site de Jean-Bernard Boichat consacr\u00e9 principalement \u00e0 Wordpress, Elementor, l'impression 3D, l'\u00e9lectricit\u00e9, les installations photovolta\u00efques et la voiture \u00e9lectrique.","og_url":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/","og_site_name":"Jean-Bernard Boichat","article_published_time":"2019-10-08T06:04:47+00:00","article_modified_time":"2019-10-31T10:19:10+00:00","author":"Jean-Bernard Boichat","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Jean-Bernard Boichat","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/#article","isPartOf":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/"},"author":{"name":"Jean-Bernard Boichat","@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"headline":"WordPress avec le th\u00e8me Customify","datePublished":"2019-10-08T06:04:47+00:00","dateModified":"2019-10-31T10:19:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/"},"wordCount":291,"publisher":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"articleSection":["G\u00e9n\u00e9ral"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/","url":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/","name":"Wordpress avec le th\u00e8me Customify - Jean-Bernard Boichat","isPartOf":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#website"},"datePublished":"2019-10-08T06:04:47+00:00","dateModified":"2019-10-31T10:19:10+00:00","description":"Site de Jean-Bernard Boichat consacr\u00e9 principalement \u00e0 Wordpress, Elementor, l'impression 3D, l'\u00e9lectricit\u00e9, les installations photovolta\u00efques et la voiture \u00e9lectrique.","breadcrumb":{"@id":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.boichat.ch\/wordpress\/2019\/10\/08\/wordpress-avec-le-theme-customify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.boichat.ch\/wordpress\/"},{"@type":"ListItem","position":2,"name":"WordPress avec le th\u00e8me Customify"}]},{"@type":"WebSite","@id":"https:\/\/www.boichat.ch\/wordpress\/#website","url":"https:\/\/www.boichat.ch\/wordpress\/","name":"Jean-Bernard Boichat","description":"Mon site WordPress","publisher":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.boichat.ch\/wordpress\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/fe6328cc5b74b8a6e8d841285a928751","name":"Jean-Bernard Boichat","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/862886ce35a52b9d13595e18ac3c3ea5?s=96&d=mm&r=g","caption":"Jean-Bernard Boichat"},"logo":{"@id":"https:\/\/www.boichat.ch\/wordpress\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts\/567"}],"collection":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/comments?post=567"}],"version-history":[{"count":0,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/posts\/567\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/media?parent=567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/categories?post=567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boichat.ch\/wordpress\/wp-json\/wp\/v2\/tags?post=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}