{"id":370323,"date":"2022-11-12T14:18:00","date_gmt":"2022-11-12T11:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=370323"},"modified":"2022-11-12T14:18:03","modified_gmt":"2022-11-12T11:18:03","slug":"come-aggiungere-una-barra-di-scorrimento-personalizzata-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-una-barra-di-scorrimento-personalizzata-in-wordpress\/","title":{"rendered":"Come aggiungere una barra di scorrimento personalizzata in WordPress"},"content":{"rendered":"\n

La barra di scorrimento pu\u00f2 essere un piccolo dettaglio sul tuo sito Web, ma solo perch\u00e9 \u00e8 piccola, non significa che devi attenersi al suo aspetto predefinito. Se creare un’identit\u00e0 visiva unica \u00e8 una delle tue priorit\u00e0, ecco la buona notizia: sui siti Web WordPress, c’\u00e8 sempre la possibilit\u00e0 di cambiare la barra di scorrimento e adattarla al tuo tema, stile e combinazione di colori<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Esistono due modi per personalizzare la barra di scorrimento<\/strong>. Il pi\u00f9 semplice \u00e8 installare il plug-in, che non richiede alcuna abilit\u00e0 di codifica. L’altro modo \u00e8 inserire CSS aggiuntivi nelle impostazioni di WordPress.<\/p>\n

Utilizzo del plug-in avanzato della barra di scorrimento<\/h2>\n

Advanced Scrollbar<\/a> \u00e8 un plugin gratuito, quindi puoi trovarlo nella libreria dei plugin di WordPress. Passare al pannello di amministrazione e fare clic su Plugin > Aggiungi nuovo per aprire la libreria. Nella barra di ricerca, digita "Barra di scorrimento avanzata" e fai clic sul risultato.<\/p>\n

Installa il plugin e non dimenticare di attivarlo<\/strong> utilizzando il link di attivazione. I plugin non funzionano se non sono attivati.<\/p>\n

\"Come<\/a><\/p>\n

Dopo aver attivato il plug-in, potrai modificarne le impostazioni. Navigando alle Impostazioni nel menu principale della dashboard. Fare clic su Impostazioni della barra di scorrimento del colore personalizzato.<\/p>\n

\"Come<\/a><\/p>\n

Queste sono le impostazioni predefinite.<\/p>\n

\"Come<\/a><\/p>\n

Ecco come appare la barra di scorrimento con le impostazioni predefinite.<\/p>\n

\"Come<\/a><\/p>\n

Se desideri modificare le impostazioni di base, puoi modificare la barra di scorrimento e il colore di sfondo della guida.<\/p>\n

\"Come<\/a><\/p>\n

Inoltre, puoi impostare la velocit\u00e0 di scorrimento del mouse, la velocit\u00e0<\/strong> della barra di scorrimento e l’opzione per nascondere automaticamente la barra di scorrimento<\/strong>. Puoi anche scegliere se la barra di scorrimento avr\u00e0 un allineamento a sinistra oa destra. C’\u00e8 anche un’opzione per abilitare la visualizzazione della barra di scorrimento su dispositivi touch<\/strong> come telefoni cellulari e tablet.<\/p>\n

\"Come<\/a><\/p>\n

Le impostazioni aggiuntive per modificare lo stile della barra di scorrimento si trovano nella seconda scheda, Impostazioni stile personalizzato barra di scorrimento. Qui puoi modificare la larghezza della barra di scorrimento, il CSS del bordo e il raggio del bordo<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Questo \u00e8 il risultato finale dei nostri cambiamenti.<\/p>\n

\"Come<\/a><\/p>\n

Utilizzando il CSS aggiuntivo<\/h2>\n

La seconda soluzione per aggiungere una barra di scorrimento personalizzata al tuo sito WordPress richiede un po’ di conoscenza del codice. Se non hai ancora esperienza con la programmazione, desideri comunque aggiungere una barra di scorrimento personalizzata in questo modo, segui attentamente le istruzioni<\/strong>.<\/p>\n

Per aggiungere un CSS personalizzato a livello di sito, vai al menu principale nella dashboard e fai clic su Aspetto > Personalizza.<\/p>\n

\"Come<\/a><\/p>\n

Fare clic sul campo CSS aggiuntivo.<\/p>\n

\"Come<\/a><\/p>\n

Incolla il codice seguente nella casella CSS aggiuntivo.<\/p>\n

::-webkit-scrollbar {\n-webkit-appearance: none;\n}\n::-webkit-scrollbar {\nwidth: 12px;\n}\n::-webkit-scrollbar-track {\nbackground: #f8c1c0; \nborder:1px solid #fff;\n} \n::-webkit-scrollbar-thumb {\nbackground: #bededa; \nborder:1px solid #fff;\nheight:300px;\nborder-radius:4px;\n}<\/code><\/pre>\n
\"Come<\/a><\/p>\n
Quando aggiungi CSS, fai clic sul pulsante Pubblica e controlla il risultato. Tieni presente che questo codice funzioner\u00e0 su tutti i browser Internet, ad eccezione di Firefox ed Edge<\/strong>.<\/p>\n
Questi sono due semplici modi per aggiungere una barra di scorrimento personalizzata in WordPress. Entrambi sono una scelta praticabile per gli utenti con poca o nessuna esperienza di codifica.<\/p>\n
Vuoi saperne di pi\u00f9 sui modi rapidi e semplici per migliorare il design e le prestazioni del tuo sito web? Dai un’occhiata a questo elenco di plug-in WordPress indispensabili per avviare un nuovo sito Web<\/a>! <\/p>\n
Fonte di registrazione:  wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
L’aggiunta di una barra di scorrimento personalizzata in WordPress \u00e8 un ottimo modo per allineare anche i pi\u00f9 piccoli dettagli del tuo sito Web con la tua identit\u00e0 visiva unica.<\/p>\n","protected":false},"author":1,"featured_media":363788,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-370323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/370323","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=370323"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/370323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/363788"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=370323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=370323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=370323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}