Krijimi i një shablloni WordPress është më i lehtë nga sa mund të mendoni. Për ta bërë këtë, nuk keni nevojë të keni përvojë të gjerë në zhvillimin e dizajnit ose programimin e faqeve në internet. Në këtë artikull, ne do t'ju udhëzojmë nëpër bazat e krijimit të temave tuaja të WordPress nga e para.
Pse keni nevojë të krijoni shabllonin tuaj të WordPress kur mund të përdorni shabllonet e disponueshëm në bazën e të dhënave? Këtu janë arsyet që mund të çojnë në këtë:
- Ju mund të merrni një uebsajt unik ose faqe uljeje që është e ndryshme nga konkurrentët tuaj. Duke marrë parasysh miliona blogje të ndërtuara në këtë CMS, çdo model model përdoret të paktën njëqind herë.
- Liri e plotë veprimi në fazën e zhvillimit. Ju mund të shtoni funksionalitetin tuaj me artikujt e punës që ju nevojiten.
- Ju mund të aplikoni modele të ndryshme për seksione të ndryshme të faqes, gjë që është e pamundur kur përdorni një shabllon të gatshëm.
- Ju mund të bëni disa lloje dhe t'u ofroni vizitorëve mundësinë për të kaluar midis temave të ndryshme, gjë që do të rrisë interesin dhe besnikërinë ndaj burimit të internetit.
- Lehtësia e punës në WordPress e bën atë të arritshëm për shumë njerëz (do t'ju ndihmojnë udhëzimet video në internet). Kjo do të thotë që zhvillimi juaj i temës kryesore ose krijimi i një teme për fëmijë do të kursejë para në tërheqjen e stilistëve dhe programuesve të palëve të treta.
- Mund të përfitoni nga veçoria e temave të fëmijëve - kur bëhen rregullime në dublikatat e fletës së stilit style.css dhe skedari kryesor mbetet i paprekur. Kjo ju lejon të riktheni shpejt ndryshimet nëse ato janë të pasuksesshme, si dhe të mos humbni punën kur përditësoni temën kryesore.
Udhëzim i shkurtër
Sigurisht, marrja e një tutoriali të plotë se si të krijoni një shabllon faqeje nuk do të funksionojë vetëm me një artikull. Së pari, është e rëndësishme të kuptoni bazat - se si bëhen temat më të thjeshta. Mbi bazën e tyre, ju tashmë mund të bëni "kreativitet" dhe të krijoni një faqe uljeje ose faqe interneti sipas dëshirave tuaja. Tani do t'ju japim një fletë të shkurtër mashtrimi me udhëzime hap pas hapi - do t'ju ndihmojë të kuptoni se si është krijuar faqja e internetit.
Hapi i parë: punë përgatitore
Para fillimit të punës, duhet të siguroheni që të keni një redaktues teksti (më i thjeshti është Notepad ose Nodepad ++, veçanërisht pasi mund t'i shkarkoni falas). Hapi tjetër është të instaloni motorin WordPress dhe paketën Denwer në kompjuterin tuaj lokal. Denveri është një mjet thelbësor për programuesit. Me ndihmën e tyre, procesi i zhvillimit dhe i ndryshimeve në faqe lehtësohet dhe përshpejtohet shumë. Si ta instaloni, kjo video do t'ju tregojë:
Hapi i dytë: krijoni një dosje të re teme
Shkoni te drejtoria e dëshiruar. Ajo më shpesh ka rrugën e mëposhtme: ... Të gjitha temat ruhen këtu - si ato standarde ashtu edhe ato me porosi. Ne hyjmë në të dhe krijojmë një dosje të re. Le ta quajmë, për shembull, "MyFirstTheme".
Tani shkoni në një dosje të re dhe sigurohuni që të shtoni dy skedarë të bërë përmes Nodepad ++ ose një redaktues tjetër. Këto janë index.php dhe style.css. Tani për tani, le të mbeten bosh këto dokumente, pastaj do të vazhdojmë t'i plotësojmë. Shtoni gjithashtu dosjen e imazheve në "MyFirstTheme" këtu. ku mund të shtoni fotografi për të hartuar një shabllon.
Më pas, shabllonet për pjesë të veçanta të sajtit mund të shtohen në "MyFirstTheme": shiriti anësor (sidebar.php), faqja (header.php), postimet në faqe (single.php), komentet (comments.php), etj. grupi i skedarëve shtesë varet nga struktura që planifikoni për burimin tuaj të internetit.
Hapi i tretë: plotësimi i indeksit.php
Gjëja e parë që duhet të bëni është të plotësoni skedarin e indeksit (index.php). Këtu është një shembull i kodit më të thjeshtë që një sajt të ketë katër zona: kokën, kryesore, shiritin anësor dhe fundin.
Titulli i faqes
Në skedar, mund të shkruani çdo element që dëshironi të shihni në faqen tuaj. Më shumë informacion mbi shkrimin e kodit index.php për të krijuar tema në WordPress mund të merren nga video:
Hapi i katërt: plotësoni gjithashtu stilin.css
Tani ju duhet të hapni style.css, të shtoni dhe plotësoni fushat e mëposhtme (futni informacionin tuaj për faqen dhe pronarin në vend të ***). Të dhënat e futura do të shfaqen në panelin e administratorit.
/ * Emri i temës: ***
URI i temës: http:// ***
URI i autorit: http:// ***
Përshkrim: ***
Më pas, do të jetë e mundur të futen në këtë skedar të dhëna dhe rregulla të ndryshme që përcaktojnë pamjen e faqeve. Për shembull:
(informacioni në / ** / është komente, jo pjesë e kodit)
Në këtë fazë, është shumë herët për të vendosur parametra strikte të stilit, por ky video tutorial do të jetë i dobishëm për punë të mëtejshme me skedarin:
Hapi i pestë: ndarja e skedarëve
Të gjithë elementët e specifikuar në index.php duhet të dublikohen në skedarë të veçantë. Në hapin e parë të shembullit, përveç pjesës kryesore kryesore, u specifikuan header, sidebar dhe footer - prandaj, për ta ne krijojmë dokumentet tona në formatin .php.
Për shembull, krijoni një skedar header.php, hapni index.php. gjeni pjesën përkatëse të kodit dhe ngjisni atë në një skedar të ri. Do të jetë:
Titulli i faqes
E njëjta gjë bëhet për pjesët e tjera. Kjo duhet të bëhet për lundrim më të lehtë. Kur ka shumë elementë të faqes së ardhshme, skedarët e veçantë do t'ju ndihmojnë të lundroni më mirë për të kontrolluar ose bërë ndryshime.
Në mënyrë që skedari kryesor i indeksit të jetë në përputhje me ato shtesë, në index.php duhet të shkruhet sa vijon nën blloqet për secilën pjesë:
Më poshtë është një listë e skedarëve standard të shablloneve të përdorura nga WordPress. Ju nuk mund t'i përdorni ato ose të shtoni seksionet tuaja:
- Header - stili i kokës së faqes tuaj.
- Komentet - një shabllon për krijimin e komenteve.
- Faqja kryesore - tema për faqen kryesore.
- Faqe - përcakton temën nëse krijoni faqe të veçanta në sit
- Kategoria - shabllon për kategorizim
- Data - përcakton stilin e shfaqjes së datës dhe kohës.
- Arkivi - shabllon për seksionin e arkivit me materiale të vjetra.
- Kërkimi - një skedar që specifikon parametrat për kërkim në sit.
- 404 është një shabllon për një faqe që raporton një gabim 404 Not Found.
- Footer - Përcakton stilin e faqes suaj të faqes tuaj.
Kur të rafinoni më pas çdo element, do t'ju duhet një video tutorial vizual. Këtu janë disa zgjedhje që mund t'ju ndihmojnë:
Header në header.php:
Shtimi i përmbajtjes:
Komentet e stilimit:
Bodrumi në sit:
Si mund të bëni ndryshime pa frikë
Kur duhet të bëni ndryshime në faqet e faqes, ekziston rreziku që të shkruani diçka të gabuar dhe të mos jeni në gjendje të "riktheheni prapa". Mund të ndodhë gjithashtu që shënimet e fletës së stilit të zhduken kur përditësohet tema kryesore.
Për të parandaluar që kjo të ndodhë, mund të krijoni një temë për WordPress (nëntemë) - kjo është një dublikatë e skedarit të fletës së stilit style.css që nuk ndikon në skedarin kryesor (ndryshimet në njërën nuk anulojnë përditësimet në tjetrën).
Krijimi i një teme për fëmijë të WordPress është i lehtë. Ne duhet të krijojmë një dosje të re në drejtorinë kryesore C: \ WebServers \ home \ localhost \ www \ NAME_SPECIFIED_IN_INSTALLATION \ wp-content \ temat... Në dosjen e re, ne krijojmë skedarin tonë style.css me përmbajtjen e mëposhtme:
Emri i Temës: EMRI TEMA
Shablloni: EMRI I DOSJES NË SUBJEKT FËMIJË
URI i temës: PLOTËSOJE
Përshkrimi: PLOTËSOJE
Autori URI: PLOTËSOJE
/ * importoni stilet e temës mëmë * /
@import url ("../ TITULLI / style.css");
/ * Stilet tuaja shtesë * /
Foo (ngjyra: e kuqe;)
Tani mund të shkoni te "Pamja › Temat" në panelin e administratorit dhe të aktivizoni shabllonin e fëmijëve. Në të ardhmen, mund të punoni në një skedar të ri. Për më tepër, një prezantim i vogël video me temën e modeleve të fëmijëve:
Sot, ne do të hedhim një vështrim më të afërt në procesin e krijimit të një faqe cilësimesh për një temë WordPress duke përdorur WooFramework të mrekullueshëm si shembull.
Më pas, do ta komplikojmë pak detyrën duke përdorur aftësitë e jQuery dhe do të përmirësojmë paksa funksionalitetin e faqes.
WordPress është deri tani sistemi më i popullarizuar i menaxhimit të përmbajtjes (CMS). Shumë zhvillues zgjedhin WordPress si CMS-në e tyre, pavarësisht nga lloji i projektit.
Sistemi është shumë i lehtë për t'u përdorur, por ju mund ta bëni edhe më të lehtë duke mundësuar panele shtesë të kontrollit të përdoruesit. Në vend që të hapin skedarët e shablloneve PHP dhe të manipulojnë kodin, përdoruesit mund të përdorin faqen e rregullt të cilësimeve në panelin e kontrollit për të menaxhuar temën tuaj të WordPress.
Për shembull, nëse tema juaj ka skema ngjyrash të kuqe, blu dhe jeshile, secila e lidhur me një skedar specifik CSS, do të ishte shumë më e lehtë nëse përdoruesi mund të zgjidhte ngjyrën e dëshiruar nga lista rënëse. Prandaj, sot do të ecni nëpër procesin e krijimit dhe përmirësimit të faqes së cilësimeve shtesë për panelin e administratorit të WordPress.
Hapi 1
Përpara se të fillojmë ndërtimin e panelit tonë, na duhet një temë. Pra shkarkoni, me skedarët burim. Do të shihni një temë klasike të WordPress të modifikuar pak. Kopjoni dosjen "nettuts" (ky do të jetë emri i temës sonë) në dosjen wp-content / themes. Dosja duhet të përmbajë skedarët e mëposhtëm:
- funksionet.php (bosh)
- indeks.php
- komente.php
- footer.php
- header.php
- rtl.php
- shirit anësor.php
- stil.css
- screenshot.png
- dosje fotografie që përmban dy skedarë
Shumica e kodit tonë do të gjendet në skedarin functions.php.
Tema mund të përdorë opsionalisht një skedar funksioni të vendosur brenda dosjes së temës me emrin funksions.php. Ky skedar vepron si një shtojcë, dhe nëse përfshihet me temën tuaj, ngarkohet automatikisht gjatë inicializimit të WordPress (si faqet e jashtme ashtu edhe paneli i administratorit).
Ky skedar supozohet të përdoret për:
- përshkrimet e funksioneve të përdorura në skedarët e ndryshëm të shablloneve të temës suaj
- Instalimi i paneleve shtesë të kontrollit që lejojnë përdoruesit të personalizojnë ngjyrat, stilet dhe aspekte të tjera të temës suaj.
Hapi 2
Tani që keni shkarkuar dhe instaluar temën e sugjeruar, shkoni te faqja "Pamja" - "Tema" dhe aktivizoni temën tonë nettuts.
Tani, ne duhet të mendojmë për shënimin html për panelin tonë të kontrollit. Ne do të përdorim strukturën e mëposhtme:
Më lejoni t'ju shpjegoj gjithçka këtu. Grupet e cilësimeve do të mbështillen në një bllok me klasën "rm_wrap" dhe më pas në një bllok me klasën "rp_opts". Më pas, brenda këtyre blloqeve hapim etiketën e formës, brenda së cilës do të vendosen të gjitha hyrjet e nevojshme. Çdo seksion i cilësimeve (Cilësimet e përgjithshme, cilësimet e faqes kryesore, cilësimet e blogut, etj.) do të vendoset në një bllok të veçantë me emrin e klasës "rm_section". Ky bllok do të përmbajë emrin (për seksionin e cilësimeve) dhe disa blloqe me hyrje. Përdorimi i klasave speciale për blloqe si
Pjesa më e rëndësishme e gjithë kësaj është se ne nuk do të na duhet ta shkruajmë të gjithë këtë kod me dorë - ne do të përdorim veçoritë e PHP kudo që të jetë e mundur. Nuk ka kuptim të shkruajmë kodin me dorë kur kemi sythe në dispozicion.
Hapi 3
Hapni skedarin functions.php me redaktuesin tuaj të preferuar të kodit (Unë jam duke përdorur NotePad ++) dhe ngjisni kodin e mëposhtëm:
Këto janë dy variabla PHP që përmbajnë emrin e temës suaj (në rastin tonë, Nettuts) dhe pseudonimin që specifikoni (në shembullin tonë, nt). Pseudonimi përdoret si parashtesë për emrat e të gjitha cilësimeve të temave dhe zakonisht është unik për secilën temë.
Më pas, ne do të krijojmë disa rreshta kodi për të gjeneruar automatikisht një listë të kategorive të wordpress-it, në vend që ta detyrojmë përdoruesin të fusë manualisht ID-në e tij. Ngjitni kodin e mëposhtëm, menjëherë pas atij të mëparshëm:
$ kategori = get_categories ("fsheh_bosh = 0 & porosi_si = emri"); $ wp_cats = grup (); foreach ($ kategoritë si $ kategori_lista) ($ wp_cats [$ kategori_lista -> cat_ID] = $ kategori_lista -> emri_cat;) array_unshift ($ wp_cats, "Zgjidh një kategori");
Ky fragment kodi përdor funksionin e integruar të wordpress get_categories për të marrë të gjitha kategoritë dhe më pas përdor një cikli foreach për t'i ruajtur ato në variablin $ wp_cats. Pastaj opsioni "zgjidh një kategori" i shtohet grupit.
Hapi 4
Tani është koha për të krijuar një listë të cilësimeve për temën tonë. Ngjitni kodin e mëposhtëm në skedarin tuaj functions.php:
opsionet $ = grupi (array ("emri" => "Cilësimet", "type" => "titulli"), grupi ("emri" => "Cilësimet bazë", "lloji" => "seksioni"), grupi ( "type" => "open"), array ("name" => "Skema ngjyrash", "desc" => "Zgjidh skemën e ngjyrave të temës", "id" => emri i shkurtër. "_color_scheme", "type" = > "select", "options" => grup ("blu", "e kuqe", "jeshile"), "std" => "blu"), grup ("emri" => "URL i logos", "dec" => "Fut një lidhje për imazhin e logos", "id" => emri i shkurtër. "_Logo", "type" => "tekst", "std" => ""), grup ("emri" => " CSS e personalizuar "," desc "=>" Dëshironi të përdorni kodin tuaj CSS? Ngjitni atë në këtë fushë "," id "=> $ shkurt." _custom_css "," shkruani "=>" textarea "," std " =>" " ), grup ("type" => "mbyll"), grup ("emri" => "Faqja kryesore", "type" => "seksion"), grup ("type" => "hapur" ), array ( "emri" => "Imazhi në kokë, në faqen kryesore", "desc" => "Fut URL-në e imazhit që do të përdoret në kokë", "id" => emri i shkurtër i $. "_ header_img", "type" => "text", "std" => ""), grup ("name" => "Titulli i faqes kryesore", "desc" => "Zgjidh një titull ku do të publikohen postimet", "id" => emri i shkurtër i $. "_feat_cat", "type" => "select", "options" => $ wp_cats, "std" => "Zgjidh një kategori"), grup ("type" => "mbyll"), grup ("emri" = > "Footer", "type" => "section"), array ("type" => "open"), array ("name" => "Teksti i të drejtës së autorit", "desc" => "Fut tekstin që do të gjendet në anën e djathtë të bodrumit. Ju mund të përdorni HTML "," id "=> $ shkurt." _ Footer_text "," shkruani "=>" tekst "," std "=>" "), grup (" emri "=>" kodi i Google Analytics ", " desc "=>" Këtu mund të vendosni kodin e Google Analytics, ose çdo numërues tjetër "," id "=> emri i shkurtër i $." _ Ga_code "," shkruani "=>" textarea "," std "=>" ") , array ( "name" => "Favicon", "desc" => "Favicon është një ikonë pixel që përfaqëson faqen tuaj. Ngjisni URL-në në imazh me shtesën .ico", "id" => emri i shkurtër i $. " _ favicon", "type "=>" tekst "," std "=> get_bloginfo (" url ")." / favicon.ico "), grup (" emri "=>" URL Feedburner "," desc "=> " Feedburner është një shërbim i Google që menaxhon furnizimet rss. Ngjisni URL-në tuaj të Feedburner këtu për t'i lejuar lexuesit ta shohin atë në faqen tuaj të internetit "," id "=> $ emri i shkurtër." _ feedburner "," shkruani "=>" tekst "," std "=> get_bloginfo (" rss2_url ")), array (" shkruani "=>" mbyll "));
Kjo ishte një pjesë mjaft e madhe e kodit që meriton një sqarim të vogël. Kështu që:
- Variabla PHP $ opsione përmban të gjithë listën e opsioneve për temën tonë.
- Lista e cilësimeve përbëhet nga disa grupe, secila prej të cilave përmban një çelës "lloj" për të përcaktuar llojin e cilësimit dhe mënyrën se si do të shfaqet.
- Lista jonë e cilësimeve fillon me një grup "lloj" => "titull" - i cili do të përdoret për të shfaqur emrin dhe titullin e temës në titullin e faqes.
- Secili seksion (Cilësimet bazë, Faqja kryesore, Footeri) ka një listë të veçantë të cilësimeve.
- Ne fillojmë një seksion të ri duke mbyllur ndonjë nga seksionet e mëparshme dhe deklarojmë seksionin e ri duke përdorur grupin e grupit (“emri” => “Foter”, “lloji” => “seksion”).
- Çdo opsion mund të përmbajë cilësimet e mëposhtme:
emri: Emri i kutisë së tekstit.
përshkruaj: Një përshkrim i shkurtër i fushës, për përdoruesit.
ID: id i fushës, i parashtesuar nga pseudonimi. Do të përdoret si për regjistrimin e cilësimeve ashtu edhe për të hyrë në të.
lloji: lloji i hyrjes - teksti, përzgjedhja ose zona e tekstit
opsione: përdoret për të deklaruar një grup cilësimesh për një fushë rënëse.
std: vlera e paracaktuar e fushës nëse nuk është specifikuar asnjë vlerë tjetër.
Hapi 5
Provoni të shkoni te pulti juaj i WordPress. Nuk do t'i gjeni askund cilësimet që kemi specifikuar, si mund t'i shfaqim ato? Shtoni kodin e mëposhtëm në skedarin functions.php:
Funksioni mytheme_add_admin () (emri global i temës $, emri i shkurtër i $, opsionet $; nëse ($ _ GET ["faqe"] == emri bazë (__ FILE __)) (nëse ("ruajtur" == $ _KËRKESË ["veprim"]) (foreach ( opsionet $ si vlerë $) (opsioni_përditësues (vlera e $ ["id"], _REQUEST [$ vlera ["id"]]);) foreach (opsionet $ si vlerë $) (nëse (isset ($ _REQUEST [ $ vlera [ "id"]])) (opsioni_përditësues (vlera e $ ["id"], _ KËRKONI [vlera e $ ["id"]]);) tjetër (opsioni_delete (vlera e $ ["id"]);)) header (" Vendndodhja: admin.php? Faqja = funksionet.php & e ruajtur = e vërtetë "); die;)) tjetër nëse (" rivendos "== $ _KËRKONI [" veprim "]) (përpara (opsionet $ si vlerë $) (delete_option ($ value ["id"]);) header ("Vendndodhja: admin.php & page = functions.php & reset = true"); die;) add_menu_page ($ emri i temës, $ emri i temës, "administratori", emri bazë (__ FILE__), "mytheme_admin"); ) funksioni mytheme_add_init () ()
Ky funksion përdoret si për të përditësuar vetë cilësimet ashtu edhe për të shtuar një faqe në panelin e kontrollit. Nëse cilësimet janë ruajtur (përcaktuar duke përdorur variablin e fshehur ruaj), atëherë të gjitha cilësimet përditësohen me vlerat e specifikuara. Nëse, megjithatë, cilësimet janë rivendosur (përcaktuar duke përdorur një rivendosje tjetër të ndryshores së fshehur), atëherë të gjitha cilësimet fshihen.
Rreshti i fundit i funksionit shton një faqe menuje - parametrat në rend: emri dhe titulli, niveli i të drejtave të përdoruesit për të parë faqen, ruajtja e faqes dhe funksioni i përdorur për të shfaqur / ruajtur cilësimet (në shembullin tonë, ai quhet mytheme_admin).
Vini re se funksioni mytheme_add_init është bosh? Le të mbetet ashtu siç është, do t'i kthehemi më vonë.
Hapi 6
A nuk shfaqet faqja e cilësimeve në panelin e kontrollit? Por, ne ende nuk e kemi përfunduar funksionin mytheme_admim, i cili u përmend më lart. Për të krijuar këtë funksion, na duhet kodi nga hapat 6, 7 dhe 8. Le të fillojmë.
Funksioni mytheme_admin () (global $ temename, $ shortname, $ opsione; $ i = 0; if ($ _ KËRKESË ["veprim"] == "ruaj") echo "
cilësimet e temës ". $emri i temës." u shpëtuan
cilësimet e temës ". $emri i temës." u rrëzuan
Cilësimet
Për menaxhim më të përshtatshëm të temave, mund të përdorni menynë e mëposhtme
Ai përdor një lak php foreach, çdo lloj cilësimi përcaktohet individualisht për çdo rast. Për këtë ne do të përdorim një deklaratë switch. Ndryshorja në deklaratën switch është lloji aktual i parametrit, rasti është lloji i pritur i parametrit. Ju ndoshta e keni vënë re deklaratën "pushim" pas çdo rasti? Kjo shprehje përdoret për të parandaluar përpunimin e gabuar të një gjendjeje. Kur vlera e rastit përputhet me një ndryshore, të gjitha rastet pasuese do të ekzekutohen gjithashtu. Domethënë, nëse kemi të përcaktuar rastin3, atëherë përveç tij do të ekzekutohet edhe rasti4, rasti5 etj. Por ne nuk kemi nevojë për këtë, kështu që ne përdorim break për të përfunduar deklaratën switch.
Nëse vlera aktuale e parametrit është "e hapur", asgjë nuk ndodh. Nëse vlera aktuale është "afër", vendosen dy blloqe mbyllëse. Vlera e parametrit "titulli" përdoret vetëm një herë - në tekstin hyrës përpara cilësimeve të temës. Për secilin lloj "tekst" (lloji i hyrjes = "tekst"), "select" (lista rënëse) dhe "textarea" (emri flet vetë) - shfaqet hyrja përkatëse. Kushtojini vëmendje bllokut
Hapi 8
Jemi pranë fundit të kësaj veçorie mjaft të madhe. Ngjitni kodin e mëposhtëm:
Rasti "zgjidh":?>
/functions/images/trans.gif "class =" joaktive "alt =" "/>
!}
Për llojin e cilësimit "seksion", ne përdorim variablin numërues $ i. Kjo ju lejon të mbani gjurmët e numrit të seksionit dhe ta lidhni atë me emrin e butonit "dorëzo", duke marrë kështu një emër unik për secilin buton. Përveç kësaj, një formular shtohet në fund të seksionit për të rivendosur të gjitha cilësimet. Fotografia do të përdoret për trillime të mëtejshme jQuery. Kjo është pjesa e fundit e kodit që do të sjellë në jetë funksionet tona:
Add_action ("admin_init", "mytheme_add_init"); add_action ("menu_admin", "mytheme_add_admin");
Ky kod shton një faqe shtesë në pultin tuaj të WordPress.
Hapi 9
E shkëlqyeshme, tani ne kemi faqen tonë të kontrollit, me një artikull të veçantë të menysë. Sidoqoftë, pasi kemi vizituar këtë faqe, shohim se jo gjithçka është aq e mirë sa do të dëshironim. Por mos u shqetësoni, ne kemi një ndihmës të shkëlqyeshëm - CSS! Krijoni një dosje të re "funksionet" brenda dosjes nettuts. Brenda kësaj dosjeje, krijoni një skedar të ri - functions.css dhe ngjisni kodin e mëposhtëm në të:
Rm_wrap (gjerësia: 740 px;) .rm_section (kufiri: 1 px solid #ddd; kufiri-fund: 0; sfondi: # f9f9f9;) .rm_opts etiketa (madhësia e shkronjave: 12 px; pesha e shkronjave: 700; gjerësia: shfaqjax 200p; : bllok; float: majtas;) .rm_input (mbushje: 30px 10px; kufiri-fund: 1px solid #ddd; border-lart: 1px solid #fff;) .rm_opts small (ekran: bllok; float: djathtas; gjerësia: 200px ; ngjyra: # 999;) hyrja .rm_opts, zgjidhja .rm_opts (gjerësia: 280 px; madhësia e shkronjave: 12 px; mbushja: 4 px; ngjyra: # 333; lartësia e rreshtit: 1em; sfondi: # f3f3f3;) .rm_inputja: . fokusi, zona e tekstit .rm_input: fokusi (sfondi: #fff;) .rm_zona e tekstit të hyrjes (gjerësia: 280 px; lartësia: 175 px; madhësia e shkronjave: 12 px; mbushja: 4 px; ngjyra: # 333; lartësia e rreshtit: 1,5em; sfondi: # f3f3f3;) .rm_title h3 (kursori: treguesi; madhësia e shkronjave: 1em; transformimi i tekstit: shkronja të mëdha; margjina: 0; pesha e shkronjave: bold; ngjyra: # 232323; float: majtas; gjerësia: 80%; mbushja: 14px 4px;) .rm_title (kursori: treguesi; kufiri-fund: 1px solid #ddd; sfond: #eee; mbushje: 0;) .rm_title h3 img.joaktive (diferencë: -8 px 10px 0 2px; gjerësia: 32 px; lartësia: 32 px; sfond: url ("imazhe / pointer.png") pa përsëritje 0 0; noton: majtas; -moz-border-radius: 6px; kufiri: 1px solid #ccc; ) .rm_title h3 img.active (diferencë: -8px 10px 0 2px; gjerësi: 32px; lartësi: 32px; sfond: url ("imazhe / pointer.png") pa përsëritje 0 -32px; float: majtas; -moz- border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #cccc;) .rm_title h3: hover img (border: 1px solid # 999;) .rm_title span.submit (ekran: bllok; notues: djathtas; margjina: 0; mbushja: 0; gjerësia: 15%; mbushja: 14 px 0;) .clearfix (e qartë: të dyja;) .rm_table th, .rm_table td (kufiri: 1px solid #bbb; mbushje: 10px; tekst- align: qendër;) .rm_table th, .rm_table td.feature (border-color: # 888;)
Unë mendoj se ky kod nuk kërkon ndonjë sqarim, gjithçka është jashtëzakonisht e thjeshtë dhe e drejtpërdrejtë. Sigurisht që mund ta ndryshoni sipas dëshirës tuaj.
Hapi 10
Tani që kemi një skedar të gatshëm CSS, si mund ta lidhim atë me faqen nëse nuk kemi qasje të drejtpërdrejtë në një pjesë të dokumentit
? Mbani mend se kemi krijuar një funksion bosh mytheme_add_init ()? Këtu ajo është vetëm ajo që do të na ndihmojë. Ndryshojeni si më poshtë:Funksioni mytheme_add_init () ($ file_dir = get_bloginfo ("template_directory"); wp_enqueue_style ("funksionet", $ file_dir. "/ Funksionet / funksionet.css", false, "1.0", "të gjitha");)
Ky kod do të përfshijë skedarin functions.css në seksionin e dokumentit
... Vendndodhja e skedarit përcaktohet nga dosja e shabllonit.
Hapi 11
Hidhini një sy faqes tonë. Duket mjaft mirë, gjithçka që mbetet është të shtoni funksionalitet në ikonat plus në titujt e seksionit. Ne do të përdorim jQuery për këtë. Krijoni një skedar të ri rm_script.js brenda dosjes nettuts / funksionet /. Ngjitni kodin e mëposhtëm:
JQuery (dokument) .ready (funksioni () (jQuery (". Rm_options"). SlideUp (); jQuery (". Rm_section h3"). Kliko (funksioni () (if (jQuery (kjo) .prind (). Tjetra (".rm_options"). css ("display") === "asnjë") (jQuery (kjo) .removeClass ("joaktive"). addClass ("aktive"). fëmijët ("img"). removeClass (" joaktive "). addClass (" aktive ");) else (jQuery (kjo) .removeClass (" aktive "). addClass (" joaktive "). fëmijët (" img "). removeClass (" aktive "). addClass (" joaktive ");) jQuery (kjo) .parent (). Next (". rm_options "). slideToggle (" i ngadalshëm");));));
Çfarë bën ky kod? Pasi të ngarkohet DOM, të gjitha blloqet me klasën "rm_options" shemben. Më pas, kur klikoni në ikonën plus, hiqet klasa "joaktive" dhe shtohet klasa "aktive", e cila zëvendëson ikonën me shenjën minus. Kur klikoni përsëri këtë ikonë, ndodh procesi i kundërt. Për të palosur / shpalosur blloqet, përdoret një funksion mjaft i thjeshtë jQuery slideToggle. Për të lidhur këtë skript me faqen, ne do të përdorim funksionin tashmë të njohur mytheme_add_init (), e ndryshojmë atë si më poshtë:
Funksioni mytheme_add_init () ($ file_dir = get_bloginfo ("directory_template"); wp_enqueue_style ("funksionet", $ file_dir. "/ Funksionet / style.css", false, "1.0", "të gjitha"); wp_enqueue_script ("rm_script", $ file_dir. "/ funksionet / script.js", false, "1.0");)
Pas kësaj, skenari duhet të funksionojë. Shikoni se si duket në faqe:
Hapi 12
Tani që faqja jonë e cilësimeve është plotësisht gati, ka pak më shumë për të treguar rreth përdorimit të vetë cilësimeve. Kodi për përdorimin e parametrave duket si ky:
$ var = get_option ("nt_colur_scheme");
Me ndihmën e tij, ne do të jemi në gjendje të zbatojmë një ndryshim në skemën e ngjyrave të faqes. Është shumë e thjeshtë:
/ * Ndryshoni skedarin CSS në varësi të ngjyrës së zgjedhur * / /.css "/> / * Shfaqni tekstin në fund, mund të përdorni etiketat HTML * /
Shtrirja është e kufizuar vetëm nga imagjinata juaj.
Me këtë artikull, unë vazhdoj një seri mësimesh për krijimin e faqeve të internetit në motorin WordPress. Pas instalimit të një teme të re në blog, do të na duhet ta personalizojmë për t'iu përshtatur nevojave tona. Kjo nuk është aspak e vështirë për t'u bërë. Por për redaktimi i shabllonit të WordPress, ju duhet, të paktën, të dini se si funksionon dhe cilat skedarë janë përgjegjës për çfarë. Pas ekzaminimit Struktura e shabllonit të WordPress dhe me njohuri bazë të HTML dhe CSS, tashmë mund të modifikoni shabllonin e temës, duke ndryshuar pamjen dhe funksionalitetin e tij. Por gjërat e para së pari.
Menjëherë pas instalimit të një teme të re, blogu juaj nuk ka gjasa të duket tërheqës. Për ta rregulluar këtë, ju duhet të personalizoni temën tuaj të WordPress duke shtuar dhe organizuar të gjithë elementët e nevojshëm në faqet e blogut tuaj. Pra, le të zbresim në personalizimi i shabllonit tuaj të temës WordPress.
Vendosja e një teme WordPress (shabllon).
Le të hyjmë Shiriti i veglave() WordPress dhe ne do të vazhdojmë ta studiojmë atë, duke shqyrtuar në detaje të gjitha pikat e seksionit "Dizajn", i cili është përgjegjës për shfaqjen dhe redaktimin e shabllonit të WordPress:
Skeda tjetër është "Widgets". Kur të kaloni në të, fotografia e mëposhtme do të hapet para nesh:
Në anën e majtë ne shohim gjithçka " Miniaplikacionet e disponueshme“: RSS, Arkivat, Kalendari, Gjetja, Etiketimi i Cloud, Postimet e fundit, Kategoritë, Teksti, etj. Shiriti anësor i blogut tregohet skematikisht në të djathtë. Në varësi të strukturës së strukturës së shabllonit të WordPress, mund të ketë një ose disa shirita anësor. Në një blog, duket si një shirit anësor i vendosur në të djathtë ose në të majtë, dhe ndoshta në të dy anët në të njëjtën kohë.
Për të mbushur shiritin anësor me miniaplikacionet e nevojshme, thjesht duhet të zgjedhim miniaplikacionin e kërkuar me butonin e majtë të miut dhe, duke e mbajtur atë, tërhiqni miniaplikacionin në shiritin anësor që na nevojitet. Në të njëjtën mënyrë, ju mund të lëvizni miniaplikacionet lart ose poshtë në vetë shiritin anësor.
Ajo që përfaqëson secili prej miniaplikacioneve është mjaft e qartë nga emrat e tyre. Miniaplikacioni "Text" meriton vëmendje të veçantë. Zhvendosja e tij në shiritin anësor do të hapë fushat e futjes së të dhënave dhe të titullit. Këtu mund të futni tekst të thjeshtë me fotografi dhe kode të ndryshme HTML. Për shembull, numëruesit e statistikave, njësitë e reklamave dhe banderolat, formularët e abonimit, etj. Pasi të keni plotësuar ose modifikuar miniaplikacionin "Tekst", klikoni butonin "Ruaj" që ndryshimet të hyjnë në fuqi. Ju mund të fshini miniaplikacionet e panevojshme duke klikuar butonin "Fshi" ose duke i tërhequr ato përsëri në " Miniaplikacionet e disponueshme“. Nëse ju duhet të çaktivizoni përkohësisht një miniaplikacion, ndërkohë që ruani të gjitha cilësimet e tij për përdorim në të ardhmen, tërhiqeni këtë miniaplikacion majtas poshtë te " Miniaplikacionet joaktive“. Ju mund ta ktheni atë në çdo kohë.
Më pas vjen skeda "Menu". Duke e hapur atë, ne arrijmë në faqen për krijimin e menusë tuaj të blogut me një përshkrim të hollësishëm se si ta bëni atë. Në meny, ju mund të përfshini kategori, faqe dhe lidhje arbitrare duke i renditur në rendin e kërkuar, thjesht duke zvarritur dhe hedhur. Duke klikuar butonin "Ruaj menynë", do të krijohet menyja e blogut.
Që menyja e krijuar të shfaqet në shiritin anësor, duhet të shkoni te skeda "Widgets" dhe të tërhiqni miniaplikacionin " Menuja e vet"Në shiritin anësor. Prandaj, nëse keni aktivizuar miniaplikacionet "Kategoritë" dhe "Faqet" në blogun tuaj, mund t'i çaktivizoni ato. Duhet të them që pak njerëz përdorin menunë në blog.
Skeda e fundit "Redaktori" ju lejon të redaktoni skedarët tuaj të shabllonit të WordPress. Duke e hapur atë, në të djathtë do të shihni një listë të të gjithë skedarëve të shabllonit të WordPress, domethënë strukturën e tij. Kur klikoni në ndonjë nga këta skedarë, përmbajtja e tij do të hapet në një dritare për modifikim. Pasi të keni bërë ndryshimet e nevojshme, mos harroni t'i konfirmoni ato duke klikuar butonin "Përditëso skedarin".
Pra, ne studiuam seksionin "Dizajn" në panelin e administratorit të blogut tonë dhe kuptuam cilësimet për temën (shabllonin) e WordPress.
Vlen të përmendet se pothuajse çdo temë moderne ka opsionet e veta të personalizimit. Zakonisht ato vendosen në panelin e administratorit në një seksion të veçantë me emrin e temës.
Ndonjëherë cilësimet e personalizuara për një shabllon teme WordPress gjenden si artikuj të veçantë në seksionin "Dizajn".
Mënyra se si të personalizoni një temë të veçantë duhet të përshkruhet në detaje në faqen e internetit të zhvilluesit ose lokalizuesit të shabllonit nga e keni shkarkuar atë. Përshtatja e temës së WordPress ju lejon të ndryshoni me lehtësi, pa ndërhyrë në kodin burimor të shabllonit, elementët e dizajnit të faqes (logon, sfond, fontet, vendndodhjet e shiritit anësor, etj.), të futni banderola, butona të mediave sociale dhe RSS, numëruesit e statistikave, blloqe reklamash dhe shumë më tepër. Unë ju këshilloj që t'i studioni me kujdes këto cilësime, veçanërisht nëse jeni i ri në HTML dhe CSS.
Kujdes! Është e rëndësishme të dini se nëse keni bërë ndryshime në cilësimet individuale të shabllonit, atëherë kur instaloni një temë të re, këto cilësime duhet të kthehen në gjendjen e tyre origjinale. Zakonisht për këto qëllime ka butona "Rivendos" ose " Rikthe në parazgjedhje“, Në varësi të temës së WordPress që zgjidhni.
Tani le të shohim se nga cilat skedarë përbëhet shablloni i temës, të shqyrtojmë strukturën e tij.
Secili prej skedarëve të shabllonit të WordPress është përgjegjës për stilimin e blloqeve individuale në faqen e internetit të faqes në internet. Më pas, si një konstruktor, këto blloqe mblidhen në një faqe të vetme të tërë blogu. Meqenëse temat (shabllonet) e WordPress janë krijuar nga zhvillues të ndryshëm, struktura e këtyre shablloneve mund të jetë e ndryshme. Disa skedarë shabllonesh temash kërkohet të jenë të pranishëm në çdo faqe interneti, të tjerët shfaqen vetëm në raste të caktuara.
Në imazhin e mëposhtëm, mund të shihni strukturën e përafërt të një shablloni të WordPress.
Këtu është një listë e skedarëve që gjenden zakonisht në të gjitha shabllonet dhe përshkrimi i tyre i shkurtër:
- header.php (header) - i pranishëm në të gjitha faqet e internetit dhe është përgjegjës për shfaqjen e pjesës së sipërme të faqes.
- index.php - përgjegjës për shfaqjen e përmbajtjes së faqes kryesore.
- single.php - Shfaq çdo artikull specifik.
- page.php - përmbajtja e faqes statike të faqes.
- kategori.php - skedar për nxjerrjen e postimeve të një kategorie të caktuar.
- tag.php - shfaq një arkiv të postimeve sipas etiketave.
- archive.php - arkiv i përkohshëm i artikujve (për një muaj ose një vit). Ndonjëherë ky skedar zëvendëson kategorinë.php dhe tag.php.
- search.php - Shfaq të dhënat e rezultateve të kërkimit të faqes.
- comments.php - skedari i shabllonit të komenteve.
- sidebar.php - shiriti anësor i faqes ku ndodhen miniaplikacionet. Mund të ketë disa shirita anësor, në varësi të strukturës së shabllonit të WordPress. Ky skedar është i pranishëm në të gjitha faqet e sajtit.
- 404.php është një skedar gabimi 404 që shfaqet nëse një adresë e gabuar e faqes në internet është futur ose nëse ajo nuk ekziston.
- functions.php - ky skedar zakonisht përmban funksione që thirren kur shfaqet faqja ose kur punon me panelin e administratorit.
- footer.php (footer) - fundi i faqes, është i pranishëm në të gjitha faqet e tij. Ne e shikuam tashmë këtë skedar shabllon të WordPress kur hoqëm ato të padëshiruara prej tij.
- style.css - një skedar i fletës së stilit që është përgjegjës për dizajnin e jashtëm të faqes.
Tani duke e ditur Struktura e shabllonit të WordPress dhe për çfarë është përgjegjës secili skedar i tij, ju mund të ndryshoni pamjen dhe funksionalitetin e një pjese të caktuar të faqes.
Është e rëndësishme të kuptohet se pa të paktën disa njohuri bazë të HTML dhe CSS, është mirë të mos përpiqeni të redaktoni skedarët e temës (shabllonit) të WordPress. Dhe në rast se ende keni nevojë të redaktoni ndonjë skedar shabllon, sigurohuni që së pari të bëni një kopje rezervë të tij. Pastaj, nëse diçka shkon keq, gjithmonë mund ta rivendosni skedarin origjinal.
Vetë e vërej këtë modifikoni shabllonin e WordPressështë më i përshtatshëm jo nga zona e administratorit të blogut, por duke hapur skedarin në Notepad ++ duke përdorur një lidhje me serverin pritës përmes një klienti FTP. Ju mund të lexoni se si ta bëni këtë në artikullin "".
Dhe kjo është e gjitha për sot. Tani faqja që keni krijuar do të duket shumë më tërheqëse. Shihemi në faqet e blogut.
Lini komentet tuaja dhe mos harroni të klikoni në butonat e mediave sociale në fund të artikullit, në këtë mënyrë ju do të ndihmoni zhvillimin e këtij blogu. Faleminderit paraprakisht!
Kemi publikuar një libër të ri, "Marketingu i përmbajtjes në mediat sociale: Si të hyni në krye të abonentëve dhe të bini në dashuri me markën tuaj".
Funksionimi i temave të fëmijëve ("vajzat") bazohet në marrëdhëniet e tyre me prindërit ("prindërit"). Është e rëndësishme të merret parasysh se temat falas dhe me pagesë janë fillimisht prindër, prandaj, vajza kopjon parametrat dhe vetitë e tyre, dhe gjithashtu merr një grup standard të funksioneve të saj. Në të ardhmen, duke marrë parasysh nevojat e një burimi specifik të internetit, grupi i këtyre opsioneve mund të zgjerohet.
Nëse prekim terminologjinë, atëherë bëhet fjalë për një temë të veçantë që merr kuptimet e një tjetri, që vepron si prind. Pse janë krijuar? Për të modifikuar temat ekzistuese të WordPress dhe për të rritur numrin e tyre.
Cili është ndryshimi midis "vajzës"
Tema e fëmijëve të Wordpress hap aftësinë për të bërë ndryshimet dhe rregullimet e nevojshme. Më pas, ne do të shikojmë se si ta krijojmë atë, por para kësaj, le të hedhim një vështrim në dallimet kryesore të tij:
- Ndryshimet e bëra në modifikimin e prindit nuk prekin fëmijën. Nga kjo rezulton se pas zhvillimit ata janë të pavarur nga njëri-tjetri.
- Derivati funksionon vetëm nëse prindi është i instaluar dhe aktivizimi i tij ndodh më vonë.
- Filialet janë të lidhura vetëm me bazën e tyre dhe nuk janë të ndërlidhura as me njërën, as me tjetrën.
A është i përshtatshëm për të punuar
Një temë për fëmijë WordPress është një ide e shkëlqyer me shumë përfitime. Personalisht, ne do ta rekomandonim atë si një paketë standarde me produkte premium. Këtu janë vetëm disa nga avantazhet:
- Ata ruajnë automatikisht rregullimet tuaja. Falë kësaj, ju mund të bëni rregullime direkt në kod, pa rrezikun e humbjes ose humbjes së cilësimeve gjatë përditësimit.
- Puna me ta është një përgatitje e shkëlqyer për kalimin në shkrimin e kodit kryesor për variantet mëmë.
- Rrjedha e punës është përmirësuar. Me vetëm një kornizë tematike në dispozicionin tuaj, ju mund të krijoni faqe me kompleksitet dhe funksionalitet të ndryshëm.
Meqenëse kjo është një vazhdimësi e prindit, grupi i veçorive dhe funksioneve është identik këtu. Komponentët kryesorë:
- Drejtori (dosja / vendndodhja e përbërësve të skedarit).
- "Style.css", ku specifikohen vetitë bazë dhe ato shtesë.
- "Functions.php", ku shkruhet përkufizimi i funksioneve.
Nuk ka kufizime për shtimin e shablloneve, por përbërësit e listuar janë të detyrueshëm në cilindo.
Funksionimi
Vajzat janë të lokalizuara në një dosje të veçantë dhe kanë funksione të veçanta.php dhe style.css. Është gjithmonë e mundur të shkruash skedarë ndihmës, por kjo palë është përgjegjëse për funksionimin e duhur - pa defekte dhe probleme.
Me përdorimin e saktë të këtyre formateve, ju mund të modifikoni pothuajse çdo parametër fillestar, duke përfshirë stilin, artikujt individualë të paraqitjeve, skriptet, etj.
Pajisja e temës është e ngjashme me shtresat e redaktuesit të redaktuesve të fotografive. Nëse një përdorues viziton burimin tuaj të internetit, një "bijë" hapet para tij dhe më pas opsionet dhe stilet që mungojnë tashmë ngarkohen nga prindi. Në fund të fundit, shumica e kodit transmetohet nga prindi, por duhet të modifikohet për të pasqyruar cilësimet e fëmijës përpara se të përdoret.
Si të krijoni
Së pari, kontrolloni nëse keni gjithçka që ju nevojitet. Gjegjësisht, aksesi në FTP ose menaxheri i skedarëve, aksesi i hapur në vetë panelin e kontrollit të WordPress. Pra, le të fillojmë.
Hapi 1. Krijimi i një teme për fëmijë të WordPress
Ky është një proces mjaft i drejtpërdrejtë. Nëse ndiqni udhëzimet në detaje, çdo përdorues do ta zotërojë atë.
Para së gjithash, ne krijojmë një dosje për vajzën tonë në drejtorinë standarde. Për të mbajtur direktoriumin në rregull dhe për të organizuar përmbajtjen, është më mirë të emërtoni dosjen si "Emri i prindit + mbarimi i fëmijës". Për lehtësi, mund të shtoni emrin e një projekti për të cilin po krijojmë një temë. Gjëja kryesore është që emri i drejtorisë nuk ka hapësira, përndryshe mund të çojë në gabime. Një menaxher skedari ose klient FTP do t'ju ndihmojë të krijoni një dosje të re. Sot, një klient FTP si FileZilla e ka provuar veten mirë.
Për shembull, le të marrim "Twenty Seventeen" si bazë, e cila është e njohur për shumë njerëz. Unë preferoj të punoj me File Manager, kështu që rruga ime në dosjen e krijuar duket si kjo:
Ne bëjmë sa më poshtë:
Me siguri, ju jeni të bindur se krijimi është një proces i lehtë. Është e nevojshme vetëm të ndiqni rreptësisht udhëzimet dhe të punoni me qasjen e duhur.
Hapi # 2. Përshtatje
Për të filluar, modifikuar, plotësuar, përshtatur me kërkesat dhe kërkesat e faqes tuaj "bijë", duhet të konfiguroni saktë cilësimet. Do ta zgjidhim sipas radhës.
- Së pari ju duhet të personalizoni pamjen.
Për ta bërë këtë, ne do të bëjmë rregullime në "custom.css", i cili ndodhet në drejtori. Kjo mund të bëhet përmes një klienti FTP, një redaktuesi të rregullt teksti, një menaxheri skedari ose një redaktuesi special Wordpress (mund ta gjeni duke hapur "Pamja", më pas "Redaktori"). Këtu do t'ju duhet të paktën një njohuri minimale për rregullat për përdorimin e CSS, si dhe aftësinë e kontrollit të elementeve të faqes përmes shfletuesit. Për shembull, për të ndryshuar ngjyrën e sfondit në "style.css", ne shkruajmë rregullin e mëposhtëm CSS:
Fotografia tjetër tregon se si dizajni i faqes do të ndryshojë pas rregullimeve të bëra. Sfondi u kthye në jeshile të lehtë:
Kështu, ju mund të modifikoni çdo element ekzistues në sit.
2. Puna me funksionet.
Përdorimi dhe puna me "bijat" jep gjithashtu një avantazh të tillë si aftësia për të mbajtur dy "funksione.php" të pavarura. Kujtoni që këto skedarë përdoren për të hequr funksionet e vjetra dhe për të shtuar funksione të reja. Nëse janë aty, nuk duhet të shqetësoheni për sigurinë apo problemet në punën e dokumentit. Edhe nëse baza rinovohet, ajo do të mbetet e pandryshuar.
Për të shtuar një opsion të ri, kodi i ri PHP i shtohet skedarit. Për shembull, kodi më poshtë do të heqë opsionin e kërkimit të WordPress.
Shërbime speciale për të lehtësuar punën e zhvilluesit
Për të lehtësuar procesin e krijimit, mund të përdorni një numër shtojcash speciale. Biblioteka e WordPress ofron një shumëllojshmëri të gjerë shtojcash, shumica e të cilave janë falas për t'u përdorur. Përdorimi i shtojcave thjeshton shumë procesin e zhvillimit. Le të hedhim një vështrim në shtojcat më të njohura.
- Fëmija Themify.
Është shtojca më e thjeshtë dhe më e lehtë për t'u përdorur me një ndërfaqe intuitive. Shumë cilësime këtu mund të bëhen me klikimin e një butoni.
2. Konfigurimi i temës së fëmijëve.
Këtu mund të krijoni edhe një "bijë", dhe duhen vetëm disa klikime. Redaktori CSS është mjaft i fuqishëm për të lejuar personalizim të avancuar. Shtojca identifikon automatikisht rregullat kryesore të CSS dhe nuk i ndikon ato gjatë redaktimit.
3._fëmijë Tema Boilerplate.
Këtu janë shabllonet e gatshme për formimin e "bijave". Shablloni thjesht quhet "_child" - dhe është krijuar posaçërisht për t'i lehtësuar gjërat. Shablloni ofron një temë intuitive, gjithçka që duhet të bëni është të siguroni një lidhje me "prindin". Ky lloj shabllon ju lejon të krijoni opsione profesionale - 2 skedarë të gatshëm tashmë janë krijuar këtu, standardi "functions.php" dhe "style.css".
I pari ka një funksion të veçantë të quajtur "aa_enqueue_styles ()". Ky opsion ju lejon të krijoni një radhë fletësh stilesh, me prindërit fillimisht dhe më pas fëmijët. Si rezultat, stili i kësaj të fundit përcaktohet gjithmonë i pari.
Shumica e zhvilluesve i bashkojnë këto tabela së bashku në CSS, por kjo bën më shumë dëm sesa mirë. Shfletuesi fillon të ngarkojë faqen për një kohë të gjatë, sepse është e nevojshme të ngarkohen stilet fillimisht nga "prindi", dhe më pas nga derivati. Ndarja e fletëve të stilit do ta bëjë detyrën e shfletuesit më të lehtë dhe shpejtësinë e ngarkimit më të shpejtë.
Këtu është kodi për të shtuar këtë opsion:
Skedari i dytë ka një kokë bazë që përmban informacione specifike. Ky informacion lejon WordPress ta njohë atë si një fletë stili "bijë". Prandaj, është veçanërisht e rëndësishme të shkruani kodin për "style.css":
Le të përmbledhim
Nuk ka rëndësi niveli i aftësive programuese, si dhe përvoja me Wordpress. Është e lehtë të krijosh një temë fëmijësh të WordPress dhe nuk ka rrezik që cilësimet të fshihen pas daljes. Duke shkruar një kod të vogël ose duke bërë ndryshime në të shkruarat tashmë dhe duke kryer veprime të thjeshta me drejtorinë, mund të ndryshoni faqen tuaj. Gjëja kryesore është të ndiqni udhëzimet, duke lëvizur gradualisht nga një pikë në tjetrën. Mos harroni sa vijon: nëse ka përditësime për "prindin", "vajza" nuk ndryshon, ky rregull zbatohet për ndryshimet në përmbajtje, cilësimet, etj.
Eksperimentoni, provoni opsione të ndryshme dhe kërkoni më të mirën për veten tuaj.
Nëse përdorni tema të shkarkuara, atëherë me siguri keni takuar një faqe të tillë që është e disponueshme në panelin e administratorit dhe me ndihmën e saj mund të personalizoni temën pa modifikuar kodin e vetë temës.
Faqe të tilla shpesh krijohen për të lehtësuar jetën e përdoruesve të një teme të caktuar. Falë faqes së cilësimeve të temave, përdoruesi mund të shfaqë dhe fshehë blloqe të caktuara, të ndryshojë pozicionin e shiritit anësor, skemat e ngjyrave, të shtojë stilet e veta, të tregojë rrugën drejt imazheve të reja, etj. Gjithçka kufizohet vetëm nga imagjinata e atij që krijoi një faqe të tillë për temën.
Nëse jeni duke krijuar një temë për shitje ose thjesht dëshironi ta bëni jetën tuaj më të lehtë, atëherë kjo metodë mund të jetë e dobishme për ju. Në një nga mësimet kam shkruar se mund të shfaqësh metrikë (numërues vizitorësh), reklama etj., përmes widget-eve, duke krijuar vende të veçanta për to. Duke përdorur faqen e cilësimeve të temës, mund të krijoni të njëjtat fusha në të cilat mund të futni çdo tekst, kod ose lidhje.
Në përgjithësi, do të keni opsione shtesë teme që mund t'i bëni vetë pa një shtojcë. Duket diçka si kjo:
Do të shkruaj për disa elementë të një faqeje të tillë dhe do të shpjegoj se si t'i përdor ato. Kam krijuar një faqe nga një mori të tjerash. Gjeta shumë të ndryshme, por në secilën kishte diçka që nuk më përshtatej ose nuk funksiononte. Në njërën nuk kishte kuti kontrolli, kuti kontrolli, në të dytën nuk kishte asnjë mesazh se cilësimet ishin ruajtur, një tufë tekstesh shtesë, etj. Pasi u ula për një kohë dhe kuptova se çfarë po ndodhte, mora faqen time në të cilën mund të shtoni dhe hiqni elementë pa asnjë problem.
Le të fillojmë të krijojmë faqen tonë të cilësimeve.
Për të filluar, duhet të vendosni saktësisht se si e lidhni kodin e faqes. Ka dy opsione.
E para është e thjeshtë, ne i shtojmë gjithçka në fundin tuaj funksionet.php pas ?> kjo eshte e gjitha.
Mënyra e dytë - ju duhet të krijoni një skedar cilësimet.php dhe shtoni të gjithë kodin në të, pasi ta lidhni funksionet.php në mënyrën e mëposhtme.
Përfshi ("/ settings.php");
Kur do të krijoni cilësimet.php, përpara se të shtoni kodin në të, sigurohuni që të ruhet në kodimin e duhur - UTF-8 pa BOM... Redaktimi i skedarit bëhet më së miri me Notepadd ++.
Tani fillojmë të shtojmë vetë kodin. Së pari, le të regjistrojmë funksionin tonë.
Tani le të shtojmë faqen tonë në panelin e administratorit në menynë në të majtë.
// Shtoni faqen e cilësimeve në funksionin e menusë add_settings_page () (add_menu_page (__ ("Opsionet e temave"), __ ("Opsionet e temave"), "manage_options", "settings", "theme_settings_page");) // Shto veprime add_action ( "admin_init", "theme_settings_init"); add_action ("menu_admin", "faqe_shtimi i cilësimeve");
Tani, kur të hyni në pjesën e administratorit, do të shihni një artikull të tillë në menynë e administratorit. Kjo do të jetë faqja jonë e cilësimeve.
Le të shtojmë veprimet dhe funksionin e ruajtjes së opsioneve të faqes sonë
// Ruaj funksionin e cilësimeve theme_settings_page () (global $ select_options; if (! Isset ($ _ REQUEST ["settings-updated"])) $ _REQUEST ["settings-updated"] = false;?>
Tani le të fillojmë të shtojmë kodin që do të shfaqë elementët e faqes sonë. Krijoni një div dhe shtoni blloqe brenda tij.
Elementi i parë do të jetë emri i faqes, i cili do të shfaqet në fillim, pastaj një bllok, brenda të cilit do të shfaqet një mesazh që thotë se cilësimet janë ruajtur.
Personalizimi i temës
cilësimet janë ruajtur
Tani i gjithë kodi është
Personalizimi i temës
cilësimet janë ruajtur
Faqja e cilësimeve është gati. Ju mund të shikoni rezultatin e përfunduar. Më pas, duhet t'i shfaqim rezultatet në vendet e duhura në temë, pastaj atë që do të zgjedhim ose futim në opsionet.
Për ta bërë këtë, së pari duhet të aktivizoni funksionin tonë
Ky rresht duhet të shkruhet çdo herë përpara se të shfaqet opsioni.
Menjëherë pas nisjes, shtoni daljen e vetë opsionit. Duket pothuajse e njëjtë për fushat e tekstit dhe fushat e hyrjes, gjëja kryesore është të specifikoni emrat e saktë, për të cilët kam shkruar tashmë shumë më lart.
Për një logo si kjo:
Rezultati i përfunduar do të jetë i tillë
Unë mendoj se kjo është e qartë. Nëse duam të nxjerrim vlerën nga faqja e cilësimeve, futni kodin e mësipërm në vendin e duhur, thjesht duke specifikuar saktë emrat. Pra, ne shfaqim për metrikën dhe flamurin, duke ndryshuar vetëm emrat në gjurmimi dhe baneri, mirë, ose ato që keni dalë, gjëja kryesore është që ato përkojnë me ato në faqen e cilësimeve.
Ju ende mund të bëni një mashtrim më shumë. Duke përdorur opsionin - Teksti në fund si shembull, unë sugjeroj të shtoni një kusht - nëse... Përfundimi është ky - fillimisht teksti në fund regjistrohet si parazgjedhje, por nëse përdoruesi fut diçka në faqen e cilësimeve, atëherë në vend të tekstit të paracaktuar, do të shfaqet ajo që përdoruesi ka specifikuar.
Për ta bërë këtë, duhet të shkruajmë kodin e mëposhtëm:
/ "title =" (! GJUHË:"rel =" faqen kryesore ">... Të gjitha të drejtat e rezervuara. Çdo përdorim i materialeve lejohet vetëm me një lidhje aktive me burimin
Për të shfaqur përmbajtjen nëse kutia e kontrollit është e shënuar, duhet të shkruani kodin e mëposhtëm. Ngjashëm me tekstin në fund, por vetëm gjysma e parë e kodit
Përmbajtja nëse kutia është e shënuar.
Ju mund të shtoni çdo përmbajtje. Fshehni dyshemenë e sitit, nëse është e nevojshme.
Tani mbetet për të shfaqur vetëm përmbajtjen e asaj që përdoruesi zgjedh nga lista. E kishim duke vendosur bllokun majtas ose djathtas
Këtu, si me tekstin në fund, ne do të përdorim kushtin - nëse... Ekzistojnë vetëm dy elementë në listën time, kështu që kushti është si më poshtë - nëse zgjidhet artikulli numër një (në të majtë), ne tregojmë një bllok me një pronë në stilet - noton: majtas;, përndryshe ne tregojmë një bllok prona e të cilit është - noton: djathtas;.
Blloku i majtë
Blloku në të djathtë
Në parim, gjithçka, unë tregova bazat. Mund të shtoni dhe hiqni artikuj, të ndryshoni gjithçka për veten tuaj dhe të krijoni diçka. Mësimi nuk është i lehtë dhe gjëja kryesore këtu është të mos ngatërroheni, por pasi të keni kuptuar dhe studiuar mirë, lehtë mund të krijoni faqe të tilla për të gjitha temat.
Kjo është e gjitha, faleminderit për vëmendjen tuaj. 🙂
