Popularna sposobnosti u WordPress tema je dodati prilagođeni CSS pokreće mogućnosti. Prikazuje se zajednički pitanje, koliko bi trebao tema uvelo prilagođeni CSS? Ja ću opisati tri različite pristupe o tome kako to učiniti. To nisu novi, mnogi ljudi su pisali o tim; forumi, blog postovi, popise e-pošte i IRC. Ja sam još uvijek vidim na pitanja o tome ipak, pa sam htjela riješiti taj određeni pitanje sa konkretnim rješenjima.

Za potrebe kod primjera ću pretpostaviti da imate mogućnost zove my_background_color i da želiš raditi nešto ovako:

body {    ? Background-color: <php echo $ theme_opt [ 'my_background_color']; ?>}

Počet ćemo s najjednostavniji način.

header.php

Većina teme imaju header.php datoteku koja sadrži predložak broj za vrh HTML izlaz. To ga čini lako za dodavanje prilagođenog CSS s opcijama, samo ga jeka se unutar HEAD dijela HTML:

<Tip style = "text / css">body {    ? Background-color: <php echo $ theme_opt [ 'my_background_color']; ?>}</ Style>

Prednosti ovog pristupa je da je to vrlo jednostavno, već imate header.php tako da dodavanje još nekoliko redaka ne uzima puno posla. Nedostatak je da ovo rješenje nije vrlo fleksibilna, ako imate složenih pravila o tome kada i kako se uključiti CSS onda tvoj header.php datoteku dobiva puno extra "stvari" koje se ne mogu je potrebno za svaku stranicu.

Ako su vaše potrebe jednostavne, onda je ovo odlično funkcionira. Ako ne, ja predlažemo da koristite bilo wp_head ili parse_request.

wp_head

Svaka tema zove WordPress djelovanje na kraju odjeljka HTML HEAD - - koja se može koristiti da uključuje prilagođenu CSS:

<? PhpADD_ACTION ( 'wp_head', 'my_custom_css_hook');Funkcija my_custom_css_hook () {    # Dobili temu opcije?><Tip style = "text / css">body {    ? Background-color: <php echo $ theme_opt [ 'my_background_color']; ?>}</ Style><? Php}

Jedina prava razlika između ovog pristupa i prethodne je da je manje nereda u header.php. Umjesto da sve to kod u header.php to može biti premještena na posebnu datoteku i WordPress će ga uključiti u runtime kad god se wp_head akcijske požara.

parse_request

WordPress može pružiti svoju temu s prilagođenim URL-ova, te se može okrenuti oko sebe i služiti se sve ono što želite, uključujući i CSS. Ova tehnika zahtijeva malo više posla, ali pruža maksimalnu fleksibilnost. Postoji nekoliko koraka do ove, prvo što trebate imati u header.php:

<Link rel = "stylesheet" type = "text / css" href = "<php ​​bloginfo ( 'url');?> / Moja-custom-content = css" />

MY-custom-content = css samo treba biti nešto posebno za svoju temu, tako da nije u sukobu s dodataka koji bi mogli biti koriste parse_request kao dobro.

Zatim moramo reći WordPress kako želimo nositi taj zahtjev:

ADD_ACTION ( 'parse_request', 'my_custom_wp_request');funkcionirati my_custom_wp_request ($ wp) {    ako je (        ! Prazna ($ _GET [ 'moj-custom-content'])        && $ _GET [ 'Moj-custom-content'] == 'css'    ) {        # Dobili temu opcije        header ( "Content-Type: text / css");?>body {    ? Background-color: <php echo $ theme_opt [ 'my_background_color']; ?>}<? Php        izlaz;    }}

Nekoliko stvari u bilo koje želim istaknuti. Obratite pozornost na liniji 8, ovo govori preglednik vrste sadržaja šaljemo natrag. U ovom slučaju to je bio CSS, ali to bi mogao biti JavaScript ili bilo što drugo. Također imajte na umu da nisam dodati bilo zaglavlja predmemorija povezane, to je vrijedno čitanje gore na kontrolu cache u HTTP zaglavlja, tako da znate kako se to radi. Linija 16 je također važno, mi ne želimo WordPress pokušavali učiniti daljnje obrade nakon što smo se vratili CSS tako da je prava stvar za učiniti je izlaz u najkraćem mogućem roku.

A ako ste htjeli zadržati CSS u zasebnu datoteku (custom-css.php za naš primjer) koji je izgledao više kao normalan CSS datoteke tada my_custom_wp_request funkcija može izgledati ovako:

funkcionirati my_custom_wp_request ($ wp) {    ako je (        ! Prazna ($ _GET [ 'moj-custom-content'])        && $ _GET [ 'Moj-custom-content'] == 'css'    ) {        # Dobili temu opcije        header ( "Content-Type: text / css");        zahtijevaju dirname (__FILE__). '/custom-css.php';        izlaz;    }}

dopuštajući Vaše prilagođenu-css.php izgledati:

body {    ? Background-color: <php echo $ theme_opt [ 'my_background_color']; ?>}

u osnovi samo dovoljno PHP popuniti opcijskih praznine, druge mudar normalan gleda CSS datoteke. Radije poput ovog pristupa, pruža lijep stupanj odvajanja i kontrole.

Zaključak

Sada imate tri metode za uključujući baze podataka pokreće CSS WordPress teme. Volim koristeći parse_request sa CSS-u posebnoj datoteci (zadnji primjer), za malo dodatnog rada te dobiti puno fleksibilnosti i lijep sloj razdvajanja koja čini upravljanje CSS dio lakše.

Imajući sve savjete o tome kako poboljšati na ovo?