Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62.

Negli ultimi anni sono state aggiunte molte funzionalità utili e potenti al Tema Divi. E alcune di queste funzionalità potrebbero interessarti senza che tu te ne accorga. In effetti, in questo momento si stanno nascondendo, nascondendosi in un sito normale (una fantastica tattica di sopravvivenza forse, ma sfortunata). Ecco perché ti parlerò di queste funzionalità che probabilmente non conosci.

1 - Opzioni clic destro

Come funziona: fai semplicemente clic con il pulsante destro del mouse su qualsiasi sezione del Builder di Divi.

Anche se non passo il mouse su tutte le opzioni di clic destro, vorrei sottolineare alcune opzioni che sono accessibili solo quando fai clic con il pulsante destro del mouse, il che è troppo comodo per non essere discusso. 'una recensione.

2 - Blocca

In qualità di amministratore, solo tu hai la possibilità di bloccare determinati oggetti. È un modo conveniente per impedire ai tuoi editor di modificare il contenuto che desideri conservare. Ti protegge anche da modifiche accidentali a una sezione importante.

3 - Riduci e rinomina

Mi piace usare queste due opzioni in combinazione perché creo pagine web più lunghe. Non so voi, ma sono davvero stanco di scorrere su e giù per trovare le sezioni che devo modificare. Questo è il motivo per cui sto utilizzando l'opzione per condensare ampie sezioni della mia pagina web che sono state completate. Una volta incollato, utilizzo l'opzione del clic destro per rinominare la sezione in un'etichetta di amministratore riconoscibile.

4: disabilita i collegamenti a discesa di livello superiore

Posto : Divi → Opzioni → Navigazione → Impostazioni generali

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare Facile e gratuito qualsiasi sito web o blog design con un aspetto professionale. Smetti di pagare molto per un sito web che puoi fare da solo.

Per essere chiari, i collegamenti del menu a discesa di primo livello sono i collegamenti principali principali che rimangono visibili nel menu di navigazione. I collegamenti di livello secondario sono quelli che vengono visualizzati dopo aver passato il mouse sul collegamento principale di primo livello.

Disattivando i collegamenti dal menu a discesa di livello superiore, questi collegamenti non sono più collegamenti selezionabili. Invece, possono fungere da segnaposto non cliccabile che tag e organizzare i tuoi collegamenti secondari.

Ad esempio, supponiamo che tu stia creando un sito per un'azienda che offre tre servizi principali e ciascuno di questi servizi necessita della propria pagina. Una configurazione normale sarebbe quella di avere un link di primo livello chiamato " Servizi Con i tre tipi di servizi come voci di sottomenu. Invece di aggiungere un link nella pagina principale " Servizi Puoi disabilitare il link " Servizi Al livello più alto e usalo semplicemente come etichetta organizzativa.

5 - Scorrimento verso un'ancora

Vuoi vendere i tuoi prodotti su Internet?

Scarica WooCommerce gratis, i migliori plugin di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress e creare facilmente il tuo negozio online. Perfetto per i principianti.

Posizione della funzione: Divi → Opzioni → Navigazione → Impostazioni generali

Se hai mai provato ad associare un'ancora direttamente a un ID CSS da una pagina esterna, potresti aver notato che la posizione mostrata dalla pagina non è del tutto corretta. A volte è troppo basso e alcuni dei contenuti vengono tagliati nella parte superiore.

Ecco come appare il mio schermo dopo aver collegato il mio ID CSS a una pagina esterna. Non puoi vederlo, ma il titolo della sezione è stato tagliato.

Abilitare il metodo di scorrimento di ancoraggio alternativo risolve questo problema. Non solo mette l'utente nel posto giusto e la parte superiore della pagina viene caricata prima di scorrere fino all'ID CSS. Lo trovo utile per gli utenti che potrebbero perdersi in quella visualizzazione improvvisa prima di rendersi conto che stanno guardando una parte della pagina.

6: nasconde il logo sul cellulare

Posizione: Divi → Personalizzazione temi → Stili mobili → Menu cellulare

Se hai bisogno di nascondere il tuo logo su un dispositivo mobile, Divi lo rende molto semplice. Ma è una di quelle opzioni che è facile trascurare. Risparmia tempo utilizzando questa funzione al posto del codice CSS.

7 - Animazione a discesa nel menu principale e secondario

  • Funzionalità per il menu principale: Divi → Personalizza tema → Intestazione e navigazione → Barra del menu principale> Animazione del menu a discesa
  • Funzionalità per il menu secondario: Divi → Personalizzazione del tema → Intestazione e navigazione → Barra dei menu secondari -> Animazione del menu a discesa.

Non devi accontentarti dell'animazione di dissolvenza predefinita per i menu a discesa. La sezione Animazione del menu a discesa offre quattro opzioni:

  • Fondue Animazione
  • Sviluppo dell'animazione
  • diapositiva di animazione
  • Animazione a scorrimento

Questo è tutto per questo set di funzionalità che potresti non conoscere Divi. Spero che ti aiuteranno a personalizzare meglio il tuo tema.

Scarica DIVI ora

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" vuoto "layout =" espanso "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "piatto" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] SCARICA IL TEMA DIVI [/ vcex_button] [/ width_column] [» [vc_column] » 1/2″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "vuoto" layout = "espanso" align = "centro" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right =" fa fa-download "] SCARICA MODELLI DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Altri tutorial di Divi

%d ai blogger piace questa pagina: