{"id":34,"date":"2021-03-27T23:36:49","date_gmt":"2021-03-27T22:36:49","guid":{"rendered":"https:\/\/alessandromasciadri.com\/?p=34"},"modified":"2022-07-21T18:46:38","modified_gmt":"2022-07-21T16:46:38","slug":"come-aggiungere-un-syntax-highlighter-a-wordpress-senza-usare-un-plugin","status":"publish","type":"post","link":"https:\/\/alessandromasciadri.com\/come-aggiungere-un-syntax-highlighter-a-wordpress-senza-usare-un-plugin\/","title":{"rendered":"Come aggiungere un Syntax Highlighter a WordPress senza usare un plugin"},"content":{"rendered":"\t\t<div data-akihiro-type=\"ama-post\" data-akihiro-id=\"34\" class=\"akihiro akihiro-34\" data-akihiro-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"akihiro-section akihiro-top-section akihiro-element akihiro-element-43739b80 akihiro-section-boxed akihiro-section-height-default akihiro-section-height-default\" data-id=\"43739b80\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"akihiro-container akihiro-column-gap-default\">\n\t\t\t\t\t<div class=\"akihiro-column akihiro-col-100 akihiro-top-column akihiro-element akihiro-element-6b633aa8\" data-id=\"6b633aa8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"akihiro-widget-wrap akihiro-element-populated\">\n\t\t\t\t\t\t<div class=\"akihiro-element akihiro-element-2ab92b0a akihiro-widget akihiro-widget-text-editor\" data-id=\"2ab92b0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p>L&#8217;aggiunta di plugins alla propria installazione di WordPress deve sempre essere una scelta oculata. Ci sono gli indispensabili, di cui proprio non si pu\u00f2 fare a meno, ma ci sono anche quelli che sono &#8220;di troppo&#8221; e che possono tranquillamente essere evitati.<\/p>\n\n<p>Per esempio, quando si parla di Syntax Highlighters (evidenziatori di sintassi), che sono fondamentali per chi si occupa di produrre articoli che integrano porzioni di codice di programmazione, nel ecosistema di plugins per WordPress si trova tanto, ma nulla con un numero di installazioni che ci permetta di premere sul bottone installa a cuor leggero.<\/p>\n\n<p>Tra tutti, l&#8217;unico che mi sento di consigliare \u00e8 <a href=\"https:\/\/wordpress.org\/plugins\/syntaxhighlighter\/\">Syntax Highlighter Evolved<\/a>, progetto di <a href=\"https:\/\/alex.blog\/\">Alex Mills<\/a> che, dopo la sua prematura scomparsa, \u00e8 portato avanti da <a href=\"https:\/\/profiles.wordpress.org\/donncha\/\">Donncha \u00d3 Caoimh<\/a> e <a href=\"https:\/\/profiles.wordpress.org\/automattic\/\">automattic<\/a>.<\/p>\n\n<p>Sono per\u00f2 maggiormente fan di <a href=\"https:\/\/prismjs.com\/\">Prism<\/a>, un evidenziatore di sintassi scritto in JavaScript ed oggi largamente diffuso. Portarlo su WordPress \u00e8 davvero facile, basta seguire questi semplici passaggi:<\/p>\n\n<ol class=\"ama-block-list\">\n<li>Scaricare i file prism.js e prism.css dalla <a href=\"https:\/\/prismjs.com\/download.html\">pagina di download<\/a><\/li>\n<li>Caricare i file appena scaricati nella cartella del proprio tema (per esempio: ama-content\/themes\/astra-child)<\/li>\n<li>Aggiungere al file functions.php del proprio tema il seguente codice (ricordo che usare uno snippet non \u00e8 mai male)<\/li>\n<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"akihiro-element akihiro-element-ba7c0c0 akihiro-widget akihiro-widget-code-highlight\" data-id=\"ba7c0c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"akihiro-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>function add_prism()\n{\n    if ( is_single() && has_tag( 'code' ) )\n    {\n        \/\/ Register prism.css file\n        wp_register_style(\n        'prismCSS', \/\/ handle name for the style\n        get_stylesheet_directory_uri() . '\/prism.css' \/\/ location of the prism.css file\n        );\n        \/\/ Register prism.js file\n        wp_register_script(\n        'prismJS', \/\/ handle name for the script\n        get_stylesheet_directory_uri() . '\/prism.js' \/\/ location of the prism.js file\n        );\n        \/\/ Enqueue the registered style and script files\n        wp_enqueue_style('prismCSS');\n        wp_enqueue_script('prismJS');\n    }\n}\nadd_action('wp_enqueue_scripts', 'add_prism');<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L&#8217;aggiunta di plugins alla propria installazione di WordPress deve sempre essere una scelta oculata. Ci sono gli indispensabili, di cui proprio non si pu\u00f2 fare a meno, ma ci sono anche quelli che sono &#8220;di troppo&#8221; e che possono tranquillamente essere evitati. Per esempio, quando si parla di Syntax Highlighters (evidenziatori di sintassi), che sono [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[2,10],"class_list":["post-34","post","type-post","status-publish","format-standard","hentry","category-programmazione","tag-code","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":10,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":861,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/posts\/34\/revisions\/861"}],"wp:attachment":[{"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alessandromasciadri.com\/ama-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}