როგორ დავამატოთ საკუთარი შრიფტები თქვენს WordPress საიტზე

როგორ დავამატოთ საკუთარი შრიფტები თქვენს WordPress საიტზე

რატომ უნდა გახადოთ თქვენი ბლოგი მოსაწყენი სტანდარტული შრიფტების გამოყენებით? ნება მიეცით თქვენს ბლოგს ისაუბროს თქვენს ენერგიულ პიროვნულობასა და იმ თემებზე, რომლებიც მოიცავს მრავალფეროვან ჩვეულ შრიფტებს. საბაჟო შრიფტები ლამაზი თვისებაა, რაც თქვენს ბლოგს საშუალებას აძლევს სხვებს უკეთესად გამოიყურებოდეს.


მოდით, გავითვალისწინოთ იგი; ყველას გვიყვარს ბლოგები და საიტები სწორი შრიფტით. ისინი არა მხოლოდ ამშვენებს საიტს, არამედ ხელს უწყობენ მომხმარებლის მოზიდვას თქვენს შინაარსში. ამასთან, სტანდარტული WordPress შრიფტების არჩევანი შეზღუდულია და დამოკიდებულია იმაზე, თუ რა თემას იყენებთ. კარგი ამბავი ის არის, რომ მათ შეგიძლიათ დაამატოთ ხელით ან სპეციალიზებული დანამატებით.

და აი, ორი კითხვა ჩნდება – სად უნდა მიიღოთ ჩვეულებრივი შრიფტები WordPress- ისთვის და როგორ დააინსტალიროთ პერსონალური შრიფტები თქვენს WordPress საიტზე.

მოდით გავარკვიოთ.

Contents

 რატომ უნდა გამოვიყენო საბაჟო შრიფტები?

გავიდა დღეები, როდესაც Times New Roman და Georgia განიხილეს ერთადერთ შრიფტად ვებსაიტებზე. ბოლო რამდენიმე წლის განმავლობაში, შრიფტის სივრცე მთლიანად შეიცვალა ისეთი შრიფტების ჩამოსვლასთან ერთად, როგორიცაა Google Fonts და სხვები.

დღესდღეობით, ინტერნეტში ხელმისაწვდომია ასობით უფასო შრიფტი, ინფორმაციისა და ტრენინგის საშუალებები და დიზაინისთვის შექმნილი რესურსები. Adobe Illustrator- ის, Photoshop- ის და სხვა კლასიკური პროგრამებისგან განსხვავებით, WordPress არ გაძლევთ სრულ კონტროლს შრიფტებზე. მხოლოდ რამდენიმე თემა ირჩევს მხარდაჭერას და გამოიყენებს საბაჟო შრიფტებს.

აქედან გამომდინარე, ამ პოსტში, თქვენ შეიტყობთ თუ როგორ უნდა იპოვოთ შესაფერისი საბაჟო შრიფტები და როგორ გამოიყენოთ ისინი თქვენს WordPress საიტზე.

საბაჟო შრიფტების გამოყენების მნიშვნელობა

რატომ უნდა შეცვალოთ შრიფტები, აბზაცები სიტყვებს შორის, ხაზის ინტერვალი, ასოების ინტერვალი ან შრიფტის გაჯერება? როგორც ეს შეიძლება იყოს, ზოგიერთი გამოკვლევა ამტკიცებს ტიპოგრაფია აუმჯობესებს კითხვის გაგებას.

ბევრად არის დამოკიდებული შრიფტების მშენებლობა. ცნობიერი და ქვეცნობიერი დონეზე – ყველას აფასებს ვებ – გვერდის შინაარსი დიზაინის მიხედვით.

შრიფტის დიზაინი მკითხველს გავლენას ახდენს, მაშინაც კი, თუ ისინი ამას ყურადღებას არ აქცევენ. შრიფტის დიზაინის მიტოვება ნიშნავს, რომ უარი თქვან განვითარებაზე! მკითხველის განწყობა დამოკიდებულია ამაზე. შრიფტი ან ამარტივებს კითხვას ან აიძულებს მომხმარებლებს დატოვონ გვერდი.

ყველა ბრაუზერში შედის ნაგულისხმევი შრიფტების ნაკრები. ეს ნიშნავს, რომ თუ შრიფტი არ არის მითითებული გვერდის CSS, მაშინ გამოყენებული იქნება სტანდარტული ვერსია. თქვენ ყოველთვის შეგიძლიათ გამოიყენოთ ნაგულისხმევი შრიფტები, მაგრამ ეს ართულებს მომხმარებლების მუშაობას. სწორედ ამიტომ აუცილებელია გამოიყენოს საკუთარი შრიფტი. თუ თქვენი თემა არ მოგცემთ შრიფტის შეცვლის ვარიანტებს, ბევრ ვებ – გვერდსა და ხელსაწყოს დაგეხმარებათ.

