Cum să creați o cronologie pentru programul nunții dvs. cu Divi și pluginul Divi Timeline Module

Această postare face parte din 5 din 5 în miniseria noastră Cum să creați un site de nuntă elegant cu Divi. În această serie, vă vom ghida prin cele mai importante părți ale creării unui site de nunți pentru dvs. sau pentru un client cu Divi.

În primele patru părți ale miniseriei, v-am arătat cum să creați:

• o elegantă pagină de anunțuri de nuntă
• o pagină de galerie
• o pagină cu lista de cadouri
• și cum să utilizați pluginul Automatic Divi Testimonials de pe site-ul nunții dvs.

Aspectele pe care le-am creat au fost coerente în stil și ușor de creat.

În această ultimă parte a miniseriei, vă vom arăta cum să creați o cronologie pentru site-ul dvs. de nuntă cu pluginul Divi Timeline Module de la Elegant Marketplace. Vă vom oferi un exemplu despre cum să creați o cronologie verticală frumoasă, care să vă mențină invitații la nuntă despre ceea ce se va întâmpla în ziua cea mare a cuplului de nuntă.

Exemplu cronologie verticală

Aspectul pe care îl creăm va arăta ca exemplul prezentat mai jos. Vom vorbi despre cei mai importanți pași care vă vor ajuta să vă găsiți drumul cu cronologia. După ce ați citit această postare, puteți începe rapid, puteți crea una și a da o notă suplimentară site-ului dvs. de nuntă.

Achiziționarea pluginului

Dacă încă nu dețineți pluginul Divi Timeline Module, va trebui să îl cumpărați de pe site-ul Elegant Marketplace. Pluginul costă 11 USD. După ce ați cumpărat pluginul de pe site-ul lor web, veți primi fișierul ZIP care conține noul modul pe care îl veți adăuga pe site-ul dvs. web.

Instalarea pluginului

Conectați-vă la site-ul dvs. WordPress și accesați „Adăugați un nou” în secțiunea Plugin.

Încărcați fișierul ZIP primit de la achiziție.

Activați pluginul și sunteți bine să mergeți. Pluginul va adăuga automat module de cronologie la constructorul dvs. Divi.

Două moduri diferite de a utiliza modulul Cronologie Divi pe site-ul dvs. web

Afișarea programului de nuntă

O cronologie pe site-ul dvs. de nuntă poate oferi cu adevărat această valoare adăugată suplimentară site-ului dvs. web. Puteți utiliza cronologia pentru a prezenta cum va arăta ziua nunții. Această transparență online vă ajută oaspeții să își găsească drumul prin programul aglomerat pe care îl are nunta.

Va trebui doar să vă amintiți să împărtășiți în avans linkul către site-ul nunții. În acest fel, vor putea accesa informațiile oriunde și oricând.

Puteți crea o pagină separată pentru cronologie sau puteți decide să o includeți într-una din celelalte pagini. Deoarece o cronologie ocupă mult loc pe un ecran, vă recomandăm să dedicați o pagină complet nouă cronologiei.

Afișarea cronologiei relației cuplului de nuntă

Pe lângă realizarea unui program de nunți cu pluginul, puteți utiliza și modulul cronologie pentru a prezenta cronologia relației cuplului de nuntă. Prin includerea modului în care cuplul s-a întâlnit și a diferitelor faze pe care le-au experimentat în relația lor, puteți să vă implicați puțin mai mult cu oaspeții și să puneți povestea acolo.

Diferitele tipuri de module de mărturie

Când descărcați pluginul, veți observa că patru module suplimentare apar în lista dvs. de module. Toate acestea sunt linii temporale, dar cu un accent diferit.

Aveți una pentru postări, conținut, imagini prezentate, titluri de postări și doar una verticală obișnuită. Pentru exemplul de cronologie pe care îl vom crea în această postare, vom folosi doar cronologia - Verticală. Acest modul ne permite să notăm imediat informații în caseta de conținut, fără a fi conectați la nimic altceva de pe site, cum ar fi postările dvs.

Incepe

Vă arătăm pas cu pas cum să creați următoarea cronologie:

Modulul este receptiv și va arăta bine pe desktop, precum și pe telefon sau tabletă. Să începem!

Adăugați elementele Cronologie și Cronologie

Deoarece modulul cronologie este un plugin terță parte, nu vom putea face modificări vizuale cu Visual Builder. De aceea, vom rămâne doar pe partea de backend a site-ului web pentru a face modificările necesare.

Începeți prin adăugarea unei noi pagini pe care o veți dedica cronologiei dvs. În această pagină veți avea, desigur, nevoie de o secțiune de erou. Cu toate acestea, în afară de aceasta, veți avea nevoie doar de o singură secțiune standard pentru cronologie. Adăugați o nouă secțiune standard cu un rând cu lățime completă pe pagină. Apoi, plasați Cronologia - modulul vertical în acel rând de lățime completă.

Acum, în cadrul setărilor Timeline - Modul vertical, veți putea adăuga diferite elemente de cronologie la cronologia pe care o creați.

