Како променити фонтове у ВордПресс-у и побољшати дизајн своје веб странице

Ако ваша веб локација ради на ВордПресс-у, можда ћете желети да прилагодите њен изглед и побољшате употребљивост. Једна од доступних опција је промена фонтова. Ако користите теме наведене у ВордПресс директоријуму, ваша веб локација бира подразумеване величине фонта и боје које је поставио дизајнер.

Међутим, не морате да се придржавате подразумеваних вредности. Промена фонтова у вашој ВордПресс теми може осигурати да клијенти примају информације како је предвиђено и да су такође очарани дизајном ваше веб локације. Овај чланак ће истражити различите приступе промени фонтова на вашој ВордПресс веб локацији.

Важност типографије и прилагођавања фонтова у ВордПресс-у

  • Различитост и јединственост: Да ли сте икада видели веб локацију и рекли себи: „Ово изгледа познато“? Иако већина веб локација користи теме из ВордПресс директоријума, своју веб локацију можете учинити јединственом променом величине фонта и боја.
  • Хијерархија и нагласак: Можете установити шта долази испред другог кроз диференцијацију фонтова. На пример, можете имати веће фонтове у Х1с и мање у Х2с.
  • Конзистентност и професионализам: својој ВордПресс веб локацији можете дати углађен изглед када користите конзистентан фонт. Такође можете променити боју фонта да се уклопи са бојама вашег бренда.
  • Приступачност: Промена фонта вашег сајта или страница може олакшати корисницима са оштећењем вида или другим инвалидитетом да читају садржај на вашем сајту.

Улога ЦСС-а у прилагођавању фонтова

ВордПресс је креиран помоћу ПХП-а, МиСКЛ-а, ХТМЛ-а, ЦСС-а и ЈаваСцрипт-а. Свака ВордПресс тема има стиле.цсс који контролише визуелни изглед и дизајн веб локација. На тај начин можете применити промене фонта које желите на вашој ВордПресс веб локацији користећи ову датотеку.

ЦСС вам омогућава да промените ствари као што су породица фонтова, величина, боја и размак на вашој ВордПресс веб локацији. За имплементацију оваквих промена потребно је основно ЦСС знање. Међутим, и даље можете да користите додатке ако не желите да пишете никакав ЦСС код.

Сада истражујемо неке приступе промени фонтова у ВордПресс-у.

ВордПресс Цустомизер

Ово је један од најлакших начина да промените фонтове на вашој ВордПресс веб локацији. Скоро све теме које су дизајниране у складу са стандардима ВордПресс-а имају уграђене функције које вам омогућавају да промените фонтове, боју фонта и величину фонта са неколико кликова.

  Обрнута претрага Снимак екрана из анимеа да бисте видели из које је серије

Неке теме ће вам омогућити да користите опцију ВордПресс прилагођавача. С друге стране, неке имају ограничене могућности, што вас приморава да истражите друге опције које ћемо истражити у другим приступима.

Уверите се да сте пријављени на свој ВордПресс, а затим следите ове кораке;

  • На левој страни ваше контролне табле кликните на падајући мени и изаберите „Изглед“.

  • Кликните на „Прилагоди“.

Напомена: Изглед вашег ВордПресс сајта може бити другачији у зависности од теме коју користите. У мом случају користим „ГенератеПресс Цхилд Девелопер Тхеме“.

  • Када кликнем на „Прилагоди“, добићу падајући мени где ћу изабрати „Типографија“

  • Сада можете да прилагодите своју веб локацију тако да одговара вашим потребама.

На пример, могу да изаберем „Тело“ које мења „Системске фонтове“. Подразумевано је ‘Систем Стацк’ и могу изабрати онај који одговара мојим потребама из падајућег менија.

Тхеме Едитор

Функција уређивача тема вам омогућава да уређујете различите датотеке у ВордПресс теми. Наш фокус ће бити на датотеци стиле.цсс јер вам омогућава да прилагодите фонтове.

Тачни кораци које треба да пратите могу се разликовати у зависности од теме коју користите. Још увек користим „ГП Девелопер Цхилд Тхеме“ у сврху демонстрације.

Можете пратити ове кораке;

  • У вашем „Мену“ кликните на „Изглед“, а затим на „Уређивач датотека теме“

  • Горњи корак ће отворити датотеку стиле.цсс у коју можете додати жељене стилове.

На пример, ако желите да промените фонт целог сајта у курзив, можете имати овај код;

/* Change Font to Italics */

body {

  font-style: italic;

}

Такође можете да се одлучите за уграђени ЦСС едитор да бисте извршили промене. Кликните на картицу „Додатни ЦСС“ и упишите свој ЦСС код.

На пример, можете имати нешто овако;

Кликните на дугме „Објави“ да бисте сачували промене.

Подесите фонт за појединачне странице

Овај приступ вам омогућава да прилагодите појединачну страницу или објаву на вашем ВордПресс сајту. Добар је избор када желите да се одређена страница издвоји од осталих.

Овај приступ можете користити за странице попут „Политика приватности“. На пример, могу да променим одређени Х1 на својој страници „Политика приватности“ тако да буде зелене боје и курзив. Да бих то постигао, следићу ове кораке;

  • Идите на моју контролну таблу и кликните на „Све странице“.
  • Одабраћу своју циљну страницу „Политика приватности“ и кликнути на „измени“
  • Кликните на „Текст“ уместо на картицу „Визуелно“ као што је приказано на овом снимку екрана
  9 АИ Хеадсхот генератора за професионалне фотографије из крупног плана

Ово је код који сам додао;

<h1 style="font-style: italic; color: green;">Heading For Demonstration Purposes</h1>

