Come aggiungere un modello di intestazione in Oxygen Builder - Passo dopo passo

Oxygen Builder è un eccellente plugin per la creazione di pagine di WordPress. Sebbene Elementor Pro si sia preso la maggior parte del merito dei plug-in per la creazione di pagine, Oxygen è un ottimo strumento per i principianti. Ci vuole del tempo per abituarsi a questo nuovo generatore di pagine, ma una volta fatto, è abbastanza semplice da usare.

Se desideri aggiungere un'intestazione personalizzata utilizzando Oxygen Builder, ti guiderò in questo articolo. I principianti spesso trovano difficile aggiungere un modello di intestazione a Generatore di ossigeno. Pertanto, lo spiegherò nel modo più semplice possibile.

Installazione di Oxygen Builder con o senza Template

Per impostazione predefinita, Oxygen Builder disabilita i temi. Quindi la personalizzazione utilizzando la dashboard di WordPress e le impostazioni del tema non è disponibile.

Utilizzando Oxygen Builder, puoi creare facilmente intestazioni, piè di pagina, pop-up e contenuti principali senza la necessità di alcun tema di fantasia.

Durante il processo di installazione, Oxygen consente di scegliere tra un'installazione predefinita e un'installazione vuota. Nella " Installazione predefinita ", verrà aggiunto un modello con intestazione e piè di pagina, mentre nella " Installazione vuota ", verrà installato il generatore di pagine senza intestazioni, piè di pagina o contenuto.

Modi semplici: come aggiungere un modello di intestazione in Oxygen Builder?

Se lo desideri, puoi utilizzare un modello predefinito o creare la tua intestazione Oxygen da zero. Include 18 set di modelli , inclusi 18 set di intestazioni e piè di pagina. A seconda del tema del tuo sito web e del design di destinazione, puoi scegliere un'intestazione.

Per aggiungere un'intestazione dalla libreria dei modelli, devi andare al menu Oxygen dalla barra laterale sinistra nella dashboard di WordPress.

Vai a Ossigeno ⇒ Modelli ⇒ Principale ⇒ Modifica ⇒ Modifica con ossigeno. Atterrerai su una pagina con un'intestazione, un piè di pagina e un contenuto o vuota in base alla tua installazione.

Per aggiungere una nuova intestazione, fai clic sul pulsante "Aggiungi elementi" (" ⊕ "), quindi scorri e seleziona Libreria. Fare clic su "Set design".

Quindi, scegli qualsiasi modello dall'elenco e fai clic su " Sezione ed elementi ", scorri verso il basso fino a Intestazioni . A seconda del modello, otterrai da 1 a 5 design di intestazione in ogni modello.

Di solito, i nuovi elementi tendono a cadere in fondo alla pagina. Puoi trascinare l'intestazione utilizzando il puntatore e rilasciarlo nella parte superiore della pagina.

Ecco alcuni dei design di intestazione che puoi ottenere.

Intestazione di costruzione con Generatore di intestazioni di ossigeno

Sebbene siano disponibili molte opzioni, potresti voler creare un'intestazione personalizzata. Il generatore di intestazioni di ossigeno semplifica e migliora il processo di creazione delle intestazioni. Con pochi clic, puoi creare un'intestazione reattiva e specifica per il dispositivo.

Passaggio 1: creazione di un nuovo modello

Puoi lavorare sul modello predefinito sull'intestazione Oxygen. Puoi eliminare l'intestazione predefinita dal modello principale e creare una nuova intestazione o creare un nuovo modello.

Per aggiungere un nuovo modello, vai su Modelli in Ossigeno. Fai clic su "Aggiungi nuovo modello", nominalo come preferisci e premi Pubblica.

Ora otterrai il pulsante Modifica con ossigeno per creare la tua intestazione. Otterrai una pagina vuota in cui creerai l'intestazione come preferisci.

Passaggio 2: creazione di Header Builder

Ora fai clic su "Aggiungi elementi", fai clic su Helpers, quindi seleziona "Header Builder". L'intestazione è incompleta senza logo e menu.

Puoi aggiungere gli elementi dal pulsante Aggiungi elementi. Per aggiungere il Menu, è necessario fare clic sul pulsante Aggiungi e quindi su WordPress ⇒ Menu.

Dalle impostazioni, seleziona Menu principale se hai più menu sul tuo sito web.

Puoi anche aggiungere un pulsante usando lo stesso metodo. La caratteristica migliore di creare un'intestazione in Oxygen, puoi trascinare e rilasciare gli elementi per regolare la posizione. È possibile posizionare gli elementi nelle posizioni di allineamento a destra, centrato e allineato a sinistra.

