{"id":242857,"date":"2022-03-13T12:39:00","date_gmt":"2022-03-13T09:39:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=242857"},"modified":"2022-04-27T11:51:42","modified_gmt":"2022-04-27T08:51:42","slug":"come-collegarsi-a-una-parte-specifica-di-una-pagina-wordpress-passo-per-passo","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-collegarsi-a-una-parte-specifica-di-una-pagina-wordpress-passo-per-passo\/","title":{"rendered":"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)"},"content":{"rendered":"<p>Se hai una pagina lunga sul tuo sito, collegare i visitatori direttamente a una sezione di quella pagina pu\u00f2 essere pi\u00f9 utile di un collegamento normale.<\/p>\n<p>Fortunatamente, l&#8217; <a href=\"https:\/\/themewp.inform.click\/kak-ispolzovat-redaktor-blokov-wordpress-osnovnoe-rukovodstvo-po-gutenbergu\/\" title=\"editor Gutenberg\">editor Gutenberg<\/a> ha reso tutto pi\u00f9 semplice e non \u00e8 necessario installare nuovi plugin.<\/p>\n<p>E giusto per essere chiari, sto parlando di un link come questo che ti porter\u00e0 all&#8217;intestazione qui sotto: <a href=\"#first-heading\">scorri fino all&#8217;intestazione successiva<\/a>.<\/p>\n<p>Imparerai come creare collegamenti del genere in questo tutorial, che possono collegarsi alla stessa pagina o a una sezione su una pagina separata.<\/p>\n<p>Questo tutorial include anche i <strong>passaggi per l&#8217;editor classico<\/strong>, ma leggi prima il resto del post per imparare come collegare correttamente.<\/p>\n<h2>Come collegare una parte di una pagina<\/h2>\n<p>Se preferisci i tutorial video, puoi seguire questo tutorial passo dopo passo invece di leggere le istruzioni in questo post.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ghVHEzlLVqw\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Iscriviti ai temi della competizione su Youtube<\/a><\/p>\n<p>Per collegarti a una parte specifica di una pagina, devi fare due cose.<\/p>\n<ol>\n<li>Aggiungi un&#8217;ancora a cui collegarti<\/li>\n<li>Link all&#8217;ancora<\/li>\n<\/ol>\n<p>Innanzitutto, hai bisogno di un modo per designare l&#8217;elemento a cui ti collegherai. Pu\u00f2 essere qualsiasi elemento, ma utilizzeremo un&#8217;intestazione poich\u00e9 \u00e8 l&#8217;elemento pi\u00f9 comune a cui collegarsi.<\/p>\n<p>Una volta aggiunta l&#8217;ancora, tutto ci\u00f2 che devi fare \u00e8 collegarti ad essa utilizzando il normale editor di collegamenti e un formato URL leggermente diverso.<\/p>\n<p>Sar\u00e0 facile da capire in pratica, quindi cominciamo.<\/p>\n<h3>Come aggiungere un&#8217;ancora a un&#8217;intestazione<\/h3>\n<p>Inizia selezionando un blocco di intestazione nell&#8217;editor. Vedrai una sezione Avanzate nella barra laterale destra che \u00e8 compressa per impostazione predefinita.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1bc135c.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\/10\/post-187307-61702a1bc135c.png\" alt=\"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)\"><\/a><\/p>\n<p>Apri la sezione Avanzate e la prima cosa che vedrai \u00e8 l&#8217;opzione di ancoraggio HTML.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1da4d9e.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\/10\/post-187307-61702a1da4d9e.png\" alt=\"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)\"><\/a><\/p>\n<p>WordPress lo chiama ancora, ma gli sviluppatori lo chiamano ID dell&#8217;elemento<\/p>\n<p>All&#8217;interno del campo di ancoraggio HTML, assegna all&#8217;intestazione un nome breve e descrittivo. Non pu\u00f2 contenere spazi, ma puoi usare i trattini per separare le parole. Ad esempio, una sezione sulla dieta in un articolo sulla cura di un cane potrebbe avere un&#8217;ancora come &quot;dieta&quot; o &quot;dieta per cani&quot;.<\/p>\n<p>Dopo aver aggiunto l&#8217;ancora, sei pronto per collegarti ad essa.<\/p>\n<h3>Come collegarsi a un&#8217;ancora<\/h3>\n<p>I passaggi sono leggermente diversi a seconda che il collegamento sia sulla stessa pagina o meno. Iniziamo con i link stessi della pagina.<\/p>\n<p>Per creare un collegamento a un&#8217;ancora sulla stessa pagina, evidenziare il testo che si desidera collegare e fare clic sull&#8217;icona del collegamento (o utilizzare la scorciatoia cmd+k).<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a1f81764.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\/10\/post-187307-61702a1f81764.png\" alt=\"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)\"><\/a><\/p>\n<p>Quindi, nel campo URL, inserisci un hashtag seguito dall&#8217;ancora.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a214c345.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\/10\/post-187307-61702a214c345.png\" alt=\"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)\"><\/a><\/p>\n<p>WordPress aggiunge anche un&#8217;etichetta per farti sapere che questo \u00e8 un collegamento &quot;interno&quot;<\/p>\n<p>Dopo aver premuto invio, il collegamento verr\u00e0 aggiunto. Puoi visualizzare l&#8217;anteprima dell&#8217;articolo per provarlo subito.<\/p>\n<p>Per utilizzare questa tecnica per un ancoraggio su una pagina diversa, l&#8217;URL necessita di una piccola modifica.<\/p>\n<p>L&#8217;unica differenza \u00e8 che aggiungerai prima l&#8217;URL completo seguito dall&#8217;hashtag e dall&#8217;ancora, in questo modo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2317207.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\/10\/post-187307-61702a2317207.png\" alt=\"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)\"><\/a><\/p>\n<p>Il collegamento potrebbe non funzionare senza la barra alla fine dell&#8217;URL prima dell&#8217;ancora, quindi assicurati di includerlo ogni volta. Pu\u00f2 anche <a href=\"https:\/\/themewp.inform.click\/vse-36-sposobov-uskorit-rabotu-vashego-sajta-na-wordpress\/\" title=\"velocizzare il caricamento del tuo sito\">velocizzare il caricamento del tuo sito<\/a> saltando il reindirizzamento automatico alla versione con barra in avanti dell&#8217;URL.<\/p>\n<p>Questo probabilmente copre tutto ci\u00f2 che devi sapere sull&#8217;aggiunta di collegamenti di ancoraggio interni a WordPress, ma ho alcuni suggerimenti in pi\u00f9 per le menti curiose.<\/p>\n<p>Puoi utilizzare questa stessa tecnica per creare un <a href=\"https:\/\/themewp.inform.click\/11-luchshih-odnostranichnyh-tem-wordpress\/\" title=\"sito Web di una pagina\">sito Web di una pagina<\/a>.<\/p>\n<p>Con un sito di una pagina, hai solo una home page e il menu collega i visitatori a diverse sezioni di quella pagina piuttosto che a pagine completamente nuove.<\/p>\n<p>Per creare questo tipo di sito, creerai le tue ancore usando lo stesso metodo che hai appena imparato. Quindi puoi aprire il tuo menu nel Customizer e utilizzare la sezione Custom Links per collegarti alle tue ancore.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a24dc72b.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\/10\/post-187307-61702a24dc72b.png\" alt=\"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)\"><\/a><\/p>\n<p>Se utilizzi questa tecnica per un sito Web multipagina, assicurati di includere l&#8217;URL completo prima dell&#8217;hashtag.<\/p>\n<h2>Come collegarsi ad altri elementi<\/h2>\n<p>I titoli non sono gli unici elementi che includono l&#8217;opzione di ancoraggio HTML.<\/p>\n<p>Puoi anche aggiungere ancore a:<\/p>\n<ul>\n<li>paragrafi<\/li>\n<li>immagini<\/li>\n<li>Elenchi<\/li>\n<li>Gallerie<\/li>\n<li>Tabelle<\/li>\n<li>Citazioni<\/li>\n<\/ul>\n<p>Infatti, durante la navigazione tra i blocchi di Gutenberg, non sono riuscito a trovarne uno che non supportasse l&#8217;opzione di ancoraggio HTML.<\/p>\n<p>Detto questo, se utilizzi un blocco aggiunto da un plugin, potrebbe mancare questa opzione. Inoltre, l&#8217;opzione di ancoraggio non \u00e8 disponibile se stai utilizzando l&#8217;editor classico, quindi ecco come puoi modificare l&#8217;HTML per aggiungere un&#8217;ancora a qualsiasi elemento del tuo sito.<\/p>\n<h2>Come aggiungere collegamenti di ancoraggio con HTML<\/h2>\n<p>Se stai utilizzando l&#8217;editor classico (o un blocco privo del campo di ancoraggio HTML), ci sono ancora alcuni passaggi per aggiungere il collegamento.<\/p>\n<p><strong>Il modo in cui ti colleghi all&#8217;ancora \u00e8 lo stesso<\/strong>. L&#8217;unica differenza \u00e8 come si aggiunge l&#8217;ancora all&#8217;elemento.<\/p>\n<p>Per aggiungere l&#8217;ancora, devi modificare l&#8217;HTML. Nell&#8217;editor Gutenberg, puoi aprire il menu delle opzioni del blocco e selezionare Modifica come HTML. Nell&#8217;editor classico, usa le schede in alto a destra per passare dalla visualizzazione visiva alla visualizzazione testo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187307-61702a2684f8f.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\/10\/post-187307-61702a2684f8f.png\" alt=\"Come collegarsi a una parte specifica di una pagina WordPress (passo per passo)\"><\/a><\/p>\n<p>Quando visualizzi l&#8217;HTML, vedrai che le tue intestazioni sono racchiuse in tag HTML come questo:<\/p>\n<pre><code>&lt;h3&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Per aggiungere un&#8217;ancora, \u00e8 necessario aggiungere l&#8217;attributo ID all&#8217;intestazione. Ecco un esempio che d\u00e0 al titolo un&#8217;ancora chiamata &quot;dieta per cani&quot;:<\/p>\n<pre><code>&lt;h3 id=\"dog-diet\"&gt;This is a heading&lt;\/h3&gt;<\/code><\/pre>\n<p>Ogni elemento HTML pu\u00f2 utilizzare l&#8217;attributo ID, quindi non sei limitato alle intestazioni. Nell&#8217;editor classico, gran parte dell&#8217;HTML in realt\u00e0 non viene visualizzata, ma puoi sempre racchiudere una sezione in tag &quot;div&quot; per aggiungere un&#8217;ancora, in questo modo:<\/p>\n<pre><code>&lt;div id=\"link-target\"&gt;<\/code><\/pre>\n<p>L&#8217;aggiunta dell&#8217;elemento div non far\u00e0 alcuna differenza visiva sulla pagina, ma ti consentir\u00e0 di collegarti direttamente a questi paragrafi.<\/p>\n<p>Modificare l&#8217;HTML in questo modo funziona esattamente allo stesso modo, sia che tu stia utilizzando Gutenberg o l&#8217;editor classico. Una volta che l&#8217;ancora \u00e8 a posto, tutto ci\u00f2 che devi fare \u00e8 collegarti ad esso usando il metodo descritto sopra.<\/p>\n<h3>Continua ad imparare WordPress<\/h3>\n<p>Con la conoscenza dei collegamenti di ancoraggio e un po&#8217; di HTML, puoi collegarti a qualsiasi sezione su qualsiasi pagina da qualsiasi punto del tuo sito.<\/p>\n<p>Se imparare nuove tecniche di WordPress \u00e8 eccitante e appagante per te, probabilmente adorerai il mio corso gratuito per e-mail di WordPress:<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Partecipa al corso di 7 giorni sulla padronanza di WordPress sull&#8217;e-mail<\/a><\/p>\n<p>Se non ti piace, puoi cancellarti con un click, ma sono certo che raccoglierai almeno un nuovo prezioso suggerimento. Il corso e-mail di 7 giorni offre tattiche di progettazione, marketing e prestazioni per creare un sito Web migliore a tutto tondo.<\/p>\n<p>Grazie per aver letto questa guida su come collegare parti di pagine in WordPress e considera di condividerla con qualcun altro utilizzando i pulsanti social di seguito.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scopri come collegarti a una parte specifica di qualsiasi articolo o pagina di WordPress. Ci vuole solo un minuto e non richiede nuovi plugin.<\/p>\n","protected":false},"author":1,"featured_media":21644,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[179,653,571,611],"tags":[846],"class_list":["post-242857","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chrome-7","category-come-fare","category-nozioni-di-base-su-wordpress","category-uncategorized-7","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/242857","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=242857"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/242857\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/21644"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=242857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=242857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=242857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}