Deci, să creăm o sarcină pentru noi înșine. Avem un șablon pe wordpress, trebuie să conectați bootstrap la el. Cum se face acest lucru? Se pare că este ceva complicat aici, același cod pe care l-am folosit pentru conectarea la pagina web va face. Dar nu aici a fost, dacă încercați în header.php, în care în wordpress-șablon există o secțiune cap, adăugați același cod:
Nimic nu va funcționa, stilurile cadrului nu se vor conecta. De ce și ce facem cu asta? Mai întâi, uită-te la calea care duce la foaia de stil. Să ne amintim că wordpress citește calea din dosarul rădăcină al site-ului, nu șablonul, avem aceeași cale doar față de șablon. Calea actuală de-a lungul căreia se află fișierul arată astfel:
Bootstrap framework - o facem adaptabil, pur și simplu, repede!
Aflați modul cel mai simplu, mai rapid și mai flexibil de a crea site-uri adaptive
Deci, stilurile nu se conectează deoarece traseul este pur și simplu greșit. În al doilea rând, wordpress are funcții speciale care vă permit să conectați corect scenarii și stiluri. Vă sugerez să folosiți această funcție și să conectați fișierele cadru în cel mai bun mod posibil. Pentru aceasta trebuie sa scriem cateva coduri in functiile function.php din template-ul nostru activ.
Du-te la sfârșit, aici vom adăuga codul care leagă cadrul cu motorul.
Din moment ce nu studiem funcțiile wordpress aici, vă voi da codul gata care va conecta imediat fișierele js și css ale cadrului. Mai jos vă voi permite să explic acest cod puțin.
Deci, trebuie să scriem o funcție nouă, să o numim arbitrară, să sugerez așa - load_bootstrap, astfel încât să fie imediat de înțeles. În interiorul funcției, scriem două funcții wordpress. Primul este responsabil pentru conectarea scripturilor, cel de-al doilea pentru stilurile css. Funcțiile funcționează ele însele în mod identic și au 2 parametri necesari:
Numele funcției. Poate fi scris în mod arbitrar. Din nou, propun să-i spun că totul este imediat clar.
Calea către fișierul atașat. Este important să setați corect, dacă indicați doar Js / bootstrap.js, acesta nu va funcționa nimic, așa cum am spus deja că WordPress caută fișierele de la rădăcina site-ului, iar js folderul rădăcină pur și simplu nu are, este prezent în șablonul nostru, unde trebuie să aruncați fișierele cadru în prealabil.
De fapt, pentru a seta corect calea, trebuie să obțineți calea către dosar cu șablonul activ și apoi să adăugați calea către script în acest șablon. Cum se face acest lucru? Aici funcția get_template_directory_uri () ne va ajuta. Înregistrați-o și fixați calea către fișier.
Dacă aveți nevoie să conectați mai multe fișiere, doar cu o nouă linie pentru a re-scrie stilul wp_enqueue_script sau funcția specificată în numele parametrului și calea.
Aceasta completează funcția care va conecta fișierele noastre cadru. Dar dacă acum doriți să începeți să utilizați capabilitățile cadrului, este prea devreme. Trebuie să oferim motorului această funcție pentru execuție. Aceasta face doar ultima linie a codului de mai sus, care începe cu funcția add_action.
În el, trebuie să specificăm 2 parametri: primul va fi neschimbat în cazul nostru, aceasta este funcția wp_enqueue_scripts. Este cu s la sfârșit, acest lucru este important! Al doilea parametru este acela de a specifica numele funcției noastre comune, în care conectăm fișierul js și css.
Deci, am discutat cu dvs. legătura corectă dintre bootstrap și wordpress. Dacă va fi scris pentru această nouă caracteristică, dar numai adăuga sau schimba codul de linii necesare pentru a load_bootstrap existente funcția (), în viitor, va trebui să conectați noile fișiere ale cadrului, nu este necesar.
Datorită faptului că am făcut acest lucru, conexiunea cu cadrul va funcționa atunci când numele domeniului se va schimba, când numele șablonului va fi schimbat etc. Ei bine, puteți începe să utilizați cadrul pentru propriile scopuri, acest lucru încheie acest articol. Dacă doriți să învățați bootstrap cât mai curând posibil, vă recomand să treceți cursul plătit pe acest cadru. în care veți putea să creați 2 site-uri, să împrumutați, care este un site web pe o singură pagină, precum și să obțineți o pregătire teoretică bună.
Bootstrap framework - o facem adaptabil, pur și simplu, repede!
Aflați modul cel mai simplu, mai rapid și mai flexibil de a crea site-uri adaptive
Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame
Articole similare
Trimiteți-le prietenilor: