, het creëren van een mini - CSS - processor betreft kleur kiezen,,,,,,,,,, 60, 26 - eenheid,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, wordpress betreft, biedt de opdrachtgever via betreft aangepast, gemakkelijk te gebruiken van de gekozen thema 's systeem voor het creëren van een krachtig systeem.Op maat gemaakt, biedt een uitstekende preview van systemen en een grote algemene ervaring in de produktie, de definitie van opties kunnen worden verward.  ,, tijdens de les, ik zal je laten zien hoe vereenvoudigd is in een aangepaste CSS op de voorzijde van de kleur kiezen.Deze eenvoudige systeem kunnen worden toegepast op andere eigenschappen en de CSS.Dit betekent dat het gebruik van deze technologieën, kan je de opties die door andere methoden dan de thema 's aanpassen,.,, we proberen te vermijden, zijn kleur en andere opties, met inbegrip van thema' s aanpassen niet gemengde PHP en CSS.  , zoals:  ,, add_action ("wp_head", "slug_theme_customizer_css"); de functie van slug_theme_customizer_css () {?> < stijl = "tekst /CSS" > h1.site-title (kleur: <?PHP get_theme_mod ("'site_title_color", "# FF0000");?> kleur: {} h3.site-description <?PHP get_theme_mod ("'site_description_color", "miljoen" #);?>} < /stijl > <?}, dit deel van de code, de vraag is niet zuiver esthetische, of liever gezegd, het is moeilijk te lezen.Fouten maken is veel te makkelijk.Bijvoorbeeld, sluit de PHP etiketten, gesloten na een verklaring heeft de CSS:,???????>,, dit ziet er fout is, maar het is technisch correct.,,, en je krijgt alles wat je nodig hebt voor de start van deze functie variabele waarde van kleur, je moet ook open label waarde PHP in de CSS.Echter, dit is een goed begin.Kan de CSS kleur waarde voor de variabele, natuurlijk, het is een geweldige dingen met behulp van de CSS - processor, terwijl bij een rijpe fruit, of je kan een plug - in de processor betreft niet te doen, dit is de extreme omschakeling van verschillende variabelen de vloek van de waarde van de eenvoudige taak.Integendeel, ik zal je laten zien hoe je met een paar regels in de code van het thema van een eenvoudige pre -.,, een betere CSS -, het eerste wat je moet doen is het creëren van je betreft, een - dossiers aanpassen.Dit dossier echt kan worden verlengd, maar het geven van een uitbreiding van de CSS, betekent dat je de code... Of IDE zou het als een CSS dossier, om het gemakkelijker te maken om werk, customizer.css.,,, je kan je opnieuw, lelijke code van eerdere voorbeelden:,, h1.site-title een {kleur: [] h3.site-description {} site_title_color; kleur: [site_description_color];}, zie je, je kunt nu schrijven CSS lijkt de CSS.Je moet de vervanging van de naam van de waarde wordt vastgesteld, theme_mod aangepaste, tussen haakjes.Deze string zal in de plaats komen van onze pre - processor waarde uit de database.Hier, het belangrijkste is dat je je naam gebruikt als thema « plug­in » voor niet - verwerkte CSS je vervangende waarden.,,, bouw je pre - processor, de verwerker zelf is in feite heel eenvoudig omdat het je nodig, customizer.css inhoud,   en gebruik maken van de persoonlijke beschermingsmiddelen, str_replace (), ter vervanging van de waarde van de functie met aangepaste tussen haakjes de waarde van de in het hele systeem, met inbegrip van. En een gewone klas drie methoden en dergelijke, in functie, wp_head, produktie, verwerking en optimalisering van de CSS.Weet je nog, de code is moeten we alle gegevens opgeslagen in het thema « plug­in », dit is de standaard - thema 's aanpassen.Je zou moeten vervangen, get_theme_mod () () get_option,,, in de code, op basis van de specifieke behoeften van je. En, dit gebruik per cyclus, in elke manier.Als je niet vertrouwd zijn met de voor de cyclus, stel ik voor dat in het verkeer en de scala van mijn artikel gelezen.Trouwens, als je niet bekend bent met de PHP of gerichte PHP (BBP) in het algemeen, je moet naar Tom mcfarlin in de reeks van gerichte programma 's voor de,,,,, in je functions.php, of in een dossier, het creëren van een lege klas. Slug_theme_customizer_output ", ter vervanging van de thema' s van je unieke stop".Het moet zo slug_theme_customizer_output {}:,,,, de eerste van de klas methode zal in je die plug je thema 's, kan worden gebruikt, en elk thema vormen de standaard.Je elke vorm van netwerken, theme_mod = > standaard.Aan dezelfde instelling, en zal het zo:,, de functie theme_mods () {terugkeer ("site_title_color" = > de&#FF0000 "," site_description_color "= > de�");}, zou de volgende stap zijn de huidige waarde van elke, in een theme_mod, - kunnen we Ons met de werkelijke in pre - processor.Deze methode slechts toegang tot de waarde van elk van de belangrijkste, theme_mods (), als een van de eerste methode en parameters zijn aangenomen, is dit theme_mods naam, get_theme_mods () en de overdracht van de standaard als tweede argument, dat is als er geen instellingen betreft MOD terug.Het ziet er als volgt uit:,, de functie prepare_values () {% = ((); de kleur van de thema 's van de « plug­in » /laten we de standaard.Theme_mods dollar = dollar - > theme_mods (); /voor elk onderwerp MOD, MOD produktie betreft of de standaard.(theme_mods voor $theme_mod = > de kleur van de standaard) {% [] = get_theme_mod $theme_mod (theme_mod dollar. $standaard);} weer kleur;}, en nu zitten we in de vorm van een'theme_mod_name "= > in plaats van de waarde, zijn we klaar hier les. De laatste van de derde methode van de CSS.,, in de cyclus van de methode voor de,, we zijn door middel van gaf ons de sleutel en de waarde van de in de installatie als onafhankelijke variabele capaciteit.Dit is een zeer sterke PHP voor cyclische kenmerken, de noodzaak van een klein programma in elk van de structuur - en maken het leven eenvoudiger.,,, de eerste stap zal worden gebruikt, file_get_contents (), omschakeling, customizer.css, het document in een string en de opslag in een variabele.Omdat deze functie zal het dossier niet vinden, leiden tot een fatale fout, we moeten alle in de code voor de test om te kijken of er in alle documenten, op deze code.  , wordt ervan uitgegaan dat de customizer.css, is op dezelfde lijst van de categorieën, je moet de aanpassing van de structuur van de thema 's van je dossier.Dit is hoe we begonnen met deze methode:,, process () {$CSS = functie "; ///////wijziging van de naam en /of het standpunt van uw vraag te voldoen.Theme_customizer_file dollar = trailingslashit (dirname (__file__)). "Theme_customizer. CSS is bevestigd dat het dossier "; ///////bestaan.Als (file_exists ($theme_customizer_file)) {///////worden van de inhoud van het dossier.$CSS = file_get_contents ($theme_customizer_file);}}, die, zoals ik al eerder zei, het is verpakt in een controle van de documenten bestaat.Dit betekent dat het zal terugkeren, valse, als het dossier niet geladen.Weet je nog, wij moeten rekening houden met de mogelijkheden.,, nu hebben we de Wegwijzerdienst als een string, we moeten ons uit, prepare_values () vervangende waarde voor de wijze van installatie.Nogmaals, we zullen het gebruik van de bond voor de installatie, voor elke afzonderlijke variabele.Voor elk van theme_mod, tussen haakjes, in en dan kunnen we het gebruiken in plaats van in een string. Str_replace (CSS), zoals:,, /laten we kleuren.USD US - dollar - kleur = > ///////prepare_values (); de vervanging van kleuren.Voor de kleur van $theme_mod dollar = > $kleur) {% zoeken = "[".Theme_mod dollar. "] "; $CSS = str_replace ($zoeken, de kleur, de CSS);}, deze cyclus zal ons allemaal volledig effectieve CSS en kleur hexadecimale codes vervangen door de juiste naam tussen haakjes we betreft (Mod.De rest is verpakt in de stijl van de CSS passende etikettering, en dan terug naar:,, ///////- etikettering toe te voegen.$CSS = "< stijl =" tekst /CSS ">".- ".De Wegwijzerdienst dollar. ""."< /stijl > "; de terugkeer van de CSS;, van de verwerker, dat is alles.Nog een stap, links is de produktie van onze Wegwijzerdienst zelf.Om dit te doen, kunnen we het gebruik van een functie in de produktie, de lessen starten in de titel betreft.  , dit ziet er als volgt uit:,, add_action ("wp_head", "slug_theme_customizer_output"); de functionele slug_theme_customizer_output () {///////- laten we bestaan.Als (class_exists ("slug_theme_customizer_output") {///////- categorie van de CSS.Categorie = nieuwe slug_theme_customizer_output ($); $CSS = $soorten > process (); ///////veilig is, om ervoor te zorgen dat het proces voor de% quot%% quot% niet vals of iets anders dan een string.Als ($CSS & & is_string ($CSS)) {'}}} CSS;,, als je nog een oude methode, process (), als de CSS dossier niet laden is vals.Voor de uitlegging van deze mogelijkheid, in navolging van het proces (,), de waarde van het recht, en het is belangrijk om ervoor te zorgen dat het niet weer vals, en ook niet de terugkeer van een niet aan de touwtjes.,, extra optimaliseren, daar kunnen we het stoppen, ik wil dat de dingen beter.Het systeem werkt goed, maar het is ook veel gedaan voor de herhaalde behandeling volledig is,   op elke pagina van een gegevensbank laden.Persoonlijk, zou ik liever overslaan en loopt de hele categorie slechts van de database krijgt een string, om dit te bereiken kunnen we de herziening van de functie van de CSS in een kort te zijn.Dus, als we kunnen in het kort de waarde van de voorbehandeling overslaan, als het niet zo kunnen we de werking van het hele proces en opnieuw te zijn.De volgende wijziging van de output is na de functie:,, add_action ("wp_head", "slug_theme_customizer_output"); de functionele slug_theme_customizer_output (CSS) {///////voorbijgaande of wederopbouw.Als (valse = = = = = = = = = = = = = ($CSS = get_transient ("slug_theme_customizer_css")) {///////- laten we bestaan.Als (class_exists ("slug_theme_customizer_output") {///////- categorie van de CSS.Categorie = nieuwe slug_theme_customizer_output ($); $CSS = $soorten > ///////- proces (CSS); de volgende keer.Set_transient ("slug_theme_customizer_css, $CSS);}} ///////veilig is, om ervoor te zorgen dat het proces voor de% quot%% quot% niet vals of iets anders dan een string.Als ($CSS & & is_string ($CSS)) {'}} CSS;,, nu, als er een korte, slug_theme_customizer_css waarde, kan het direct doorgeven van ECHO, dezelfde test om ervoor te zorgen dat het geen nep is, of niet, na een string.De categorie pre - processor is niet geladen, is slechts een van de databank.Als de korte terugkeer, valse, werking van het proces en de waarde is, zijn de volgende keer. En, natuurlijk, we moeten ervoor zorgen dat wanneer we duidelijk niet de produktie betreft aanpassing vernieuwing kort dus de datum vaststellen.In de loop van wordpress zal, wanneer een bepaalde optie bijgewerkt.,, kunnen we gebruik maken van deze acties in de mogelijkheden voor opslag, aangezien de thema 's die de relevante thema' s.Bijvoorbeeld, twentyfourteen betreft wordt opgeslagen in theme_mods_twentyfourteen, opties.Dit is hoe we het gebruik van deze actie, moet duidelijk worden gemaakt dat we korte:,, /* * * * * * * - slug_theme_customizer_css van voorbijgaande aard betreft plug - ins.(*) ///////toegang tot de huidige thema 's naam.Betreft: get_stylesheet ($add_action ("); update_option_theme_mods_ {% betreft)", "slug_reset_theme_customizer_css_transient"); de functionele slug_reset_theme_customizer_css_transient () {delete_transient ("slug_theme_customizer_css");},, het gebruik en de verdere, en nu kan je je CSS, bijgewerkt en aangepast in de vorm van variabele betreft, er is één ding dat je moet rekening worden gehouden met een thema is het gebruik van modellen op veel plaatsen.  , bijvoorbeeld, wat niet in de thema 's, die voor elke kleur theme_mod, waardoor de keuze van overbelasting, hoe is de belangrijkste, de keuze van de kleuren van de tweede kleur en kleur?,, systeem, heb ik u laten zien hoe het hier alleen met de kleur van de selectie, de enige echt nuttig CSS - eigenschappen, de kleur, de kleur, de kleur, de,, als je zou kunnen worden uitgebreid tot andere soorten statistieken nuttig zijn.  , onthoud, niet opnieuw sass of niet, dit zijn om te voorkomen dat de inflatie betreft en een volledige uitvoering van de PHP sass of een beetje minder, het kan bieden, en de « plug­in ».