In questo articolo vedrai cosa puoi fare in WordPress utilizzando Elementor Pro e il tema Ocean WP. Quella che segue è una breve panoramica di ciò che leggerete nel testo.
Creeremo un'intestazione utilizzando Elementor Pro, la regoleremo e vedrai quanto può essere appiccicosa, faremo lo stesso con il piè di pagina.
Vedrai come lavorare con le condizioni di visualizzazione, ti aiutano a visualizzare l'intestazione, il piè di pagina e altri modelli su sezioni specifiche del tuo sito in base alle condizioni impostate nel modello.
Parlerà del contenuto dinamico e di come creare un modello con esso che visualizzerà il titolo del blog, la data, l'autore o qualcos'altro.
Creeremo e personalizzeremo anche un modello di post di blog e un modello di pagina di blog in modo che l'intero sito sia creato utilizzando la versione Elementor Pro.
Elementor Pro
In precedenza, Elementor era solo un generatore di pagine, e ora è sia un generatore di pagine che un generatore di temi, puoi sostituire quasi tutti gli elementi del tema che stai utilizzando con l'aiuto di Elementor. Andiamo al pannello di controllo del nostro sito e sotto l'opzione Modelli hai salvato modelli, pagine, sezioni e plugin globali, come puoi vedere nell'immagine qui sotto. Qui puoi utilizzare modelli già creati, crearne uno nuovo o importarne uno già creato.
Scegli di creare un nuovo modello e lì hai diverse opzioni, per iniziare sceglieremo di creare un'intestazione. Apparirà una libreria di diversi modelli di intestazione e quando ne vedi uno che ti piace, selezionalo e fai clic su un pulsante Inserire e dopo potrai adattarlo alle tue esigenze.
Per quanto riguarda le modifiche al template, puoi cambiare il colore delle icone, il colore dello sfondo, le informazioni sul numero di telefono, l'email, l'orario di lavoro. Quindi puoi cambiare le icone dei social network, creare spazi tra loro, spazi tra la parte superiore e inferiore della sezione, cambiare il colore delle icone o del testo quando ci passi sopra con il mouse, aggiungere animazioni quando il sito viene caricato e così via SU. Ci sono molte opzioni, devi solo giocare e scegliere cosa vuoi e cosa è visivamente più bello per te. Puoi apportare tutte queste modifiche facendo clic su una sezione specifica e sotto le opzioni Stile E Avanzate ci sono possibilità di cambiare tutte le cose sopra menzionate.
Sopra c'è un esempio di come è stato cambiato il logo, per avere uno sfondo diverso, puoi anche cambiare il menu in orizzontale, verticale o a discesa, può avere un puntatore sotto ogni voce di menu, può cambiare colore quando il mouse è si librava sopra. Una volta impostato il modello, fai clic su Pubblicare e poi appaiono le condizioni di visualizzazione che devono essere impostate. Dove vuoi che venga visualizzata l'intestazione, sull'intero sito, su pagine specifiche o ad es. Se desideri che venga visualizzato su tutto il sito e non solo su alcune pagine, imposta 2 condizioni. Salvi le condizioni e il modello viene inserito nel sito.
Affinché la tua intestazione sia fissa, cioè non si muova quando scorri la pagina, seleziona la sezione, seleziona l'opzione Effetti di movimento e al campo Appiccicoso imposta dove vuoi che sia l'intestazione. Affinché il menu nell'intestazione abbia un bell'aspetto anche quando si scorre la pagina, è necessario farlo nell'opzione CSS personalizzato aggiungi una riga di codice selettore{sfondo: #fff}. Puoi scegliere il colore che desideri per lo sfondo, qui viene fornito solo un esempio di colore bianco.
Il piè di pagina della pagina viene realizzato in modo simile, così come la creazione di un modello selezionandolo sul pannello di controllo. Scegli quello che ti piace dalla libreria, adattalo alle tue esigenze, proprio come hai fatto quando hai creato un'intestazione, imposta le condizioni di visualizzazione e pubblicalo sul sito.
Dopo aver creato l'intestazione e il piè di pagina, l'elemento successivo nella riga è la pagina del blog. Lo creiamo selezionando un nuovo modello e selezionandolo come tipo di modello Archivio e chiamiamola Pagina Blog o come preferisci. Tra i design offerti dalla libreria, scegliamo quello che fa per noi, quindi lo adattiamo come vogliamo che appaia, impostiamo il numero di articoli in una riga, il numero di colonne, la dimensione dell'immagine dell'articolo, dove si troverà al di sopra o al di sotto del test breve e simili.
Successivamente, impostiamo le condizioni di visualizzazione e il modello della pagina del blog è pronto, non resta che pubblicarlo.
Il modello è finito e ora possiamo aggiungere contenuto dinamico. È possibile aggiungere il titolo alla pagina del blog, quindi la descrizione della pagina, l'autore del testo, tutto sopra gli articoli nella pagina del blog per migliorare l'aspetto della pagina. Regola la spaziatura e i margini tra contenuto dinamico e articoli in modo che tutto abbia un bell'aspetto visivamente, in modo che qualcosa non scappi e sembri strano.
Il prossimo modello che creeremo è un modello di articolo, accedendo nuovamente alla dashboard in modelli e scegliendo di crearne uno nuovo e scegliendo Posta unica e chiamiamolo Blog.
Scegliamo il modello di articolo che desideriamo dalla libreria e poi lo adattiamo alle nostre esigenze.
Nella foto sopra c'è il modello di articolo base che abbiamo scelto di personalizzare ulteriormente. È possibile definire lo stile di testo, allineamenti, intestazioni, colore e dimensione del carattere, quindi se visualizzare metadati come autore, data e ora, commenti e come appariranno, ad es. con o senza icone e simili. All'interno dell'articolo del blog stesso, possiamo personalizzare Posta Estratto - che rappresenta il testo abbreviato che apparirà poi sulla pagina del blog con un'immagine separata Immagine in primo piano - come apparirà l'immagine selezionata sulla pagina del blog e poi nell'articolo stesso Pubblica contenuto - contenuto dell'articolo e modifica del colore e della dimensione del carattere, quindi Casella d'autore - informazioni sull'autore, se ci saranno nome e cognome, foto, biografia, collegamenti ad altri testi, ecc., puoi personalizzare tutto ciò quando clicchi su quella sezione. Ci sono più sezioni Posta Navigazione - al suo interno, modifichiamo l'aspetto dei collegamenti all'articolo precedente e successivo, nonché alla sezione Pubblica commenti - commenti sull'articolo, impostiamo quanto saranno separati dall'articolo, dallo sfondo e simili. Dopo tutto ciò, è necessario impostare le condizioni di visualizzazione e pubblicare il modello del blog sul pulsante Pubblicare.
Spero che questo testo ti sia stato utile e che tu abbia imparato qualcosa di nuovo, se sei interessato a leggere altri consigli per il lavoro indipendente puoi verificarli sul nostro blog, e nel caso in cui desideri consultare professionisti, clicca su questo Collegamento.
Fonte: Youtube