Google შრიფტების ალტერნატივები

სად ვიპოვოთ საბაჟო შრიფტები

ბევრმა თქვენგანმა იცის Google– ის უფასო შრიფტების შესახებ. კიდევ ბევრი საიტი, სადაც შეგიძლიათ იპოვოთ ლამაზი შრიფტები. ზოგი მათგანი უფასოა პირადი მოხმარებისთვის. თუ კომერციული გამოყენება გჭირდებათ, მაშინ ლიცენზია გჭირდებათ. Google Fonts და Adobe Edge შრიფტები უფასოა. ამიტომ ისინი არცთუ ისე უნიკალურია. ეს არ ჯდება.

აქ არის რამდენიმე შრიფტების მოძიების სხვა რესურსი უფასო და კომერციული გამოყენებისთვის:

  1. შაბლონი მონსტრი – TemplateMonster ბაზრის ვებსაიტზე ნახავთ ყველაფერს, რაც თქვენ გჭირდებათ. ასევე არსებობს უამრავი შრიფტი და შრიფტის პაკეტი პირადი სარგებლობისთვის მცირე ფასად. ასევე, ისინი წარმოდგენილია ONE ვებ განვითარების ნაკრები. კოლექცია უზარმაზარი და კრეატიულია. არჩევანის დასახმარებლად, ბროშურებსა თუ ჩარჩოებზე წარმოდგენილი ყველა შრიფტი. ყველა შრიფტი ასევე წარმოდგენილია კომერციული ლიცენზიით.
  2. MyFonts – MyFonts ამჟამად გთავაზობთ შრიფტების ყველაზე დიდ არჩევანს მსოფლიოში. ამასთან, ფასები აქაც უფრო მაღალ სეგმენტშია. ასე რომ, თუ მჭიდრო ბიუჯეტი გაქვთ, ეს შესაძლოა თქვენთვის არ იყოს.
  3. FontSpring – Fontspring ყიდის ხელნაკეთ შრიფტებს კომერციული გამოყენებისთვის. მაგრამ თითქმის ნებისმიერ ოჯახში 1-2 უფასო შრიფტია, რომელთა გამოყენება პირადი მიზნებისთვის შეიძლება. ამასთან, ცალკე განყოფილებაა უფასო შრიფტები. კოლექცია არის ვიბრანი. მაგრამ ჩამოტვირთვის წინ მოგიწევთ ყურადღებით შეისწავლოთ კონკრეტული შრიფტის ლიცენზიის შესახებ ინფორმაცია.
  4. კოფონფონები – ის ასევე სხვადასხვა შრიფტის ვრცელი კოლექციაა. შეარჩიეთ ნებისმიერი, და ნახავთ გვერდზე, სადაც დეტალური ინფორმაცია არსებობს ამის შესახებ. უამრავი უფასო შრიფტი არსებობს და ისინი იყოფა ცალკეულ მონაკვეთებად. CufonFonts– ზე დახარისხების სისტემა საკმაოდ მოქნილი და მოსახერხებელია. ასევე, შედის ვებფონტის მხარდაჭერა.
  5. დაფონტი – კიდევ ერთი ხელმისაწვდომი კოლექცია 3500 უფასო შრიფტისგან. მათი უმეტესობა განკუთვნილია მხოლოდ პირადი სარგებლობისთვის. ლამაზი თვისება DaFont არის კატეგორიების სისტემა. თქვენ შეგიძლიათ აირჩიოთ შრიფტები კომიქსების, ვიდეო თამაშების, რთველის ან იაპონური სიმბოლოების სტილიზებულად.

შრიფტების არჩევანი ძალიან მაცდურია, რადგან ისინი ყველა ლამაზია. მაგრამ ბევრი არ უნდა აირჩიოთ. გამოყენება საიტზე არაუმეტეს ორი შრიფტი. შემდეგ თქვენი საიტის საიტის სახე თანმიმდევრული იქნება. მას შემდეგ რაც ავირჩიეთ თქვენი შრიფტები, დარწმუნდით, რომ გადმოწერეთ ფაილები თითოეული სტილის გამოყენებისთვის (ნორმალური, თამამი, italic და ა.შ.).

