Divi Toolbox je dodatak koji dodaje mnoge nove efekte u Divi koji obično zahtijevaju CSS, JavaScript, PHP ili mnoge pojedinačne dodatke. Efekti su jednostavni za korištenje, prilagođavanje i davanje web stranica Dajte taj dodatni sjaj kako biste se istaknuli iz gomile.
Učinci uključuju promjene na cijeloj web lokaciji, novi mobilni izbornici, pozadine čestica, podnožja, widgeti, stilovi, animacije, zaglavlja, navigacija, novi raspored blogova, Divi prezentacije na novim lokacijama, prilagodba zaslona za prijavu, skočni prozori itd. Mnoge se značajke mogu prilagoditi novim dodacima za prilagodbu teme. Divi Toolbox ne radi s Extra ili dodatkom Divi Builder.
Opće postavke Divi Toolboxa
Zaslon mogućnosti Divi Toolbox dodan je izborniku nadzorne ploče Divi. Ovdje su omogućene postavke, ali prilagodbe se vrše u prilagodbi.
Postavke opći uključuju globalni stil zaglavlja, prilagođenu stranicu za prijavu, skrivanje projekata, dopuštenje za prijenos SVG vrsta datoteka, prilagođenu traku za pomicanje preglednika, postavke stranice 404 (odaberite izgled i sakrijte zaglavlje i podnožje) i društvene ikone (aktiviraj stil, otvori datoteku). novu karticu i dodajte još ikona).
Dodavanjem društvenih ikona otvara se polje u koje možete unijeti URL 9 dodatnih društvenih mreža.
Ovdje je kartica Opći prilagodnika, gdje mogu prilagoditi postavke koje sam omogućio. Postavke uključuju zaglavlja i fontove, traku za pomicanje preglednika i zaslon za prijavu. U ovom sam primjeru izvršio neke prilagodbe h1 teksta i tijela i dodao sam stil na traku za pomicanje. Također sam dodao još društvenih ikona.
Za zaslon za prijavu morat ćete izvršiti promjene, a zatim se odjaviti ili pregledati zaslon u drugom pregledniku.
Ovdje je moj zaslon za prijavu nakon dodavanja pozadinske slike, logotipa i promjene veličine i boje polja i teksta. Potrebno je malo dotjerivanja jer ne možete vidjeti zaslon dok unosite promjene.
Postavke zaglavlja Divi Toolbox
Postavke zaglavlje dodajte stil izborniku, aktivirajte prilagođeni padajući izbornik, dodajte gumb CTA izbornika, promijenite logotip na dockeru, aktivirajte logotip preklapanja i dodajte Divi izgled prije pregledavanja početne stranice, kao i 'formatiranje prije i poslije. pregledavajući druge stranice.
Gumb CTA izbornika omogućuje vam primjenu CTA-a na prvu ili zadnju stavku izbornika ili primjenu prilagođene klase. Sadrži CSS i upute gdje ga dodati.
Ovdje je prilagodnik zaglavlja. Dodao sam izgled iznad izbornika (u ovom primjeru to je samo tekstualni modul, ali ako želite želite dodati i cjelovit izgled). Preklapajući logotip ima četvrtastu kutiju s efektima sjene. Promijenio sam veličinu logotipa s 200 na 140 i premjestio društvene ikone u glavni izbornik. Lebdim iznad stavke izbornika Usluge kako biste mogli vidjeti CSS efekt.
Postavke podnožja u okviru Divi Toolbox
Postavke podnožja uključuju ljepljivo podnožje, podnožje zaslona, prilagodite izbornike i widgete, prilagodite gumb Natrag na vrh (koji dodaje prilagođenu vezu veze gumba) i dodajte prije i poslije izgleda podnožje.
U ovom sam primjeru promijenio fontove zaglavlja i izbornika u velika slova i povećao razmak. Također sam prilagodio boje lebdenja i dodao sam ikonu pored teksta lebdenja. Dodao sam izgled nakon izgleda. Ovdje se koristi otkriveno podnožje (zbog čega je tekst iza gornjeg modula teksta).
Stilizirao sam gumb na vrhu stranice kako bih prikazao tekst. Ima efekt sjene i prilagodio sam njegovo mjesto. Ostavio sam zadane boje. Usredsredio sam donji tekst i društvene ikone. Za efekt lebdenja odabrao sam Grow (uključuje i skupljanje, pomicanje gore, dolje, klimavanje, otkucaje srca, jelo i puls).
Postavke za Divi Toolbox Mobile
Postavke pokretan uključuju polje za unos točke prijeloma mobilnog izbornika (točna širina zaslona kad se izbornik promijeni s radne površine na mobitel), prilagođeni stilovi, uredite logotip, odaberite efekt klika na ikonu hamburgera , sažeti ugniježđeni podizbornik i aktivirati. nekoliko CSS klasa. CSS klase omogućuju vam okretanje stupaca i središte teksta, modula i gumba.
Ovdje je pregled stranice u Google Chrome s odabranim Responsive. Čim sam smanjio veličinu zaslona ispod 980px, promijenila se u ikonu mobilnog telefona koju sam odabrao i dodao jelovnik hamburgera s animacijom koju sam odabrao.
Na ovom zaslonu uređujem pozadinsku boju, boju pozadine lebdenja i izbornik hamburgera s mobilnog izbornika. Promijenio sam tekst stavki glavnog izbornika u velika slova i ostavio standard teksta za CTA. Također sam promijenio pozadinu stavke izbornika CTA. Također možete prilagoditi veličinu izbornika i ikone.
Postavke bloga Divi Toolbox
Parametri blog omogućuju vam prilagodbu bočne trake i dodataka, objavljivanje meta, stranica s arhivom i kategorijama, odabir izgleda (od 6 opcija), sakrivanje bočne trake arhive i prilagodbu teksta gumba Čitaj više.
Za pojedinačne postove možete odabrati izgled bočne trake, sakriti naslov posta, dodati okvir za autora, dodati prethodne i sljedeće veze, dodati povezane postove i prilagoditi obrazac komentara. Također možete dodati prilagođene post-navigacijske izglede pojedinačnim objavama, arhivama, kategorijama, stranicama autora i stranicama rezultata pretraživanja.
Za stranicu bloga dodao sam efekt sjene na bočnu traku, promijenio fontove i stil, oblikovao okvir za pretraživanje i povećao veličinu obruba. Koristi izmjenični izgled, a tekst sam prilagodio gumbu za čitanje više.
Ovaj je primjer izgleda 6. Ponovno sam prilagodio boje fonta za meta odjeljak i dodao boju lebdenja. Također sam prilagodio pozadinu gumba Saznajte više.
Pojedinačni postovi na blogu omogućuju vam prilagodbu svake stavke koju ste dodali u postavkama bloga. Na ovom zaslonu prilagođavam povezane članke, sljedeću i prethodne poveznice, kao i područje autora. Vi kontrolirate sav tekst, boje, sjene itd.
U ovom primjeru prilagođavam obrazac komentara. Vi kontrolirate boje polja (fokus i nefokus), obrub, tekst, boje, gumb itd. Promijenio sam boju pozadine gumba, boju fokusa polja, dodao obrub polju i promijenio radijus.
Licenca Divi Toolbox
Imate mogućnost izbora između dvoje licenciranje :
- Redovita licenca (koja će se koristiti na projektu) - 49,00 €
- Proširena licenca (za upotrebu na neograničenim projektima) - 169,00 €
Što zapamtiti
Zadivljen sam količinom značajki i postavki u ovom dodatku. Osobito mi se sviđa činjenica da može dodavati slične članke, prethodne i sljedeće poveznice te područje autora na postove na blogu koji nisu stvoreni Divi graditeljem. Traka za pomicanje također je lijep dodir.
Možete pristupiti nekoliko postavki u modulima Divi, poput teksta zaglavlja, ali pruža više detalja o tim postavkama. Želio bih dodati još nekoliko podešavanja (npr. Efekti sjene za područje komentara, više opcija logotipa, lokacije ikona društvenih mreža itd.).
Ako na Divi želite dodati tonu novih efekata na najlakši mogući način, Divi Toolbox vrijedi zaobići.
