{"id":233370,"date":"2023-02-11T20:02:00","date_gmt":"2023-02-11T17:02:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233370"},"modified":"2022-11-10T20:43:53","modified_gmt":"2022-11-10T17:43:53","slug":"tutorial-sul-tema-wordpress-per-principianti-parte-5-accesso-alle-informazioni-sui-post","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/tutorial-sul-tema-wordpress-per-principianti-parte-5-accesso-alle-informazioni-sui-post\/","title":{"rendered":"Tutorial sul tema WordPress per principianti \u2013 Parte 5: Accesso alle informazioni sui post"},"content":{"rendered":"\n<p>Questa lezione del tutorial sul tema WordPress per principianti riguarder\u00e0 il modo in cui possiamo accedere e produrre informazioni come link, titolo e altro da ogni post quando ci si trova all&#8217;interno del ciclo del post. Lo facciamo con i tag modello. Nel processo aggiungeremo anche i modelli di visualizzazione singola al nostro tema.<\/p>\n<p>Nel <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-4-accessing-posts-with-the-loop\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">passaggio precedente<\/a> abbiamo aggiunto il post loop che include la <code>the_post()<\/code>funzione. Questa funzione imposta variabili globali e assicura che possiamo utilizzare chiamate di funzione semplici e intuitive, chiamate <a href=\"https:\/\/codex.wordpress.org\/Template_Tags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tag template<\/a>, mentre siamo all&#8217;interno del <code>while<\/code>ciclo.<\/p>\n<h2>Tag di modelli pi\u00f9 comuni da utilizzare nel ciclo dei post<\/h2>\n<p>Questo \u00e8 un elenco dei tag modello pi\u00f9 comuni che vorresti utilizzare per accedere alle informazioni di un post:<\/p>\n<ul>\n<li><code>the_title()<\/code>fa eco al titolo del post.<\/li>\n<li><code>the_permalink()<\/code>restituisce il permalink\/URL del post.<\/li>\n<li><code>the_content()<\/code>restituisce il contenuto del post (dall&#8217;editor)<\/li>\n<li><code>the_excerpt()<\/code>fa eco all&#8217;estratto del post. Se il campo dell&#8217;estratto \u00e8 vuoto, verranno visualizzate le prime 55 parole del contenuto del post insieme a &quot;&#8230;&quot;<\/li>\n<li><code>the_ID()<\/code>restituisce l&#8217;ID del post.<\/li>\n<li><code>the_category()<\/code>fa eco a tutte le categorie associate.<\/li>\n<li><code>the_tags()<\/code>emette tutti i tag associati.<\/li>\n<li><code>the_date()<\/code>fa eco alla data di pubblicazione del post.<\/li>\n<li><code>the_time()<\/code>restituisce l&#8217;ora di pubblicazione del post.<\/li>\n<li><code>the_author()<\/code>fa eco al nome visualizzato dell&#8217;autore del post<\/li>\n<li><code>the_post_thumbnail()<\/code>restituisce l&#8217;immagine in primo piano del post. Impareremo come aggiungere il supporto per le miniature in primo piano pi\u00f9 avanti in questo tutorial.<\/li>\n<\/ul>\n<p>Ce ne sono molti di pi\u00f9. Se sei interessato, dai un&#8217;occhiata alla <a href=\"https:\/\/codex.wordpress.org\/Template_Tags\/#Post_tags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">documentazione di WordPress Codex di tutti i tag dei post<\/a>. Dai un&#8217;occhiata anche al di fuori dell&#8217;intestazione &quot;tag post&quot; per ulteriori informazioni: sono un po&#8217; sparsi in questa pagina.<\/p>\n<p>Iniziamo a implementare alcuni di questi tag nel nostro <code>index.php<\/code>. Aggiunger\u00f2 anche un codice HTML molto semplice solo per formattare meglio l&#8217;output. Ti incoraggio ad aggiungere il tuo HTML! Aggiungi div, span, sezioni, intestazioni e cos\u00ec via con qualsiasi classe desideri.<\/p>\n<h2>Rimpolpare il ciclo in index.php<\/h2>\n<p>All&#8217;interno del loop nel nostro <code>index.php<\/code>vorrei aggiungere un link che va al permalink del post. All&#8217;interno del link vorrei fare eco al titolo del post. Poi vorrei anche riprendere l&#8217;estratto del post e le sue categorie.<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;\n                &lt;a href=\"&lt;?php the_permalink(); ?&gt;\" title=\"&lt;?php the_title(); ?&gt;\"&gt;&lt;?php the_title(); ?&gt;&lt;\/a&gt;\n            &lt;\/h2&gt;\n            &lt;?php the_excerpt(); ?&gt;\n            &lt;?php the_category(); ?&gt;\n        &lt;\/article&gt;\n    endwhile;\n    the_posts_pagination();\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Quello che fa il codice sopra \u00e8;<\/p>\n<ul>\n<li>La riga #5 aggiunge il <code>&lt;article&gt;<\/code>tag HTML con una chiamata a <code>post_class()<\/code>cui genera utili classi di post, proprio come <code>body_class()<\/code>abbiamo usato in un <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-3-dynamic-content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">passaggio precedente<\/a>.<\/li>\n<li>Alla riga #6-8 aggiungiamo un <code>&lt;h2&gt;<\/code>tag per il titolo, con un link che va al permalink del post (vista singola).<\/li>\n<li>La riga n. 9 fa eco all&#8217;estratto del post.<\/li>\n<li>E alla riga n. 10 facciamo eco alle categorie del post. Poich\u00e9 non passo alcun argomento a questa chiamata, il valore predefinito \u00e8 un <code>&lt;ul&gt;<\/code>elenco.<\/li>\n<\/ul>\n<p>Ci\u00f2 si traduce nel seguente output durante l&#8217;aggiornamento della prima pagina:<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e51609c0d16.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e51609c0d16.png\" alt=\"Tutorial sul tema WordPress per principianti \u2013 Parte 5: Accesso alle informazioni sui post\" ><\/a><\/p>\n<p>Stiamo arrivando da qualche parte! Ti incoraggio a guardare la documentazione per ciascuna funzione di tag per i quali i parametri accettano. Puoi modificare l&#8217;output di un bel po&#8217;! E decidi tu stesso quali tag modello utilizzare.<\/p>\n<p>Prova a fare clic sul link di un post e vedrai che arrivi a quella singola pagina del post. Ora puoi vedere che il ciclo mostra solo quel post. Tuttavia, poich\u00e9 al momento disponiamo di un solo modello, <code>index.php<\/code>anche la visualizzazione singola utilizza questo modello. Quindi la visione unica non ha molto senso. Non abbiamo bisogno che si colleghi a se stesso e vogliamo vedere il contenuto completo del post! Risolviamo questo problema creando il nostro secondo modello nel nostro tema.<\/p>\n<h2>Creazione di modelli a vista singola<\/h2>\n<p>Se ricordi nella <a href=\"http:\/\/awhitepixel.com\/blog\/wordpress-theme-tutorial-for-beginners-part-1-introduction\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">lezione 1<\/a> del tutorial sul tema WordPress per principianti abbiamo esaminato la gerarchia dei modelli? Quando siamo in un singolo post o pagina, WordPress cerca <code>single.php<\/code>i post e le <code>page.php<\/code>pagine. Se uno di questi non \u00e8 stato trovato, WordPress ricade su <code>singular.php<\/code>cui \u00e8 condiviso indipendentemente dal tipo di post. Tuttavia, i temi generalmente vengono implementati <code>single.php<\/code>ea <code>page.php<\/code>causa delle differenze tra post e pagine. Le pagine non hanno categorie e tag e, poich\u00e9 le pagine vengono solitamente utilizzate per contenuti statici, normalmente non mostrano la data di pubblicazione n\u00e9 i commenti. Questo dipende interamente da te per\u00f2.<\/p>\n<p>Creeremo <code>single.php<\/code>e <code>page.php<\/code>per il nostro tema. Cominciamo prima con i post.<\/p>\n<h3>Modello di post singolo<\/h3>\n<p>Nella cartella del tema, crea una copia <code>index.php<\/code>e rinominala in <code>single.php<\/code>. In <code>single.php<\/code>rimuoveremo il permalink (che si collega a se stesso) e sostituiremo l&#8217;estratto con il contenuto completo del post. E infine non abbiamo bisogno della navigazione nell&#8217;archivio qui.<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;&lt;php the_title(); ?&gt;&lt;\/h2&gt;\n            &lt;?php the_content(); ?&gt;\n            &lt;?php the_category(); ?&gt;\n        &lt;\/article&gt;\n    endwhile;\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Aggiungiamo alcune informazioni pi\u00f9 utili; come la data del post e il nome dell&#8217;autore. Ancora una volta, ti incoraggio ad aggiungere tag HTML insieme per creare una struttura HTML molto pi\u00f9 piacevole.<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;&lt;php the_title(); ?&gt;&lt;\/h2&gt;\n            &lt;?php the_content(); ?&gt;\n            &lt;?php the_category(); ?&gt;\n            &lt;p&gt;Posted: &lt;?php the_date(); ?&gt; at &lt;?php the_time(); ?&gt;&lt;\/p&gt;\n            &lt;p&gt;Author: &lt;?php the_author(); ?&gt;&lt;\/p&gt;\n        &lt;\/article&gt;\n    endwhile;\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Le funzioni <code>the_time()<\/code>e <code>the_date()<\/code>faranno eco alla data e all&#8217;ora nel formato che hai definito nel pannello di amministrazione &gt; Impostazioni. Tuttavia, puoi ignorarlo fornendo un formato di data diverso come parametro per questi metodi.<\/p>\n<p>La funzione <code>the_author()<\/code>riprende il &quot;nome visualizzato&quot; dell&#8217;autore. Se l&#8217;utente non ha fornito nessun altro nome nel suo profilo, questo far\u00e0 eco al nome utente.<\/p>\n<p>Ti <strong>incoraggio vivamente<\/strong> a non stampare mai nomi utente in quanto ci\u00f2 pu\u00f2 rappresentare una minaccia per la sicurezza. Assicurati sempre che tutti gli autori abbiano fornito un nome proprio o non utilizzino <code>the_author()<\/code>.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e5160aa02dd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e5160aa02dd.png\" alt=\"Tutorial sul tema WordPress per principianti \u2013 Parte 5: Accesso alle informazioni sui post\" ><\/a><\/p>\n<p>Ecco come mi sembra un singolo post ora. Stupendo! Realizziamo il modello a pagina singola.<\/p>\n<h3>Modello a pagina singola<\/h3>\n<p>Crea una copia del tuo <code>single.php<\/code>e rinominalo in <code>page.php<\/code>. Tutto quello che ho fatto <code>page.php<\/code>\u00e8 stato rimuovere tutto ci\u00f2 che non riguardava le pagine. L&#8217;eco delle categorie per le pagine non funzioner\u00e0 e ho anche rimosso la data, l&#8217;ora e l&#8217;autore. Questo \u00e8 ci\u00f2 che otteniamo <code>page.php<\/code>:<\/p>\n<pre><code>&lt;?php get_header(); ?&gt;\n&lt;?php \nif (have_posts()) {\n    while (have_posts()): the_post();\n        &lt;article &lt;?php post_class(); ?&gt;&gt;\n            &lt;h2&gt;&lt;php the_title(); ?&gt;&lt;\/h2&gt;\n            &lt;?php the_content(); ?&gt;\n        &lt;\/article&gt;\n    endwhile;\n} else {\n    ?&gt;&lt;p&gt;No posts, sorry.&lt;\/p&gt;&lt;?php\n}\n?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Stiamo finalmente iniziando ad arrivare da qualche parte con i nostri modelli! Tuttavia non posso ripeterlo abbastanza; Ti incoraggio a modificare i modelli e i parametri per le funzioni a tuo piacimento. Soprattutto aggiungendo pi\u00f9 wrapper HTML per rendere pi\u00f9 facile lo stile in un secondo momento.<\/p>\n<p>Nel passaggio successivo ci allontaniamo un po&#8217; dai modelli e approfondiamo ulteriormente la codifica di back-end dei temi WordPress.<\/p>\n<h2>Documentazione sui metodi utilizzati<\/h2>\n<ul>\n<li><a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/post_class\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">post_class<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_permalink\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">il_permalink<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_title\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">il titolo<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_excerpt\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">l&#8217;estratto<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_category\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">la_categoria<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_content\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">il contenuto<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_date\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">l&#8217;appuntamento<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">il tempo<\/a><\/li>\n<li><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_author\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">l&#8217;autore<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Questa lezione riguarder\u00e0 il modo in cui possiamo accedere e produrre informazioni da ciascun post all&#8217;interno del loop di WordPress utilizzando i tag modello.<\/p>\n","protected":false},"author":1,"featured_media":223885,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[896,896,835,1110,804,804,835,928,928,844,844,865,865],"tags":[1168],"class_list":["post-233370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codice","category-guida-per-principianti","category-n-a","category-php-6","category-soggetti","category-tutorial","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/233370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=233370"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/233370\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/223885"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=233370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=233370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=233370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}