ახლა რომ თქვენ შეარჩიეთ შესაბამისი შრიფტი საიტისთვის, მოდით გავეცნოთ როგორ დაამატოთ ის.

როგორ დავამატოთ საკუთარი შრიფტები WordPress- ში

WordPress საიტის შრიფტების დამატების რამდენიმე გზა არსებობს:

  1. დანამატები: ამ შემთხვევაში, სხვადასხვა WordPress მოდული გამოიყენება პროცესის გასაადვილებლად.
  2. Ხელით: ამ მეთოდის გამოყენებით, თქვენ გჭირდებათ ჩამოტვირთული შრიფტის ატვირთვა საიტზე და შეცვალოთ CSS ფაილი.
  3. თემები: ბევრი პოპულარული თემა მოიცავს შრიფტის ჩარჩოების ჩაშენებულ ვარიანტებს (შენიშვნა – ჩვენ არ ვიცავთ ამ ვარიანტს, რადგან პროცესი განსხვავდება თქვენი გამოყენებული თემის მიხედვით, მაგრამ ხარისხის Premium თემებს, როგორიცაა სულ WordPress თემა შემოგთავაზებთ ონლაინ რეჟიმში) დოკუმენტები, რომელთა საშუალებითაც შეგიძლიათ მარტივად დაიცვათ – ამ სახელმძღვანელოს მსგავსად, რომ დაამატეთ პერსონალური შრიფტები სულ მთელს)

ვარიანტი 1 – შეცვალეთ WordPress შრიფტები დანამატებით

თუ არ ვუფრთხილდებით გლობალურ ცვლილებებს, ჩვენ შეგვიძლია დავაყენოთ WordPress დანამატები, რომლებიც თქვენს საიტზე შეცვლიან შრიფტს.

ჩვეულებრივი შრიფტის მოდულების მახასიათებლები

ღია კოდის პროგრამული უზრუნველყოფა უპირატესობას ანიჭებს საზოგადოების ინტერესს და WordPress- საც აქვს ეს უპირატესობა. WordPress- ის რამდენიმე მოდული საშუალებას გაძლევთ დაამატოთ პერსონალური შრიფტები. როგორ ავირჩიოთ შესაფერისი მოდული ამდენი? რა არის საბაჟო შრიფტის მოდულების მახასიათებლები?

აქ რამდენიმე საკითხი უნდა გაითვალისწინოთ:

  • საკუთარი შრიფტის გამოყენების შესაძლებლობა
  • ერთზე მეტი შრიფტის გამოყენების შესაძლებლობა
  • მიზნის სათაურები და კომპონენტები
  • ბონუსი: ვიზუალური რედაქტორისგან შრიფტის პარამეტრების შეცვლის შესაძლებლობა

Სულ ეს არის. სიაში პირველი თვისება ძალიან მნიშვნელოვანია. თქვენ ყოველთვის შეგიძლიათ გადმოწეროთ შრიფტები ისეთი საიტებიდან, როგორიცაა DaFont, Font Squirrel და ა.შ., მაგრამ მათ უნდა ატვირთოთ WordPress.

მოდით გადახედოთ WordPress- ს რამდენიმე მოდულს, რომელიც საშუალებას გაძლევთ ატვირთოთ პერსონალური შრიფტები.

შრიფტის პერსონალური ატვირთვა

შრიფტის პერსონალური ატვირთვა

ეს მოდული საშუალებას გაძლევთ ჩამოტვირთოთ Google შრიფტები და მათი ბლოგის სხვადასხვა ელემენტების გამოყენება. მაგალითად, სტატიის ან გვერდის სათაურებამდე ან სხეულზე.

გამოიყენეთ ნებისმიერი შრიფტი

გამოიყენეთ ნებისმიერი შრიფტი

ეს არის WordPress დანამატი, რომელიც გთავაზობთ მოსახერხებელ ინტერფეისს, რომ ჩამოტვირთოთ შრიფტები და გამოიყენოთ ისინი უშუალოდ ვიზუალური რედაქტორის საშუალებით. WordPress ვიზუალურ რედაქტორს შეუძლია ავტომატურად შეცვალოს ნებისმიერი ტექსტის შრიფტი. ეს მოდული გთავაზობთ რამდენიმე მახასიათებელს, რაც გახდის საკუთარი შრიფტების დამატების პროცესს ბევრად უფრო მართვადი.

WP Google შრიფტები

WP Google შრიფტები