Există un flux standard care de obicei este urmărit în timpul unei nunți. Vom crea o nouă cronologie pentru fiecare dintre următoarele evenimente:

• Părul și machiajul miresei
• Fotografiere de nuntă
• Pre-ceremonie
• Ceremonie
• Ora cocktailului
• Începutul cinei
• Pâine prăjită
• Primul dans
• Timp de dans
• Deşert
• Ultimul cuvânt de mulțumire

Desigur, totul depinde de modul în care ți-ai planificat ziua nunții. Puteți adăuga câte elemente de cronologie doriți.

Modificări ale modulului cronologiei

Dar înainte de a adăuga elementele cronologiei, să facem modificările care vor trebui să se aplice tuturor elementelor cronologiei prin intermediul cronologiei - modulul vertical. Accesați fila Conținut din Cronologia dvs. - Modul vertical și schimbați culoarea liniei centrale în „# fae4de” din subcategoria de fundal. Această culoare va fi aplicată tuturor liniilor din modulul cronologie care permit diferitelor elemente cronologice să interacționeze între ele.

Apoi, accesați fila Design. În primul rând, deschideți subcategoria Text și efectuați următoarele modificări:

• Font text: Raleway Light
• Stil de text text: îndrăzneț
• Dimensiunea fontului textului: 14 px
• Culoarea textului: # 9b857b
• Înălțimea liniei de text: 1em

Derulați în jos în aceeași filă și efectuați următoarele modificări la subcategoria Text etichetă articol:

• Font etichetă articol: Raleway Light
• Etichetă element Stil font: Bold
• Dimensiune font etichetă articol: 39 px
• Culoarea textului etichetei articolului: # 9b857b
• Înălțimea liniei etichetei articolului: 1,5em

Mai mult, efectuați următoarele modificări subcategoriei Text Headings:

• Titluri Font: Mandarină
• Mărimea fontului titlurilor: 70 px (desktop și tabletă), 60 px (tabletă)
• Culoarea textului titlurilor: # 9b857b
• Înălțimea liniei titlurilor: 1,5em

Toate modificările menționate mai sus se vor aplica fiecărui element cronologic. Faceți clic pe Salvați și ieșiți.

Modificări ale articolului cronologiei

Când priviți rezultatul până acum, puteți observa că modificările au fost aduse imaginii totale. Acum, trebuie să facem modificări individuale la Elementele cronologiei. Începeți prin adăugarea unui singur articol cronologic. Apoi, accesați fila Conținut a acelui element cronologic. Continuați adăugând un titlu la elementul dvs. cronologie din subcategoria Background.

Apoi, adăugați conținutul pe care doriți să îl afișați în caseta de conținut (inclusiv ora în cursiv) și scrieți ora zilei în câmpul Etichetă cronologică. De asemenea, puteți adăuga locația în același câmp dacă doriți.

Conținutul articolului cronologic

Conținutul care este notat în câmp va apărea în partea opusă a cronologiei când cineva vă vizitează site-ul web cu un desktop. Această etichetă nu apare atunci când cineva se uită la cronologia dvs. de pe telefon. De aceea, vă recomandăm să plasați și informațiile practice pe care doriți să le împărtășiți în eticheta articolului din caseta de conținut. În acest fel, persoanele care vizitează site-ul prin telefon pot vedea și informațiile.

Derulați în jos în aceeași filă și căutați pictograma inimii în lista de pictograme ale elementelor, schimbați Culoarea pictogramei la „# 9b857b” și Culoarea de fundal a pictogramei la „# fae4de”.

Faceți clic pe Salvați și Elementul cronologiei va fi adăugat la cronologia dvs. În exemplul pe care l-am făcut, am folosit aceleași setări pentru toate elementele cronologiei. De aceea, vă recomandăm să clonați primul articol din cronologie și să efectuați ajustări suplimentare în consecință.

Creați cât mai multe articole cronologice de care aveți nevoie pentru a vă face programul de nuntă cât mai clar posibil pentru invitații la nuntă. De fiecare dată când adăugați un nou articol de cronologie, acesta va fi localizat automat pe partea opusă elementului de cronologie anterior fără a fi nevoie să faceți ajustări manuale.

Încheierea

Aceasta a fost ultima parte a miniseriei How to Create a Elegant Wedding Website with Divi . Sperăm că aceasta a fost o serie valoroasă de postări care vă vor ajuta să creați un site de nunți elegant și uimitor pentru dvs. sau pentru clienții dvs. Dacă aveți întrebări cu privire la acest tutorial sau dacă aveți orice solicitări pentru viitoare tutoriale / miniserii; asigurați-vă că lăsați un comentariu în secțiunea de comentarii a acestei postări de blog, astfel încât să vă putem răspunde cu răspunsuri!

Asigurați-vă că vă abonați la newsletter-ul nostru de e-mail și la canalul YouTube, astfel încât să nu pierdeți niciodată un anunț mare, un sfat util sau un cadou gratuit Divi!