Editați folosind Fusion Builder în tema Avada WordPress

ACTUALIZARE noiembrie 2016 : ThemeFusion a actualizat Avada la versiunea 5.0. Această actualizare separă generatorul Fusion de un plugin individual, în loc să fie încorporat cu pluginul Fusion Core. Fusion Builder a fost complet reproiectat și este foarte diferit de versiunile anterioare.

Când vi se cere să faceți upgrade Avada BACKUP întregul site, inclusiv primul plugin Fusion Core, și fiți pregătit să petreceți ceva timp reorganizându-vă paginile, deoarece acestea nu se deplasează fără probleme.

Dacă ați făcut deja upgrade-ul Avada 5.0 și paginile dvs. sunt sparte, puneți mâna pe o versiune anterioară a Avada. Folosind FTP, accesați folderul wp-content/themes și faceți backup pentru noua versiune. Apoi redenumiți-l și FTP versiunea anterioară. Ar trebui să primiți înapoi versiunea mai îngrijită a paginilor dvs.

Această postare este pentru versiunea 2.0.3 sau anterioară.

Folosind tema Avada

Dacă aveți tema Avada pe instalarea WordPress, este posibil să utilizați Fusion Builder pentru a vă construi postările și paginile, ceea ce este destul de diferit de o actualizare standard a paginii.

Fusion Builder este un plugin dezvoltat de ThemeFusion, dezvoltatorii Avada, care permite un aspect receptiv în cadrul temei.

Poate fi puțin confuz pentru cei care sunt începători.

Am scris câteva instrucțiuni pentru a vă ajuta să editați pagini sau postări, folosind Fusion Builder în cadrul temei Avada WordPress.

Faceți întotdeauna o copie de rezervă înainte de a face modificări

Nu actualizați niciodată nucleul, temele sau pluginurile WordPress fără a face mai întâi o copie de rezervă completă a pluginurilor, temelor, încărcărilor și bazei de date.

Actualizările pot cauza încălcarea a ceva și trebuie să puteți reveni cu ușurință înapoi sau să depanați. Aș recomanda să faceți actualizări majore pe un site de dezvoltare, astfel încât să îl puteți testa mai întâi.

Activați Fusion Builder de la Avada

Mai întâi, activați Fusion Builder pe pagină sau postare, folosind butonul albastru de deasupra zonei de editare a conținutului.

Dacă designerul dvs. web a configurat deja paginile, este posibil să fi făcut deja clic pe butonul. Acesta va schimba aspectul editorului de conținut, ca mai jos.

Folosind Fusion Builder de la Avada, puteți crea pagini web receptive.

Cum să editați pagini folosind Fusion Builder

Conectați-vă la back-end-ul dvs. WordPress.

Accesați paginile sau postați, folosind filele din partea stângă, apoi editați.

Caseta Fusion Builder ar trebui să fie în partea de sus a ecranului de editare a paginii. Butoanele din partea de sus sunt etichetate „Opțiuni de coloană”, „Elemente de constructor”, „Șabloane personalizate” și „Șabloane preconstruite”.

Vom ignora șabloanele personalizate și șabloanele preconstruite pentru această postare.

Incepe

Opțiuni de coloană Fusion Builder

Alegeți o opțiune de coloană când doriți să vă împărțiți pagina în coloane. Aceasta inserează o structură de coloană în pagina dvs., în care apoi puneți Elemente Builder. Dimensiunile și numerele coloanelor pot fi modificate ulterior.

Odată ce alegeți o opțiune de coloană, acea opțiune apare în spațiul alb de mai jos. Pentru a-ți construi pagina, gândește-te ca și cum ai pune un puzzle împreună.

Dacă ați adăugat o coloană de 5 x 6 în stânga, singura altă opțiune care se va potrivi în dreapta este 1 x 6.

Puteți trage o coloană din stânga paginii spre dreapta paginii.

Faceți clic pe butonul minus pe orice opțiune cu o coloană pentru a reduce numărul de coloane pe care le va lua elementul. Butonul plus este exact opusul.

Elemente Fusion Builder

Elementele de constructor pot fi adăugate fără a alege mai întâi o opțiune de coloană. Elementele vor fi inserate pe un rând care se întinde pe întreaga pagină. Acestea pot fi apoi trase într-o coloană dacă este necesar.

Există o gamă largă de opțiuni Builder Element în Avada. Să începem cu textul. Odată ce ați adăugat coloanele, ca mai sus, este posibil să doriți să adăugați un bloc de text la o coloană.

Doar faceți clic pe butonul Element Builder, găsiți TEXT, apoi faceți clic și trageți-l în coloana dvs.

Plasați cursorul peste element, apoi faceți clic pe pictograma pensulă care apare în dreapta sus pentru a adăuga sau edita text.

Toate elementele pot fi editate folosind aceeași pictogramă de editare.

Schimbați textul sau mediul din element, apoi faceți clic pe SALVARE, caseta se va închide.

Odată ce fereastra se închide, faceți clic pe butonul albastru ACTUALIZARE pentru a salva modificările.