WP Google Fonts საშუალებას გაძლევთ გამოიყენოთ Google შრიფტის კატალოგი. ამ მოდულის ერთ-ერთი გასაოცარი უპირატესობაა 1000 გუგლის შრიფტის დამატება. მიუხედავად იმისა, რომ შეგიძლიათ ხელი მოაწყოთ Google შრიფტები ხელით, მომხმარებლების უმეტესობისთვის მოდულის გამოყენება ბევრად უფრო ადვილია.

როგორ დააყენოთ შრიფტები მოდულით?

მოდით განვიხილოთ, მაგალითად, WP Google შრიფტები. უბრალოდ დააინსტალირეთ ეს მოდული ოფიციალური საცავიდან WordPress და გახსენით Google Fonts განყოფილება.

WP Google შრიფტები

აქ ნახავთ Google შრიფტის მართვის პანელს. შეარჩიეთ შრიფტები და შეცვალეთ სხვადასხვა პარამეტრები, მაგალითად, შრიფტის სტილი, ელემენტები, რომელზეც ის გამოიყენება და ა.შ..

ვარიანტი 2 – ხელით დააინსტალირეთ WordPress- ის პერსონალური შრიფტები

@ Font-face დირექტივის საშუალებით შეგიძლიათ დაუკავშირდეთ ერთ ან რამდენიმე შრიფტს თქვენს საიტზე. მაგრამ ამ მეთოდს აქვს თავისი დადებითი და დადებითი.

Დადებითი:

  • CSS- ის საშუალებით შეგიძლიათ დააკავშიროთ ნებისმიერი ფორმატის შრიფტები: ttf, otf, woff, svg.
  • შრიფტის ფაილები განთავსდება თქვენს სერვერზე – თქვენ არ იქნებით დამოკიდებული მესამე მხარის მომსახურებაზე.

წინააღმდეგობები:

  • თითოეული სტილის სწორი შრიფტის დასაკავშირებლად, თქვენ უნდა დარეგისტრირდეთ ცალკე კოდი.
  • CSS- ის გაცნობის გარეშე, მარტივად შეგიძლიათ დაბნეული.

მაგრამ ეს არ არის რეალური პრობლემა, თუ შეგიძლია უბრალოდ დააკოპირეთ მზა კოდი და სადაც უნდა მიუთითოთ თქვენი ფასეულობები.

შენიშვნადაწყებამდე, დარწმუნდით, რომ შექმენით ბავშვთა თემა თქვენი საიტისთვის. ამ გზით თქვენ შეგიძლიათ გააკეთოთ თქვენი ბავშვის ყველა რედაქტირება, რაც თქვენს ძირითადი თემას ტაქტიკურად დატოვებს, ასე რომ თქვენ შეგიძლიათ მარტივად განაახლოთ ის, როგორც საჭიროა მომავალში.

ნაბიჯი 1: შექმენით “შრიფტები” საქაღალდე

თქვენი ბავშვის თემის ფარგლებში შექმენით ახალი “შრიფტები” საქაღალდეში: wp-შინაარსი / თემები / თქვენი-ბავშვი-თემა / შრიფტები

ნაბიჯი 2. გადმოწერილი შრიფტის ფაილები ატვირთეთ თქვენს ვებ – გვერდზე

ეს შეიძლება გაკეთდეს თქვენი ჰოსტინგის პანელის ან FTP– ის საშუალებით.

დაამატეთ ყველა შრიფტის ფაილი ახლად დამატებული შრიფტების საქაღალდეში: wp-შინაარსი / თემები / თქვენი-ბავშვი-თემა / შრიფტები თქვენ შექმენით.

ნაბიჯი 3. იმპორტის შრიფტები ბავშვის თემის სტილის საშუალებით

გახსენით თქვენი ბავშვის თემის სტილი.css ფაილი და დაამატეთ შემდეგი კოდი CSS ფაილის დასაწყისში (ბავშვის კომენტარის შემდეგ):

@ font-face
font-family: 'MyWebFont';
src: url ('შრიფტები / WebFont.eot');
src: url ('fonts / WebFont.eot? #iefix') ფორმატის ფორმა ('ჩაშენებული-ოპენტიპი'),
url ('fonts / WebFont.woff') ფორმატი ('woff'),
url ('fonts / WebFont.ttf') ფორმატი ('truetype'),
url ('fonts / WebFont.svg # svgwebfont') ფორმატი ('svg');
შრიფტის წონა: ნორმალური;
font-style: ნორმალური;
}

სად MyWebFont არის შრიფტის სახელი და src ქონების მნიშვნელობა (მონაცემები ბრჭყალებში ბრჭყალებში) არის მათი ადგილმდებარეობა (შედარებითი ბმულები). თითოეული სტილი ცალკე უნდა დავაზუსტოთ.