Inoltre, puoi utilizzare le impostazioni della struttura per regolare la posizione dell'elemento se ti senti a disagio a trascinare direttamente sul generatore di intestazione.

Puoi trascinare gli elementi in Riga a sinistra, Centro riga e Riga a destra. Inoltre, puoi posizionare qualsiasi elemento in una nuova riga dalla barra laterale della struttura.

Passaggio 3: più righe per l'intestazione

Puoi aggiungere più righe per aggiungere informazioni e link per la tua attività. Ad esempio, puoi aggiungere l'orario di lavoro e le icone social su una nuova riga nell'intestazione. Fare doppio clic su " Generatore di intestazione " nell'angolo in basso a destra dell'intestazione principale.

Fai clic su " Aggiungi un'altra riga " nella barra laterale sinistra. Aggiungerò l'orario di lavoro e le icone Social in questo esempio nella nuova riga. Puoi usare la tua creatività in questo metodo.

Per aggiungere l'orario di lavoro, sceglierò il testo dalla scheda degli elementi e, per le icone social, puoi anche cercarlo nella libreria degli elementi. Trascina l'intestazione secondaria nella parte superiore o inferiore dell'intestazione principale.

Ecco la mia versione di Header con Oxygen Header Builder.

Passaggio 4: rendere riutilizzabile l'intestazione

Quando sei soddisfatto del modello di intestazione, dovrai renderlo utilizzabile per qualsiasi pagina. Devi impostarlo manualmente se crei un nuovo modello invece di modificare il modello " Principale ".

Innanzitutto, vai alla sezione del modello nel menu Oxygen. Fai clic su Modifica sul modello che hai creato per l'intestazione. Ora scorri verso il basso e fai clic su "Altro", quindi seleziona () " Cattura tutto ".

Quindi fare clic su Modifica con ossigeno e aprire la barra laterale Struttura . Fare clic sull'icona della penna in Header Builder e selezionare Rendi riutilizzabile . Rinomina gli elementi come preferisci e fai clic su Salva.

Ora troverai l'intestazione appena creata nella scheda Riutilizzabile in Oxygen Builder.

Rendere l'intestazione appiccicosa

L'utilizzo di un'intestazione adesiva è altamente raccomandato quando si utilizza un CTA sull'intestazione. Inoltre, un'intestazione appiccicosa offre al tuo sito una visualizzazione parallasse, rendendolo più vivace.

Innanzitutto, vai al modello " Principale " e attiva l'intestazione dall'opzione " Riutilizzabile ". Ora vedrai due impostazioni, primaria e avanzata.

Dal menu principale, seleziona Abilita intestazione permanente , quindi puoi modificare la distanza di scorrimento, il colore di sfondo, le dimensioni del dispositivo, ecc.

Rendere l'intestazione reattiva

È possibile regolare le dimensioni dello schermo e posizionare gli elementi a destra, a sinistra e al centro secondo necessità. Con un'intestazione multiriga, puoi anche nascondere le righe in base al dispositivo. Utilizzando un'intestazione a due livelli, puoi creare uno schermo affollato su uno schermo più piccolo.

A seconda delle dimensioni dello schermo del dispositivo, puoi nascondere la riga secondaria. Nascondendo la riga secondaria sotto lo schermo 480px , gli utenti avranno un'esperienza molto migliore.

Domande frequenti

Posso usare la mia intestazione del tema con Oxygen Builder?

Oxygen Builder disabilita completamente il tuo tema, quindi non c'è modo di utilizzare l'intestazione del tema. Quindi, non puoi modificare l'intestazione del tema con Oxygen Header Builder.

Conclusione

Oxygen Builder è un costruttore WordPress unico. Puoi utilizzare le funzionalità del tema e la funzionalità di modifica di WordPress del builder con la maggior parte dei Page builder. Il generatore di temi Oxygen opera in modo indipendente e non interferisce con altri strumenti di modifica.

Un principiante assoluto potrebbe trovare questo compito un po' confuso. Una volta acquisita familiarità con il plug-in, possono creare quasi tutto. Inoltre, l'interfaccia utente è abbastanza intuitiva per i principianti.

Spero che tu abbia imparato qualcosa di nuovo sull'aggiunta di un modello di intestazione a Oxygen Builder. Tramite Oxygen Header Builder, puoi creare un'intestazione personalizzata o utilizzare un'intestazione esistente per creare il design che desideri.