Editarea casetelor de conținut în Avada

Casetele de conținut se găsesc sub Elemente constructoare. Acestea sunt utile deoarece sunt cu adevărat flexibile.

În cadrul unui singur element „Cutii de conținut” pot exista mai multe „casete pentru copii” sau „Articole”, care pot fi adăugate prin derularea în partea de jos a ecranului Caseta de conținut.

Ecranul principal al casetei de conținut modifică opțiunile pentru toate casetele copil, cu excepția cazului în care „copilul” are propriul stil.

Accesați ecranul de editare pentru caseta de conținut, folosind pictograma pensulă.

Opțiunile din Caseta de conținut sunt următoarele:

Setări părinte/copil
Setările „Parent Level” vor controla toate stilurile de casete împreună. Setările „Nivel copil” vor controla fiecare stil de casetă în mod individual.

Aspect caseta de conținut
Selectați aspectul pentru caseta de conținut

Numar de coloane
Setați numărul de coloane pe rând.

Alinierea conținutului
Funcționează cu opțiunile de aspect „Classic Icon With Title” și „Classic Icon On Side”.

Dimensiunea titlului
Controlează dimensiunea titlului. Lăsați necompletat pentru selectarea opțiunii de temă. În pixeli, ex: 18px.

Culoare font titlu
Controlează culoarea fontului titlului. Lăsați necompletat pentru selectarea opțiunii de temă. ex: #000

Culoare font corp
Controlează culoarea fontului corpului. Lăsați necompletat pentru selectarea opțiunii de temă. ex: #000

Culoarea de fundal a casetei de conținut
Lăsați necompletat pentru selectarea opțiunii de temă.

Fundalul pictogramei
Alegeți să afișați un fundal în spatele pictogramei. Selectați implicit pentru selecția opțiunii de temă.

Pictogramă Raza de fundal
Alegeți raza de margine a fundalului pictogramei. Lăsați necompletat pentru selectarea opțiunii de temă. În pixeli (px), de exemplu: 1px sau „rotund”.

Culoarea pictogramei
Lăsați necompletat pentru selectarea opțiunii de temă.

Culoare de fundal pictogramă
Lăsați necompletat pentru selectarea opțiunii de temă.

Culoarea chenarului interior al fundalului pictogramei
Lăsați necompletat pentru selectarea opțiunii de temă.

Dimensiunea chenarului interior al fundalului pictogramei
Lăsați necompletat pentru selectarea opțiunii de temă.

Culoarea chenarului exterior al fundalului pictogramei
Lăsați necompletat pentru selectarea opțiunii de temă.

Dimensiunea chenarului exterior al fundalului pictogramei
Lăsați necompletat pentru selectarea opțiunii de temă.

Dimensiunea pictogramei
Controlează dimensiunea pictogramei. Lăsați necompletat pentru selectarea opțiunii de temă. În pixeli, ex: 18px.

Tip de animație de trecere cu mouse-ul
Selectați tipul de animație pentru pictograma de pe mouse-ul. Selectați implicit pentru selecția opțiunii de temă.

Hover Animation Color
Selectați o culoare de accent pentru animația de trecere cu mouse-ul. Lăsați necompletat pentru selectarea opțiunii de temă.

Tip link
Selectați tipul de link care ar trebui să apară în caseta de conținut. Selectați implicit pentru selecția opțiunii de temă.

Zona de legătură
Selectați în ce zonă va fi alocată legătura. Selectați implicit pentru selecția opțiunii de temă.

Link țintă
_self = deschis în aceeași fereastră
_blank = deschide într-o fereastră nouă. Selectați implicit pentru selecția opțiunii de temă.

Întârziere animație
Controlează întârzierea animației dintre fiecare element dintr-un set. În milisecunde, 1000 = 1 secundă.

Offset de animație
Alegeți când ar trebui să înceapă animația.

Tip de animație
Selectați tipul de animație de utilizat pe codul scurt

Direcția de animație
Selectați direcția de intrare pentru animație

Viteza animației
Introduceți viteza animației în secunde (0,1 – 1)

Marja de sus
În pixeli (px), ex: 1px.

Marja de jos
În pixeli (px), ex: 1px.

Clasa CSS
Adăugați o clasă la elementul HTML de împachetare.

ID CSS
Adăugați un id la elementul HTML de împachetare.

Editarea unei casete de conținut „copil”

Faceți clic pe pictograma pensulă pentru a edita caseta de conținut.

Derulați în jos pentru a găsi „Adăugați o casetă de conținut nouă” sau, eventual, „Articol 1+ ​​din caseta de conținut”, dacă există deja un articol în caseta de conținut.

Editați textul, imaginile, adăugați pictograme și modificați numeroase opțiuni din „copil” Caseta de conținut aici. Aceste setări vor suprascrie setările părintelui.

Acum faceți clic pe butonul albastru SALVARE. Caseta de editare se va închide.

Nu uitați să faceți clic pe butonul ACTUALIZARE din partea dreaptă pentru a salva pagina.

Link-uri utile

Informații de actualizare Avada