მას შემდეგ, რაც ჩვენ პირველ რიგში ვუკავშირდებით ნორმალურ სტილს, ჩვენ ვამაგრებთ შრიფტის წონის და შრიფტის სტილის მახასიათებლებს ნორმას.

ნაბიჯი 4. დამატება italics, დაწერე შემდეგი:

@ font-face
font-family: 'MyWebFont';
src: url ('შრიფტები / WebFont-Italic.eot');
src: url ('fonts / WebFont-Italic.eot? #iefix') ფორმატი ('ჩაშენებული-ოპენტიპი'),
url ('fonts / WebFont-Italic.woff') ფორმატი ('woff'),
url ('fonts / WebFont-Italic.ttf') ფორმატი ('truetype'),
url ('fonts / WebFont-Italic.svg # svgwebfont') ფორმატი ('svg');
შრიფტის წონა: ნორმალური;
font-style: italic;
}

სადაც ყველაფერი ერთნაირია, მხოლოდ შრიფტის სტილის მახასიათებელს ვამაგრებდით italics- ს.

ნაბიჯი 5. თამამი შრიფტის დასამატებლად დაამატეთ შემდეგი კოდი:

@ font-face
font-family: 'MyWebFont';
src: url ('შრიფტები / WebFont-Bold.eot');
src: url ('fonts / WebFont-Bold.eot? #iefix') ფორმატი ('ჩასმული-ოპენტიპი'),
url ('fonts / WebFont-Bold.woff') ფორმატი ('woff'),
url ('fonts / WebFont-Bold.ttf') ფორმატი ('truetype'),
url ('fonts / WebFont-Bold.svg # svgwebfont') ფორმატი ('svg');
font-weight: თამამი;
font-style: ნორმალური;
}

სადაც შრიფტის წონის ობიექტი თამამად დავაყენეთ.

გახსოვდეთ, რომ თითოეული სტილისთვის უნდა მიუთითოთ შრიფტის ფაილების სწორი ადგილმდებარეობა.

ნაბიჯი 6. თამამი ტაიტების დასაკავშირებლად შემდეგი შემდეგი:

@ font-face
font-family: 'MyWebFont';
src: url ('fonts / WebFont-Italic-Bold.eot');
src: url ('fonts / WebFont-Italic-Bold.eot? #iefix') ფორმატი ('ჩასმული-ოპენტიპი'),
url ('fonts / WebFont-Italic-Bold.woff') ფორმატი ('woff'),
url ('fonts / WebFont-Italic-Bold.ttf') ფორმატი ('truetype'),
url ('fonts / WebFont-Italic-Bold.svg # svgwebfont') ფორმატი ('svg');
font-weight: თამამი;
font-style: italic;
}

ეს ყველაფერი არის. ახლა თქვენ დაურთეთ შრიფტის ოთხი სტილი თქვენს ვებსაიტს.

მაგრამ ერთი შენიშვნა არსებობს – ამ შრიფტის კავშირი არასწორად იქნება ნაჩვენები Internet Explorer 8. ნუგეშია იმაში, რომ ძალიან ცოტა ადამიანია ჯერ კიდევ IE8- ის გამოყენებით..

WordPress- ის პერსონალური შრიფტების შეფუთვა

რა არის პირველი, რაც მომხმარებლებმა შეამჩნიეს თქვენი საიტის მონახულებისას? მართალია, მისი დიზაინი! დიზაინის უმეტესობა ეყრდნობა ლამაზი შრიფტების სწორ გამოყენებას. ასე რომ, თქვენ უნდა იზრუნოთ თქვენი საიტის შრიფტის დიზაინზე. დაამატეთ კოდი ან გამოიყენეთ ზემოთ ჩამოთვლილი დანამატები, რომ მოხდეს შრიფტის ახალი სტილი. რომელი გზა აირჩევთ მასზეა დამოკიდებული.

დარწმუნდით, რომ არ იყენებთ ორზე მეტ შრიფტს იმავე საიტზე. იმის გამო, რომ რაც უფრო მეტ შრიფტს დაამატებთ საიტს, მით უფრო ნელა ხდება საიტის სიჩქარე.

ეს ყველაფერია, მოგერიდებათ კომენტარის გაკეთება. 

ჩვენ ასევე მოხარული ვიქნებით იმის მოსმენით, თუ რომელი ვარიანტი აირჩიოთ, დაამატეთ საკუთარი შრიფტი თქვენს ვებსაიტზე და სადაც იპოვნით თქვენს შრიფტს.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me