{"id":230395,"date":"2022-12-09T12:32:00","date_gmt":"2022-12-09T09:32:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230395"},"modified":"2022-12-07T12:00:53","modified_gmt":"2022-12-07T09:00:53","slug":"kaasa-arvatud-kohandatud-fondid-wordpressi-pistikprogrammides","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/kaasa-arvatud-kohandatud-fondid-wordpressi-pistikprogrammides\/","title":{"rendered":"Kaasa arvatud kohandatud fondid WordPressi pistikprogrammides"},"content":{"rendered":"\n

Mida rohkem te veebiarendusega t\u00f6\u00f6tate, seda t\u00f5en\u00e4olisemalt n\u00e4ete inimesi, kes paluvad teil oma projekti kohandatud fonte lisada.<\/p>\n

M\u00f5nikord on see lihtne. N\u00e4iteks kui t\u00f6\u00f6tate millegi Google’i veebifondiga<\/a><\/strong>, saate stiililehele kleepimiseks vajaliku koodi h\u00f5lpsalt kopeerida.<\/p>\n

\"Kaasa<\/a><\/p>\n

Sageli n\u00e4eb kood v\u00e4lja umbes selline<\/a><\/strong> :<\/p>\n

<link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto\" rel=\"stylesheet\"> <\/code><\/pre>\n
Ja siis saate seda oma stiililehel kasutada j\u00e4rgmiselt<\/a> :<\/p>\n
font-family: 'Roboto', sans-serif;<\/code><\/pre>\n
Aga mis siis, kui keegi pakub teile fondide komplekti, mida ta soovib oma projektis kasutada ja mis on failivormingus ja mida ei hostita teatud t\u00fc\u00fcpi sisuedastusv\u00f5rgus?<\/p>\n
Kohandatud fondid WordPressi pistikprogrammides<\/h2>\n
Esiteks tasub m\u00e4rkida, et teatud fontide kasutamiseks oma projektides peavad need kuuluma konkreetse litsentsi alla. See ei ole postitus, mis k\u00e4sitleb erinevaid litsentsimise t\u00fc\u00fcpe, kuid veenduge, et teil oleks fondi jaoks luba.<\/p>\n
Teiseks pange t\u00e4hele, et fontidel on erinevad vormingud. Allolevas n\u00e4ites n\u00e4ete, et kasutan OpenType’i vormingut. Selle TL;DR versioon on j\u00e4rgmine:<\/p>\n
\n
OpenType’i vorming on olemasolevate TrueType’i ja Adobe\u00ae PostScript\u00ae Type 1 fondivormingute superkomplekt. See v\u00f5imaldab t\u00e4iustatud platvormidevahelist dokumentide teisaldatavust, rikkalikku keelelist tuge, v\u00f5imsaid t\u00fcpograafilisi v\u00f5imalusi ja lihtsustatud fondihaldusn\u00f5udeid.<\/p>\n<\/blockquote>\n
Huvi korral saab t\u00e4psemalt lugeda siit<\/a><\/strong>.<\/p>\n
Kolmandaks, mis puudutab nende fontide, laaditabelitega t\u00f6\u00f6tamist ja nende lisamist WordPressi pistikprogrammi konteksti, leian, et \u2013 nagu iga muu puhul \u2013 on asjade korrashoidmine oluline.<\/p>\n
Fontide korraldamine pistikprogrammis<\/h3>\n
Varade kataloogis on mul tavaliselt css-<\/strong> ja js<\/strong> – kataloog. M\u00f5nikord h\u00f5lmab see ka pilte<\/strong> ja selles n\u00e4ites ka fonte<\/strong>.<\/p>\n
\"Kaasa<\/a><\/p>\n
Kui fondid on \u00f5igesse kataloogi paigutatud, on neid v\u00e4ga lihtne oma stiililehele lisada. Esiteks m\u00e4\u00e4ratlete need j\u00e4rgmiselt<\/a><\/strong> :<\/p>\n
@font-face {\n    font-family: GothamLight;\n    src: url(\"..\/fonts\/Gotham-Light.otf\") format(\"opentype\");\n}\n\n@font-face {\n    font-family: ThirstyScriptMedium;\n    src: url(\"..\/fonts\/ThirstyScriptMedium.otf\") format(\"opentype\");\n}<\/code><\/pre>\n
Ja siis saate neid kasutada (koos korraliku tagavaraga) j\u00e4rgmiselt<\/a><\/strong> :<\/p>\n
#search_keywords {\n    background: #ffffff;\n    color: #151335;\n    font-family: 'GothamLight', sans-serif;\n}<\/code><\/pre>\n
T\u00e4ielikkuse huvides tasub m\u00e4rkida, et \u00fchendate laaditabelid lihtsalt nii, nagu teeksite pistikprogrammi k\u00f5ik muudki:<\/a><\/strong><\/p>\n
<?php\n\nadd_action('wp_enqueue_scripts', 'acme_enqueue_styles');\n\/**\n * Registers the stylesheet for the Acme Plugin Styles.\n *\/\nfunction acme_enqueue_styles()\n{\n    wp_enqueue_style(\n        'acme-visuals',\n        plugin_dir_url(dirname(__FILE__)).'assets\/css\/public.css',\n        [],\n        rand(),\n        'screen'\n    );\n}\n<\/code><\/pre>\n
See on k\u00f5ik.<\/p>\n
Lihtne postitus<\/h2>\n
Muidugi on seda k\u00f5ike lihtne j\u00e4lgida, kuid peamised t\u00e4helepanu v\u00e4\u00e4rivad punktid on j\u00e4rgmised:<\/p>\n