{"id":24295,"date":"2021-05-13T11:39:00","date_gmt":"2021-05-13T08:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24295"},"modified":"2021-10-18T03:16:13","modified_gmt":"2021-10-18T00:16:13","slug":"prism-un-evidenziatore-di-sintassi-ben-fatto-per-il-tuo-sito-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/prism-un-evidenziatore-di-sintassi-ben-fatto-per-il-tuo-sito-web\/","title":{"rendered":"PRISM &#8211; Un evidenziatore di sintassi ben fatto per il tuo sito web"},"content":{"rendered":"<p>Se stai eseguendo un blog o un sito web di programmazione che spiega come codificare, devi visualizzare il codice sulle tue pagine web. I tuoi visitatori prestano attenzione al tuo codice scritto e imparano da esso. Per questo motivo, dovresti visualizzare bene il tuo codice sul tuo sito Web che aiuta i tuoi utenti a leggerlo facilmente. Offre anche una migliore esperienza utente ai visitatori del tuo sito.<\/p>\n<p>Su questo blog, utilizziamo un plugin per WordPress <a href=\"https:\/\/wordpress.org\/plugins\/syntaxhighlighter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SyntaxHighlighter Evolved<\/a> per evidenziare la sintassi del codice. Tuttavia, in questo articolo non stiamo discutendo di questo plugin per WordPress. Invece, vorremmo attirare l&#8217;attenzione dei nostri visitatori su <a href=\"https:\/\/prismjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PRISM<\/a> che \u00e8 un evidenziatore di sintassi ampiamente utilizzato su migliaia di siti web.<\/p>\n<p>I blog pi\u00f9 popolari che utilizzano PRISM sono Smashing Magazine, CSS-TRICKS, SitePoint. Se stai cercando la soluzione su come utilizzare l&#8217;evidenziatore di sintassi, continua a leggere.<\/p>\n<h3>Installazione<\/h3>\n<p>Per utilizzare l&#8217;evidenziatore di codice PRISM, devi includere il loro JS e CSS sul tuo sito web. PRISM ti consente di personalizzare le tue scelte sulla selezione del tema e della lingua. Andate alla <a href=\"https:\/\/prismjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pagina iniziale PRISM<\/a> e cliccare su Download &#8216;bottone&#8217;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211618250b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211618250b.png\" alt=\"PRISM - Un evidenziatore di sintassi ben fatto per il tuo sito web\" ><\/a><\/p>\n<p>Nella pagina successiva scegli il tema che si adatta al tuo sito web. Nella sezione Lingue seleziona le lingue insegnate dal tuo sito web. Qui, si consiglia di selezionare solo le lingue richieste. Altrimenti i file JS e CSS del tuo PRISM occuperanno spazio non necessario.<\/p>\n<p>Dopo aver selezionato le opzioni, scorri verso il basso e scarica separatamente i tuoi file JS e CSS personalizzati.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211631b429.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211631b429.png\" alt=\"PRISM - Un evidenziatore di sintassi ben fatto per il tuo sito web\" ><\/a><\/p>\n<h3>Come usare l&#8217;evidenziatore di sintassi<\/h3>\n<p>Abbiamo scaricato file JS e CSS che evidenzieranno la nostra sintassi del codice. La prossima cosa da vedere \u00e8 come usarlo nel tuo codice effettivo durante la visualizzazione sulle pagine web.<\/p>\n<p>All&#8217;inizio, devi includere questi file scaricati sul tuo sito web.<\/p>\n<pre><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0&lt;link href=\"css\/prism.css\" rel=\"stylesheet\" \/&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0&lt;script src=\"js\/prism.js\"&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Successivamente, PRISM fornisce una classe univoca per ogni lingua supportata che dobbiamo usare durante l&#8217;aggiunta della sintassi della lingua. Ad esempio, se stai scrivendo un codice PHP, dovresti avvolgere il tuo codice PHP nel modo seguente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" alt=\"PRISM - Un evidenziatore di sintassi ben fatto per il tuo sito web\" ><\/a><\/p>\n<p>Nota che abbiamo usato &quot;&lt;?php&quot; invece di &quot;&lt;?php&quot;. Mentre usi PRISM devi usare i caratteri <code>&lt;<\/code>e rispettivamente <code>&gt;<\/code>per &#8216;&lt;&#8216; e &#8216;&gt;&#8217;. Ora se controlli la tua pagina web dovresti vedere il tuo codice PHP qualcosa come sotto immagine dello schermo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" alt=\"PRISM - Un evidenziatore di sintassi ben fatto per il tuo sito web\" ><\/a><\/p>\n<p>Per scrivere un codice CSS \u00e8 necessario utilizzare class <code>language-css<\/code>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" alt=\"PRISM - Un evidenziatore di sintassi ben fatto per il tuo sito web\" ><\/a><\/p>\n<p>Questo codice CSS verr\u00e0 visualizzato sul tuo sito web come segue:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20630-608211641e7e9.png\" alt=\"PRISM - Un evidenziatore di sintassi ben fatto per il tuo sito web\" ><\/a><\/p>\n<p>Allo stesso modo per la sintassi HTML e JavaScript \u00e8 necessario utilizzare rispettivamente le classi <code>language-markup<\/code>e <code>language-js<\/code>.<\/p>\n<p>Per ottenere l&#8217;elenco delle lingue supportate e le loro classi controlla questo <a href=\"https:\/\/prismjs.com\/index.html#supported-languages\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">link<\/a>.<\/p>\n<h3>Conclusione<\/h3>\n<p>In questo articolo, ti mostriamo come installare e utilizzare l&#8217;evidenziatore di sintassi PRISM sul tuo sito web. Aggiunge un bell&#8217;aspetto alla sintassi del codice che offre una migliore esperienza utente per i tuoi visitatori. In alternativa, puoi anche controllare il plugin di WordPress <a href=\"https:\/\/wordpress.org\/plugins\/syntaxhighlighter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SyntaxHighlighter Evolved<\/a> che stiamo utilizzando sul nostro blog.<\/p>\n<h4>articoli Correlati<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/come-dividere-il-terminale-su-sistema-operativo-windows\/\" title=\"Come dividere il terminale su sistema operativo Windows\">Come dividere il terminale su sistema operativo Windows<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/estensione-ftp-sftp-per-visual-studio-code\/\" title=\"Estensione FTP\/SFTP per Visual Studio Code\">Estensione FTP\/SFTP per Visual Studio Code<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/it\/come-scaricare-un-video-da-youtube-su-sistema-operativo-windows\/\" &quot;Come scaricare un video da YouTube su sistema operativo br>&#8221; >Come scaricare un video da YouTube su sistema operativo Windows<br \/><\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In questo articolo ti mostriamo come installare e utilizzare l&#8217;evidenziatore di sintassi PRISM. Quando evidenzi la sintassi del codice, d\u00e0 un bell&#8217;aspetto al tuo codice e<\/p>\n","protected":false},"author":1,"featured_media":20631,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[415],"tags":[846],"class_list":["post-24295","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-varie","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=24295"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/24295\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/20631"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=24295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=24295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=24295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}