Када се страница прикаже, појавиће се на следећи начин;

Користите додатке

Ако нисте упућени у технологију или не волите кодирање, можете користити разне додатке за фонтове да бисте променили фонтове. Процес промене фонтова ће се разликовати од једног додатка до другог.

Да бисте почели да користите додатке за фонтове, идите на своју ВордПресс контролну таблу и изаберите „Додаци“, а затим „Додај ново“.

Сада можете да користите функцију „додатак за претрагу“ да изаберете свој циљни додатак.

Ово су неке од најбољих које можете користити;

#1. Сеед Фонтс

Сеед Фонтс је додатак за фонтове који вам омогућава да користите веб фонтове. Платформа има пет већ генерисаних тајландско-енглеских веб фонтова које можете да користите. Такође можете да користите Гоогле фонтове или да отпремите прилагођене. Сеед Фонтс је додатак отвореног кода и бесплатан је за коришћење.

#2. Користите било који фонт

Користите било који фонт омогућава вам да отпремите било које прилагођене фонтове на своју ВордПресс локацију чак и без знања о ЦСС-у. Такође имате могућност избора из 23.871+ унапред дефинисане колекције фонтова. Једини услов је да ваши фонтови буду у ттф, отф или вофф форматима.

Отпремите своје фонтове у једном формату, а додатак ће аутоматски генерисати све остале формате који су му потребни. Користи било који фонт ради на свим модерним прегледачима и различитим величинама екрана.

#3. Додатак за фонтове

Додатак за фонтове је додатак који вам омогућава да користите преко 1455 јединствених фонтова у библиотеци Гоогле фонтова. Додатак има функцију прегледа која вам омогућава да прегледате како ће се фонтови појавити на вашој веб локацији пре него што примените промене.

Додатак за фонтове ради са било којом темом ВордПресс-а и није вам потребно никакво знање о кодирању да бисте почели да га користите. Ако сте упознати са ЦСС-ом, можете креирати прилагођене бираче и контролисати како ће фонтови бити приказани на вашој ВордПресс веб локацији.

#4. МВ Фонт Цхангер

Додаци које смо до сада покрили фокусирају се на промену фонтова целог сајта. Међутим, можда ћете тражити боље искуство као власник/дизајнер веб локације. МВ Фонт Цхангер омогућава вам да промените фонтове на контролној табли и тему.

То је додатак који се лако користи са 30+ фонтова. Да бисте променили фонтове на својој теми, једноставно унесите ИД теме и класу. МВ Фонт Цхангер има 10.000+ активних инсталација и компатибилан је са ВордПресс 5.0 и новијим верзијама. Овај додатак је софтвер отвореног кода.

  11 Најбољи софтвер за време и наплату за менаџере тима

Како оптимизовати фонтове на ВордПресс-у

Добра веб локација треба брзо да се учитава. Можда имате најбржу тему у ВордПресс директоријуму. Међутим, додавање много мултимедије и фонтова може смањити брзину учитавања. Једини начин да се избегне ова појава је оптимизација фонтова. Ово су неки од најбољих приступа;

  • Отпремите више типова датотека: можете да сачувате своје фонтове у различитим форматима. Можете да отпремите различите формате и претраживач ће изабрати најбоље на основу карактеристика као што су величина екрана корисника и оперативни систем.
  • Отпремите само знакове који су вам потребни: Ако имате фонтове које нећете у великој мери користити на свом сајту, можете да отпремите само знакове који су вам потребни уместо целе библиотеке.
  • Хостујте своје фонтове на ЦДН-овима: Процес учитавања прилагођених фонтова може повећати величину вашег ВордПресс сајта. Мреже за испоруку садржаја (ЦДН) вам омогућавају да угостите фонтове на спољном серверу и повежете их само са вашом ВордПресс локацијом.
  • Користите ВордПресс кеширање: ВордПресс кеш чува податке које корисник често користи и служи их у будућности када поново посете веб локацију. Такав приступ повећава брзину утовара.

ФАКс

Како могу да одаберем праве фонтове за своју ВордПресс локацију?

Постоји неколико ствари које треба узети у обзир. На пример, морате узети у обзир имиџ свог бренда, укупан дизајн и циљну публику.

Да ли треба да знате кодирање да бисте променили фонтове у ВордПресс-у?

Не. ВордПресс је дизајниран да буде лак за употребу за нетехничаре. Можете променити фонтове са контролне табле ВордПресс-а без писања ниједног реда кода. Такође можете користити различите додатке за имплементацију различитих промена. Међутим, ако знате ЦСС, можете додати прилагођени ЦСС на своју ВордПресс локацију да бисте променили фонтове.

Можете ли да промените фонтове у одређеним областима ваше ВордПресс веб локације?

Да. Можете променити фонтове у одређеним областима као што су страница или чак један пост. Ако нисте упознати са кодирањем, можете користити визуелни приступ. С друге стране, можете користити текстуални приступ ако знате како да кодирате.

Могу ли да се вратим на оригиналне фонтове за ВордПресс тему?

Да. Ако промените фонтове и осећате да морате да се вратите на оригинал, увек можете да промените. Једноставно се вратите у алатку за прилагођавање на контролној табли и вратите фонтове на подразумеване вредности.

Закључак

Сада имате неколико приступа које можете да користите за промену фонтова на вашој ВордПресс веб локацији како бисте побољшали њен дизајн. Избор приступа зависиће од ваших вештина и преференција. Понекад можете користити више од једног приступа, у зависности од природе веб локације коју креирате.

Такође можете истражити како видљивост ЦСС-а побољшава ваш веб дизајн са скривеним драгуљима.