Как да се свържете с шрифтове от Google шаблон WordPress на

Google Fonts - един от най-добрите ресурси е безплатен уеб шрифтове и Google дава няколко начина да ги внасят към вашия сайт. За съжаление, никой от тях не включва популярната WordPress двигателя. Това означава, че трябва или да използвате приставка за това много, или си цапаме ръцете, играейки с кода.

Добрата новина е, че можете да коригирате шрифта, от библиотеката на Google почти всяка WordPress тема без много излишни движения. Как точно - ние ще ви научи днес.

Има два варианта - да се свързват приставка или малко poshamanit functions.php на файла.

Но най-напред бих искал да се изброят предимствата и недостатъците на Google Fonts, че най-накрая са решили да ги използват в своите проекти или не.

Добри и лоши уеб шрифтове от Google

Що се отнася до уеб шрифтове, които Google - един от най-добрите възможности от гледна точка на производителността. Всички, защото на леката конструкция, както и кеширане на системата. Посетителите не трябва да се налага да чакат, за да започнете да Google-шрифтове, ако наскоро са посетили сайта, на който те се използват също. Популярни шрифтове като Open Sans, могат да подобрят ефективността на сайта си чрез намаляване на времето за зареждане.

Друга особеност е фактът, че Google позволява изтеглянето на тези шрифтове. така че можете да ги използвате във вашите планове.

Как да се свържете с шрифтове от Google шаблон WordPress на

Сред недостатъците може да се отбележи, че изборът на Google-шрифта е малък. много от тях са подобни един на друг. Вие трябва да прекарват много време на стремежа да се намери достоен, оригинален шрифт. Кирилица шрифтове за много малко.

В допълнение, има обичайните проблеми на сигурността - трябва да предоставите някои лични данни, когато инсталирате шрифтове от Google на сайта си.

Как да инсталирате Google шрифтове, използващи WordPress Plugin

Ако търсите плъгини, а след това първото нещо, за да видите в резултатите от търсенето - плъгини WP Google шрифтове и лесно уеб шрифтове от Google. Това е наистина най-добрият щепсела две.

Приставките не са най-доброто решение, за да инсталирате Google-шрифтовете на уеб сайта WordPress - не само по отношение на производителност, но и защото плъгините няма да ви позволи да изберете конкретни части от текста. Въпреки това, ако вие или вашият клиент е сигурен, че е по-добре да се използва плъгини, погледнете тези две опции.

Как да се свържете с шрифтове от Google шаблон WordPress на

Този щепсел позволява целеви специфични елементи като H1 заглавия, параграфи и цитати. Можете също така да получите опция по поръчка CSS за по-нататъшна работа с стиловете на отделните шрифтове на. Добавете и персонализиране на шрифтовете от Google на вашия WordPress сайт с този плъгин доста лесно.

Как да се свържете с шрифтове от Google шаблон WordPress на

Лесно уеб шрифтове от Google живее до неговото име, и прави Google Fonts настройка е супер лесно дори за начинаещи.

Правилният начин да инсталирате шрифтове от Google WordPress шаблон

В крайна сметка, ние стигаме до възможността да се отвори functions.php файл и се направят някои работи с кода. Преди да направите това, вие трябва да изберете шрифт от библиотеката на Google. За по-голяма Например, да се опита да вземе много популярен Open Sans.

След това трябва да изберете стил на шрифта - нормален, удебелен или курсив. в състояние да го направите сами сте :)

След като изберете стиловете, на Google ще ви даде част от кода. Нашите погледи както следва:

В допълнение, ние получихме CSS стил:

шрифт семейство: "Open Sans", безсерифен;

Сега е време да се отвори functions.php файла (пътя до файла: WP-съдържание / теми / yourtheme). В края на файла, добавете нова функция:

Ключът към тази функция е отбор "wp_enqueue_style", което го прави WordPress причина стил на шрифта лист в заглавната част на всяка страница. Ако се вгледате внимателно, ще видите, че сме отстранили HREF връзка = и относителна = "стилове" type'text / CSS ", от код, който Google ни е дал, и ще трябва да направят същото, ако искате да добавите друг Google-шрифта за вашия уеб сайт на WordPress.

Всичко, което трябва да направим сега е да отворите главното CSS файл и поставете стил Open Sans. След това използвайте общите правила, така че добавете следния код, за да стила лист, запазете и на опресняване:

тяло
<
шрифта: нормално 1em 'Open Sans, безсерифен;
цвят: # 313131;
>

Този стил ще работи в целия сайт. Отделните фрагменти от текст, можете да посочвате различен стил:

смел текст
<
шрифта: удебелен 1em 'Open Sans, безсерифен;
>

Както можете да видите, това е всъщност много прост. Опитайте и да провери резултата :)