lettertype, verander je je deel 2: betreft de integratie van het lettertype,,,,,,,,,, deelt, delen, delen,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genaamd "verander je wordpress lettertype. Verander je wordpress - Deel 1: het gebruik van een plug - in het lettertype, dat ik je tijd, tijd, en zijn er minder beperkingen, en de snelle vooruitgang van de eigen is, als het niet het beste, Maar het is zeker de meest algemene CMS is.Uit de doos is het zeker niet perfect, maar je kunt het veranderen, maar je wil.In een handleiding, we door middel van een plug - in de toevoeging van het lettertype in je betreft.Nu, we zullen het lettertype opties rechtstreeks opgenomen in de mogelijkheden van thema 's, en wij zullen het gebruik van Google pagina lettertype, omdat het gemakkelijk, snel, het belangrijkste is, de vrijheid.Met Google pagina lettertype hoeft zich geen zorgen te maken over het gebruik van passende lettertype, alles is behandeld door Google, 1 stap nog een pagina 's, in de eerste plaats om ervoor te zorgen dat je een thema blz.Als je niet weet hoe je moet doen, stel ik voor het lezen van het creëren van Yar Clariant die pagina 's.In deze handleiding, ik neem aan dat je weet waar de kennis en de bouw.Laten we ons functions.php documenten in de toevoeging van een eenvoudige lettertype, blz.: add_action ("admin_menu", "my_fonts"); de functionele my_fonts () {add_theme_page ("type", "het lettertype", "edit_theme_options", "het lettertype", "de woorden");}, toevoeging van een Tabel, stap 2 we hebben nu nog een bladzijde, we de code weer functioneren, gebruiken we die pagina 's zelf, is de typografie,.Wat we nodig hebben is een elementaire vorm geeft een lijst van alle types en de gebruikers de mogelijkheid om ze te laten veranderen, functionele fonts () {?> < div = "pakket" > < di% GT% < BR > < /div > < H > het lettertype < /H > < formele methoden = "na" actie "optie. Php" > <?PHP wp_nonce_field (bijwerking van het lettertype ");?> <?PHP settings_fields ("type");?> <?PHP do_settings_sections ("type");?> <?PHP submit_button (); de???????> < /vorm > < /div > <?}, oké, laten we zeggen dat we de letters vormen van pagina 's, maar een aantal fundamentele, settings_fields wordpress,, maar heeft er geen idee van.Nu gebruiken we onze instellingen, admin_init, actie gestart, en de toevoeging van add_action ("call - back -: admin_init", "font_init"); de functionele font_init () {register_setting ("type", "het lettertype"); een deel van het gebied en de ///////add_settings_section ("font_section", "het lettertype" "," font_description ", het lettertype); add_settings_field (lichaam lettertype", "lichaam lettertype", "body_font_field", "het lettertype", "font_section");}, wat we moeten doen is het creëren van een vorm van de letters die voor ons en voor één enkel gebied lettertype, kan je nog meer als je wil deze training, kan ik alleen maar in het lichaam mee.Alleen nog een kopie van dat gebied meer en iets anders als H1 - in plaats van het lichaam.We hebben nu ook een lettertype, hier zullen we onze opties van de opgeslagen gegevens /lettertype.Laten we blijven van de functie, font_description,, body_font_field, font_description (functie) (ECHO, met gebruikmaking van de volgende formulieren "te veranderen in uw betreft lettertype."; body_font_field} functie () {% opties = (-) get_option ("type"); het lettertype = get_fonts ($); als Lid is (die optie ['body-font]) de huidige = dollar optie ['body-font]; andere lopende = "Arial" dollar.???????> < de keuze van het lettertype lettertype [orgaan] "> <?PHP voor (het lettertype voor dollar belangrijke = > $lettertype):???????Opties > < <?PHP als ($belangrijke = = $huidige) ECHO "keuze".???????> waarde = < "?PHP ECHO de belangrijkste;?> "> <?[naam] PHP ECHO lettertype.???????> < /opties > <?PHP endforeach;?> < /selectie > <?}, krijgen we het lettertype kiezen, we waren alleen aan het starten van actie, we hebben het lettertype, get_fonts ().In de huidige tekst wordt in de vorm van alle opties, of het in gebreke blijven van Ariel.En dan, met de voor de lus om door onze reeks beschikbare lettertype.Je kan er ook een beschrijving of een korte uitleg over het gebruik van het,, 3. Door het lettertype, zag je de code fragmenten, we hebben een definitie nodig van de functie, get_fonts () te verkrijgen, moeten we het lettertype.Je kunt met inbegrip van Google webfonts of de naleving van fundamentele CSS lettertype.We zullen het gebruik van een installatie voor de opslag van alle letters, dan gebruiken ze de naam van de letters om onderscheid te maken tussen hen.Je kan de letters, maar het doel van deze handleiding is, kunnen we het gebruik van Ariel, ubuntu en kreeft, functionele get_fonts () {% lettertype "Arial" = = - - = = = = = = ((> "naam" > de "Times", "het lettertype" = > "", "de CSS = > het lettertype Arial sans serif:;"; "), 'ubuntu' = > - (" naam "= > 'ubuntu', 'lettertype = >" "in de URL (https://fonts.googleapis.com/css?De familie = 'ubuntu'); "," de CSS = > het lettertype familie: 'ubuntu' sans serif; ")," kreeft "= > - (" naam "= >" kreeft "," het lettertype "= >" "in de URL (https://fonts.googleapis.com/css?De familie = kreeft); "," de CSS = > het lettertype familie: "kreeft, cursief;") ("); apply_filters terug get_fonts, $lettertype);}, noot: je niet beperkt tot het gebruik van slechts webfonts Google.Als je denkt dat het gebruik van een zelfgemaakt lettertype, is door je FTP of de Amazone S3, en vervangen door invoer, @ @ lettertype veranderen, URL in je dossier met de letters, stap 4., toevoegen van de CSS, gebruik je een lettertype in in je CSS, je moet in je CSS dossier geschrapt. Webfonts, alle gevallen van Google.Dus, als we de telefoon om de invoer van 'ubuntu' lettertype, verspillen we geen extra 100 milliseconden kreeft lettertype is. En nu hebben we alle lettertype, creëren we een, wp_head, actie toe te voegen aan uw wordpress vormen.Als u meer dan één etiket van het script, slechts een herhaling van de code veranderd, maar de rekening van je lichaam "uitgegeven, add_action (" wp_head "," font_head "); de functionele font_head () {% opties = (-) get_option (" type "); het lettertype = get_fonts ($); body_key dollar =" Arial "; als lid is ($optie ['body-font]) body_key dollar = dollar'body-font optie [...]; als lid is ($lettertype dollar] [body_key)) {% body_font = $lettertype [body_key dollar]; print_" < stijl > "; ECHO $body_font ['font" ECHO "{").'css] [body_font dollar. "}; de ECHO "< /stijl >";}}, we in de eerste plaats om te controleren of het lettertype kiezen, als het niet werkt, dan het lettertype is standaard, Ariel.Nu we een afdruk van stijl etikettering, invoer tabel en de CSS - code.Wat doe je, dit is wat je moet aan het einde van de laatste letters:,, blz.,, de integriteit van de source code, voor wie dit alles heeft wat problemen.Hier is de integriteit van de bron, worden rechtstreeks naar de functions.php documenten <?///////wordpress lettertype veranderen - Deel 2: thema integratie /training //////////////WP. Alsjeblieft 福阿德马丁 krediet van deze handleiding, door een link naar de http://wp.tutsplus.com/tutorials/changing-the-fonts-of-your-wordpress-site-part-2-theme-integration//genieten.Add_action ("admin_menu", "my_fonts"); de functionele my_fonts () {add_theme_page ("type", "het lettertype", "edit_theme_options", "het lettertype", "het lettertype"); de VS () {} functie?> < div = "pakket" > < di% GT% < BR > < /div > < H > het lettertype < /H > < formele methoden = "na" actie "optie. Php" > <?PHP wp_nonce_field (bijwerking van het lettertype ");?> <?PHP settings_fields ("type");?> <?PHP do_settings_sections ("type");?> <?PHP submit_button (); de???????> < /vorm > < IMG style= "variabele rechten; de grens: 0;" src = "http://i.imgur.com/1qqjg.png" /> < /div > <?} add_action ("admin_init", "my_register_admin_settings"); de functionele my_register_admin_settings () {register_setting ("type", "het lettertype"); add_settings_section ("font_section", "het lettertype" "," font_description "," het lettertype "); add_settings_field (lichaam lettertype", "lichaam lettertype", "body_font_field", de fonts "," font_section "); add_settings_field (" H1 lettertype "," de eerste letters "," h1_font_field "," het lettertype "," font_section "); font_description (functie) (ECHO) met gebruikmaking van de volgende formulieren" te veranderen in uw betreft lettertype. "; get_fonts (functie)} {% (" - "Arial Font = = = = = = = > - (" naam "= >" Arial "," het lettertype "= >", "de CSS" = > het lettertype Arial sans serif; ":"),'ubuntu' = > - ("naam" = > 'ubuntu', 'lettertype = > "" in de URL (https://fonts.googleapis.com/css?De familie = 'ubuntu'); "," de CSS = > het lettertype familie: 'ubuntu' sans serif; ")," kreeft "= > - (" naam "= >" kreeft "," het lettertype "= >" "in de URL (https://fonts.googleapis.com/css?De familie = kreeft); "," de CSS = > het lettertype familie: "kreeft, cursief;") ("); apply_filters terug get_fonts", die de functie van het lettertype);} body_font_field () {% opties = (-) get_option ("type"); $lettertype = get_fonts (); en de elektrische stroom = "Arial"; als lid is ($optie ['body-font]) de huidige = dollar'body-font optie [is];?> < de keuze van het lettertype lettertype [orgaan] "> <?PHP voor (het lettertype voor dollar belangrijke = > $lettertype):???????Opties > < <?PHP als ($belangrijke = = $huidige) ECHO "keuze".???????> waarde = < "?PHP ECHO de belangrijkste;?> "> <?[naam] PHP ECHO lettertype.???????> < /opties > <?PHP endforeach;?> < /selectie > <?De functie van h1_font_field (}) {% opties = (-) get_option ("type"); het lettertype = get_fonts ($) huidige = "Arial"; de dollar; als lid is ($optie ['h1-font]) de huidige = dollar'h1-font optie [is];?> < de keuze van het lettertype [H1 lettertype] "> <?PHP voor (het lettertype voor dollar belangrijke = > $lettertype):???????Opties > < <?PHP als ($belangrijke = = $huidige) ECHO "keuze".???????> waarde = < "?PHP ECHO de belangrijkste;?> "> <?[naam] PHP ECHO lettertype.???????> < /opties > <?PHP endforeach;?> < /selectie > <?} add_action ("wp_head", "font_head"); de functionele font_head () {% opties = (-) get_option ("type"); $lettertype = get_fonts () body_key = "Arial"; de dollar; als lid is ($optie ['body-font]) body_key dollar = dollar'body-font optie []; als lid is ($lettertype dollar] [body_key)) {% body_font = $lettertype dollar] [body_key; ECHO < stijl > "; ECHO $body_font ['font]; ECHO 's lichaam (".'css] [body_font dollar. "}; de ECHO "< /stijl >";} $h1_key = "Arial"; als lid is ($optie ['h1-font]) h1_key dollar = dollar'h1-font optie [...]; als lid is ($lettertype dollar] [h1_key)) {% h1_key = $lettertype [h1_key dollar]; ECHO < stijl > "; ECHO $h1_key ['font]; ECHO H1 (".'css] [h1_key dollar. "}; de ECHO "< /stijl >";}}?>,, conclusies, en nu, moet je weten hoe je je nog het lettertype van pagina 's van Google webfonts gids naar de letters, en zal deze letters betreft.Als je een extra problemen of advies over zelfgemaakt lettertype, voel je vrij om een commentaar.,