{"id":956,"date":"2011-10-27T11:32:12","date_gmt":"2011-10-27T10:32:12","guid":{"rendered":"https:\/\/www.hostingvirtuale.com\/blog\/?p=956"},"modified":"2023-05-16T13:09:18","modified_gmt":"2023-05-16T11:09:18","slug":"come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page","status":"publish","type":"post","link":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html","title":{"rendered":"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignleft size-medium wp-image-111\" src=\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/logo-joomla-300x205.png\" alt=\"Logo Joomla\" width=\"300\" height=\"205\" \/>Quando si sta navigando all&#8217;interno di un sito web con pagine molto lunghe potrebbe essere utile avere un pulsante che permetta di tornare in modo rapido in testa alla pagina. Oggi vedremo come questo \u00e8 possibile utilizzando il plugin Top of the page che \u00e8 possibile <a href=\"http:\/\/extensions.joomla.org\/extensions\/structure-a-navigation\/site-navigation\/16807\" target=\"_blank\" rel=\"nofollow noopener\">scaricare da qui<\/a>.<\/p>\n<p>Dopo averlo scaricato andiamo ad installare il plugin dal pannello di amministrazione di Joomla!<em> da Estensioni\/Gestione Estensioni\/ Installa <\/em>selezionando con<em> Sfoglia&#8230;<\/em> il file zippato nel nostro computer e cliccando infine su <em>Carica &amp; Installa<\/em>. In una frazione di secondo ci apparir\u00e0 il consueto messaggio che ci dice che il plugin \u00e8 stato correttamente installato.<\/p>\n<p><!--more-->Clicchiamo sul men\u00f9\u00a0Estensioni\/Gestione plugin fino a trovare il plugin <strong>\u201cTop of the Page\u201d<\/strong>.<\/p>\n<p>Nelle impostazioni del plugin, nella sezione\u00a0<strong>Button Reveal Position<\/strong> va impostato un numero in pixel che indica\u00a0l&#8217;altezza dello scroller verso il basso della pagina senza che appaia il pulsante torna su. Come valore di\u00a0default \u00e8 impostato a\u00a0<strong>200 <\/strong>e pu\u00f2 essere lasciato con tale numero. Se si inserisce il valore\u00a0Si in\u00a0<strong>Always at Top<\/strong>\u00a0verr\u00e0 utilizzato un javascript che obbligher\u00e0 il ritorno in alto\u00a0alla pagina dopo aver cliccato\u00a0su Torna su, a prescindere\u00a0dalla presenza di ancore. L&#8217;impostazione\u00a0<strong>Smooth Scroll<\/strong>\u00a0pu\u00f2 essere lasciata su Si in modo da\u00a0ottenere quel simpatico\u00a0effetto di slittamento della risalita della pagina con una sorta di accelerazione e poi di frenata. In <strong>Smooth Duration<\/strong>\u00a0viene settata la durata di questo effetto in millisecondi e un valore accettabile \u00e8 600. Successivamente, in <strong>Link Location<\/strong>\u00a0\u00e8 possibile\u00a0selezionare\u00a0da un menu a tendina la posizione del pulsante che consentir\u00e0 di tornare su.\u00a0La posizione in basso a destra \u00e8 sicuramente quella ideale. Infine in <strong>Use Styles<\/strong>\u00a0si pu\u00f2 scegliere di utilizzare\u00a0un proprio stile personalizzato del pulsante inserendo i comandi css all&#8217;interno del\u00a0box. Dopo\u00a0qualche test\u00a0si otterr\u00e0 sicuramente\u00a0l&#8217;aspetto desiderato. L&#8217;ultimo passo \u00e8 quello di salvare tutte le modifiche fatte e di pubblicare il plugin.<\/p>\n<p>Se si vuole visualizzare\u00a0l&#8217;aspetto e il funzionamento del plugin \u00e8 possibile\u00a0<a href=\"http:\/\/www.joomlacsszengarden.com\/joomla16\/\" target=\"_blank\" rel=\"nofollow noopener\">visualizzare questa pagina<\/a>\u00a0e scrollare verso il basso.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quando si sta navigando all&#8217;interno di un sito web con pagine molto lunghe potrebbe essere utile avere un pulsante che permetta di tornare in modo rapido in testa alla pagina. Oggi vedremo come questo \u00e8 possibile utilizzando il plugin Top of the page che \u00e8 possibile scaricare da qui. Dopo averlo scaricato andiamo ad installare [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":5034,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_97753652_97753652":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[503],"tags":[24,268,520],"class_list":{"0":"post-956","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cms","8":"tag-joomla","9":"tag-plugin","10":"tag-tutorial","11":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page<\/title>\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.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page\" \/>\n<meta property=\"og:description\" content=\"Quando si sta navigando all&#8217;interno di un sito web con pagine molto lunghe potrebbe essere utile avere un pulsante che permetta di tornare in modo rapido in testa alla pagina. Oggi vedremo come questo \u00e8 possibile utilizzando il plugin Top of the page che \u00e8 possibile scaricare da qui. Dopo averlo scaricato andiamo ad installare [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html\" \/>\n<meta property=\"og:site_name\" content=\"Il blog di HostingVirtuale\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostingVirtuale\" \/>\n<meta property=\"article:published_time\" content=\"2011-10-27T10:32:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-16T11:09:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gianluca Di Nino\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@HostingVirtuale\" \/>\n<meta name=\"twitter:site\" content=\"@HostingVirtuale\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gianluca Di Nino\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html\",\"name\":\"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg\",\"datePublished\":\"2011-10-27T10:32:12+00:00\",\"dateModified\":\"2023-05-16T11:09:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/a75ce653fa18e4ea4c8c426bbdce7813\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#primaryimage\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg\",\"contentUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg\",\"width\":540,\"height\":300,\"caption\":\"Le migliori estensioni per Joomla\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostingvirtuale.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/\",\"name\":\"Il blog di HostingVirtuale\",\"description\":\"Hosting e Registrazione Domini\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/a75ce653fa18e4ea4c8c426bbdce7813\",\"name\":\"Gianluca Di Nino\",\"sameAs\":[\"http:\/\/www.omnibus.net\/\"],\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/author\/gianluca\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page","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.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html","og_locale":"it_IT","og_type":"article","og_title":"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page","og_description":"Quando si sta navigando all&#8217;interno di un sito web con pagine molto lunghe potrebbe essere utile avere un pulsante che permetta di tornare in modo rapido in testa alla pagina. Oggi vedremo come questo \u00e8 possibile utilizzando il plugin Top of the page che \u00e8 possibile scaricare da qui. Dopo averlo scaricato andiamo ad installare [&hellip;]","og_url":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html","og_site_name":"Il blog di HostingVirtuale","article_publisher":"https:\/\/www.facebook.com\/HostingVirtuale","article_published_time":"2011-10-27T10:32:12+00:00","article_modified_time":"2023-05-16T11:09:18+00:00","og_image":[{"width":540,"height":300,"url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg","type":"image\/jpeg"}],"author":"Gianluca Di Nino","twitter_card":"summary_large_image","twitter_creator":"@HostingVirtuale","twitter_site":"@HostingVirtuale","twitter_misc":{"Scritto da":"Gianluca Di Nino","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html","url":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html","name":"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page","isPartOf":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#primaryimage"},"image":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#primaryimage"},"thumbnailUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg","datePublished":"2011-10-27T10:32:12+00:00","dateModified":"2023-05-16T11:09:18+00:00","author":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/a75ce653fa18e4ea4c8c426bbdce7813"},"breadcrumb":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#primaryimage","url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg","contentUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/migliori-estensioni-joomla.jpg","width":540,"height":300,"caption":"Le migliori estensioni per Joomla"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostingvirtuale.com\/blog\/come-tornare-rapidamente-in-testa-alla-pagina-utilizzando-il-plugin-p-of-the-page-956.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostingvirtuale.com\/blog"},{"@type":"ListItem","position":2,"name":"Come tornare rapidamente in testa alla pagina utilizzando il plugin Top of the page"}]},{"@type":"WebSite","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website","url":"https:\/\/www.hostingvirtuale.com\/blog\/","name":"Il blog di HostingVirtuale","description":"Hosting e Registrazione Domini","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/a75ce653fa18e4ea4c8c426bbdce7813","name":"Gianluca Di Nino","sameAs":["http:\/\/www.omnibus.net\/"],"url":"https:\/\/www.hostingvirtuale.com\/blog\/author\/gianluca"}]}},"_links":{"self":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":0,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/956\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media\/5034"}],"wp:attachment":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media?parent=956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/categories?post=956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/tags?post=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}