Искате ли да добавите персонализирани шрифтове в WordPress?
Повярвайте ми, полицията също много голяма роля в блога ви и ще спечелите много, като добавите шрифт, адаптиран не само към контекста на вашия блог, но и към вашата WordPress тема.
В този урок ще ви покажа как да добавяте персонализирани шрифтове към вашия WordPress блог, използвайки Google Fonts, Typekit и CSS3.
Използването на персонализирани шрифтове в Теми на WordPress стана често срещано. Всъщност те са няколко Теми на WordPress които предлагат няколко шрифта за избор. Но зареждането на всички тези шрифтове едновременно може значително да забави зареждането на страницата.
И ако вашият блог е бавен, предлагам ви Някои решения за проблеми с производителността на WordPress
Това е една от причините, поради които ще го направим по правилния начин, като качим само потребителския шрифт, който искаме да използваме в блога.
Но на първо място, първо е важно да знаете как да търсите шрифтове, като същевременно се консултирате с 7 WordPress плъгини, за да вземете под ръка типографията на вашия блог
Как да намерите шрифтове и как да ги използвате в WordPress
Шрифтовете не са толкова разтегателни, колкото преди. Има обаче няколко източника, в които можете да намерите шрифтове като " Google Fonts "," Typekit "," FontSquirrel "А" Fonts.com ".
Как да добавите шрифт на Google шрифтове към WordPress
Google Fonts е много голяма библиотека от безплатни шрифтове, която можете да използвате в няколко проекта.
Просто трябва да получите достъп " Google Fonts И изберете шрифта по ваш избор. След това кликнете върху „ изберете този шрифт »В долния десен ъгъл на екрана ви се появява раздел.
Щракнете върху този раздел, който се разширява, както е на изображението по-горе. Ще можете да персонализирате стила на шрифта, който да включите, като щракнете върху Персонализиране, Трябва само да изберете стила, който искате да видите във вашия блог.
След това трябва да превъртите надолу до „ Закачете ". След това ще трябва да копирате кода, разположен в секцията " СТАНДАРТ ". Този код можете да добавите в " хедър От темата за вашето дете.
Това е всичко, за да добавите нов шрифт на Google към вашия блог на WordPress.
Как да добавите шрифта използвайки Typekit
Typekit е друга безплатна и премиум услуга, която предлага шрифтове, които можете да използвате и в различните си проекти. Те предлагат премиум абонаменти и безплатни абонаменти.
Трябва само да имате акаунт в Typekit и да създадете нов " комплект ".
След това ще трябва да изберете шрифта от библиотеката Typekit и да го добавите към вашия проект. След това вземете кода за вашия комплект и го добавете от таблото си за управление.
За да го добавите към таблото си за управление, просто трябва да инсталирате и активирате приставката " Типове шрифтове за WordPress ".
След активирането му просто трябва да влезете в " Настройки> Typekit шрифтове И поставете кода от вашия комплект в „ персонализирани правила за CSS ".
След това шрифтът може да се използва по същия начин, тоест като се посочи името на семейството за конкретни елементи или за целия документ.
Как да добавите шрифта използвайки CSS3 (@ шрифт в лице)
Най-прекият начин да вградите шрифт във вашия блог е да го добавите с помощта на "шрифтове" чрез CSS3. Този метод ви позволява да добавите какъвто и да е тип шрифт, който искате във вашия блог.
Първото нещо, което трябва да направите, е да изтеглите избрания от вас шрифт в уеб формат. Ако нямате този шрифт в уеб формат, можете да го конвертирате безплатно на " Генератор на ".
След като имате файловете във формата " мрежа », След това ще трябва да ги изпратите директно на вашия сървър. Силно препоръчвам да го добавите към " шрифтове От темата на вашето дете с помощта на FTP клиент (FileZilla е моята препоръка).
Ако искате да продължите в тази процедура, вижте нашия урок за Как да използвате FTP на Windows 10
Да се върнем към нашата цел.
След като приключите, можете да интегрирате шрифта по следния начин:
За да го използвате навсякъде, просто ще трябва да дефинирате името на шрифта, както сте посочили в " отдолу лицето »Предишен (вижте стойността на атрибута семейство шрифтове ).
Това е всичко, което трябваше да знаем за използването на CSS3 код. Трябва обаче да уточня, че методът с функционалността "font-face" е по-подходящ за разработчици.
Други решения и инструменти също се използват и препоръчват за управление или манипулиране на шрифтовете на вашия уебсайт.
Открийте и някои премиум приставки за WordPress
Можете да използвате други WordPress плъгини за да придадете модерен външен вид и да оптимизирате работата с вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. CommentPress
CommentPress е мощен компактен плъгин за WordPress, който ви позволява да вмъквате, редактирате и изтривате коментари бързо и лесно. CommentPress използва Ajax, jQuery и PHP, за да даде възможност на посетителите да вмъкват коментари, без да се налага да презареждат страницата.
Този плъгин има много опции за персонализиране, за да му придадете желания вид и външен вид. Той има капча за блокиране на нежелана поща и дава по-голяма сигурност на вашия раздел за коментари.
Основните му характеристики са: лесното вмъкване на коментари, възможността на потребителите да отговарят на конкретни коментари, странирането на коментари, пълно управление на администрирането на раздела за коментари, бутони за лесно вмъкване на изображения видеоклипове и връзки, напълно отзивчиво оформление, Captcha за осигуряване на формата и избягвайте спама и много повече.
Изтегляне | демонстрация | уеб хостинг
2. Галерия Еверест
Както подсказва името му, това е върхът на WordPress плъгини фото галерия премия. Този изключително адаптивен инструмент ще ви позволи да създавате галерии от всякакъв стил само за няколко минути.
Галерия Everest може да се използва за представяне на статии, персонализирани типове публикации, персонализирани таксономии/категории, Продукти на WooCommerce, персонализирани продукти, галерии с изображения и прикачени файлове, видеоклипове, продуктови характеристики, витрина на клиенти, портфолио, членове на екипа, екранни снимки и др ..., напълно отзивчиви.
Галерия Everest се предлага с пълна документация и повече от опции за 30 за напълно персонализиране външния вид на галерията. С наличните опции за персонализиране можете да използвате това WordPress плъгин да представя всичко лесно и ефектно.
Изтегляне | демонстрация | уеб хостинг
3. WP Media Manager
WP Media Manager е един от най-добрите и мощни WordPress плъгини управление на медийна библиотека. Той е страхотен в управлението на папки и лесното му използване ви позволява да организирате хилядите си медийни файлове.
Просто използвайте метода плъзгане и пускане, за да вмъкнете медийните файлове в папки / подпапки. Тази способност не само му позволява да подобри управлението на файлове, но също така му позволява да управлява папки. Което обикновено е задължително за начинаещите потребители.
Ce WordPress плъгин има функции като създаване на папки, филтриране на тези, 3 великолепни отзивчиви галерии, възможност за дублиране на файлове, създаване на неограничена йерархия и много други...
Изтегляне | демонстрация | уеб хостинг
Други препоръчани ресурси
Отидете по-далеч в използването на персонализирани шрифтове в WordPress, като се консултирате и с връзките или препоръчаните ресурси по-долу.
- Как да добавите ключови думи и мета описания в WordPress
- Как да добавите впечатляваща типография с TypeKit
- 7 WordPress плъгини за добавяне на плъзгач в блог
- 8 WordPress приставки за добавяне на система за превод в блог
- Други ресурси:
- Списък с основни неща за стартиране на блог
- 14 приставки за WordPress Elementor може да замени
- Цена на Elementor Pro 2023: Кой план е най-изгоден за вас?
- Как да създадете и покажете изскачащ прозорец чрез етикет за публикация в WordPress
- Най-добрите безплатни добавки за Elementor през 2023 г
- Как да създадете потребителски шрифт за вашия WordPress блог
Заключение
Така ! Това е всичко за този урок за най-добрия начин за добавяне на персонализирани шрифтове към WordPress. Ако имате някакви предложения или коментари, те ще бъдат добре дошли.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
N'' не се колебайте да го споделите на вашия различен социални мрежи, Ако имате Връзка или предложения, не се колебайте да ни кажете в секцията, запазена за тях.
...