{"id":43515,"date":"2024-03-12T16:33:13","date_gmt":"2024-03-12T15:33:13","guid":{"rendered":"https:\/\/www.lemonskin.net\/io\/?p=43515"},"modified":"2026-04-07T16:08:00","modified_gmt":"2026-04-07T14:08:00","slug":"ciao-ciao-top-bar","status":"publish","type":"post","link":"https:\/\/www.lemonskin.net\/io\/43515\/","title":{"rendered":"Ciao ciao top bar"},"content":{"rendered":"\n<p class=\"has-drop-cap wp-block-paragraph\">Questa mattina mi sono svegliato con l&#8217;idea che i menu a tendina siano una reminiscenza degli anni &#8217;90. Non che siano veramente superati, hanno utilizzi moderni ancora piuttosto utili; ma ho aperto il blog e mi sono detto&#8230; &#8220;mah&#8221;.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">In un paio d&#8217;ore il sito \u00e8 passato da cos\u00ec (in <em>giallino<\/em> ho evidenziato le differenze):<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"658\" src=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_01.png\" alt=\"\" class=\"wp-image-43518\" srcset=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_01.png 730w, https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_01-300x270.png 300w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230; a cos\u00ec:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"658\" src=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_02.png\" alt=\"\" class=\"wp-image-43521\" srcset=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_02.png 730w, https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_02-300x270.png 300w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In sostanza ho tolto la barra superiore e spostato il menu lateralmente. Tutto quello che c&#8217;era \u00e8 scivolato subito sotto, per cui niente \u00e8 andato perduto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo mi ha consentito di mostrare tutti i sottomenu che in modalit\u00e0 <em>mobile<\/em> (leggi: &#8220;mobail&#8221;), come sul minuscolo display dell&#8217;iPhone, non erano disponibili. Quando la dimensione orizzontale \u00e8 cos\u00ec stretta da nascondere la barra laterale, compare un piccolo bottoncino &#8220;<em>Menu<\/em>&#8221; che  la riapre (in realt\u00e0 fa scorrere la pagina fino al punto corretto):<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"319\" src=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_03.png\" alt=\"\" class=\"wp-image-43523\" srcset=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_03.png 594w, https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2024\/03\/Bye_bye_topbar_03-300x161.png 300w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/figure>\n\n\n\n<details class=\"wp-block-details importante is-layout-flow wp-block-details-is-layout-flow\" open><summary>Importante<\/summary>\n<p class=\"wp-block-paragraph\">Per chi, come me, era abituato (da dentro un articolo) a tornare alla <em>home page<\/em> cliccando la bandierina in alto a sinistra, potr\u00e0 continuare a farlo toccando il titolo dell&#8217;articolo. Che non si evidenzier\u00e0 con una sottolineatura, ma mostrer\u00e0 il cursore con la manina, tipico dei link.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"1\" data-mfn-post-scope=\"00000000000007560000000000000000_43515\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-00000000000007560000000000000000_43515-1\">1<\/a><\/sup><span id=\"mfn-content-00000000000007560000000000000000_43515-1\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"1\">\u00c8 una scelta precisa e intenzionale: la sottolineatura indica che si sta per entrare in un articolo, la sola manina (che comunque \u00e8 presente anche nell&#8217;altro caso) che si sta uscendo.<\/span><\/p>\n<\/details>\n\n\n\n<p class=\"wp-block-paragraph\">Come sempre \u2013 quasi tutte le volte che metto mano al codice del sito \u2013 ci potrebbe essere qualcosa che ha smesso di funzionare o che sta causando qualche problema sulle pagine, anche se per il momento sembra tutto ok. Nel caso sistemer\u00f2 tutto nei prossimi giorni.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un giorno, magari, trover\u00f2 finalmente un nome a questo blog e aggiunger\u00f2 un logo. :)<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Nota<\/summary>\n<p class=\"wp-block-paragraph\">Il &#8220;Forza Ucraina!&#8221; c&#8217;\u00e8 ancora ed \u00e8 in fondo alla colonna laterale. Senza bandierina perch\u00e9 WordPress \u00e8 un <span class=\"censura\">coglione<\/span> e, per qualche sua idio(t)sincrasia, non riesce a visualizzare gli emoji all&#8217;interno dei <em>widget<\/em>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"2\" data-mfn-post-scope=\"00000000000007560000000000000000_43515\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-00000000000007560000000000000000_43515-2\">2<\/a><\/sup><span id=\"mfn-content-00000000000007560000000000000000_43515-2\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"2\">Che sarebbero i vari blocchi di informazioni, come &#8220;Ultimi aggiornamenti&#8221;, &#8220;Articoli pi\u00f9 letti&#8221;, ecc&#8230;<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Altra nota<\/summary>\n<p class=\"wp-block-paragraph\">La colonna di destra \u00e8 semitrasparente per non distrarre troppo l&#8217;occhio durante la lettura degli articoli. Passandoci il mouse sopra, torna visibile. Questa funzione \u00e8 disattivata sugli schermi touch (iPhone, iPad, eccetera&#8230;) per non creare confusione. Trovi tante informazioni sul sito e su come navigarlo al meglio nella pagina <a href=\"https:\/\/www.lemonskin.net\/io\/550\/\" data-type=\"post\" data-id=\"550\" target=\"_blank\" rel=\"noreferrer noopener\">Anno Zero<\/a>.<\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Questa mattina mi sono svegliato con l&#8217;idea che i menu a tendina siano una reminiscenza degli anni &#8217;90. Non che siano veramente superati, hanno utilizzi moderni ancora piuttosto utili; ma ho aperto il blog e mi sono detto&#8230; &#8220;mah&#8221;.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2],"tags":[47,111362],"class_list":["post-43515","post","type-post","status-publish","format-standard","hentry","category-sito-web","tag-aggiornamenti","tag-lrx"],"acf":[],"author_meta":{"display_name":"lock","author_link":"https:\/\/www.lemonskin.net\/io\/author\/lock\/"},"featured_img":null,"jetpack_featured_media_url":"","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/www.lemonskin.net\/io\/category\/sito-web\/\" class=\"advgb-post-tax-term\">sito web<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">sito web<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/www.lemonskin.net\/io\/category\/sito-web\/\" class=\"advgb-post-tax-term\">aggiornamenti<\/a>","<a href=\"https:\/\/www.lemonskin.net\/io\/category\/sito-web\/\" class=\"advgb-post-tax-term\">lrx<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">aggiornamenti<\/span>","<span class=\"advgb-post-tax-term\">lrx<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Pubblicato 2 anni fa","modified":"Aggiornato 2 mesi fa"},"absolute_dates":{"created":"Pubblicato il 12 Marzo 2024","modified":"Aggiornato il 7 Aprile 2026"},"absolute_dates_time":{"created":"Pubblicato il 12 Marzo 2024 16:33","modified":"Aggiornato il 7 Aprile 2026 16:08"},"featured_img_caption":"","series_order":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/43515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/comments?post=43515"}],"version-history":[{"count":1,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/43515\/revisions"}],"predecessor-version":[{"id":51726,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/43515\/revisions\/51726"}],"wp:attachment":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/media?parent=43515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/categories?post=43515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/tags?post=43515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}