Google Fonts გახდა პოპულარული რესურსი პერსონალური ვებ ტიპოგრაფიისთვის 2010 წლიდან მისი შემუშავების შემდეგ. არსებობს სამი ძირითადი მიზეზი იმისა, რომ Google გახდა აქ ლიდერი. ჯერ ერთი, არ არსებობდა საკმარისად წესიერი შრიფტის სერვისები, ამიტომ Google-მა შეავსო სიცარიელე. მეორეც, დასაწყისშიც კი, მათ მიერ შემოთავაზებული მრავალფეროვნება შედარებით დიდი იყო. ამჟამად, 800-ზე მეტი შრიფტი ხელმისაწვდომია მრავალ სტილში. მესამე, ეს შრიფტები ხელმისაწვდომია უფასოდ, რაც მათ განსაკუთრებით მიმზიდველს ხდის.
გარდა ამისა, მათ გასაკვირად მარტივია თქვენი დიზაინის პროექტებში ინტეგრირება. ჩვენ გაჩვენებთ, თუ როგორ შეგიძლიათ ჩართოთ ეს Google ფონტები თქვენს WordPress საიტზე.
Google ფონტები
დასაწყებად, თქვენ უნდა აირჩიოთ შრიფტი, რომლითაც გსურთ მუშაობა. არსებობს მრავალფეროვანი ვარიანტი, ასე რომ თქვენ გაქვთ საკმაოდ დიდი მენიუ. თქვენ შეგიძლიათ იპოვოთ ისინი, გადასვლით Google-ის შრიფტის გვერდი. თუ თქვენ ეძებთ კონკრეტულ შრიფტს, უბრალოდ ჩაწერეთ შრიფტის სახელი საძიებო ველში და მას უნდა გამოვიდეს ნიმუში.
ასევე არსებობს სხვა საძიებო პარამეტრები, რომელთა გამოყენებაც შეგიძლიათ. საძიებო ველის მარჯვენა ქვემოთ არის ღილაკი სახელწოდებით კატეგორიები. თუ დააწკაპუნებთ მასზე, გამოჩნდება ჩამოსაშლელი მენიუ ხუთი ვარიანტით. ესენი შემდეგია:
- Serif - ეს არის შრიფტები მოკლე ხაზებით, რომლებიც წარმოიქმნება ასოს ზედა და ქვედა შტრიხებიდან. Times New Roman და Sylfaen კარგი მაგალითებია.
- Sans Serif - როგორც სახელიდან ჩანს, ეს არის შრიფტები ამ პატარა ხაზების გარეშე. მათ აქვთ მარტივი და სუფთა ესთეტიკა.
- ჩვენება - ეს არის ის, რასაც შეიძლება ეწოდოს ყურადღების მიპყრობის შრიფტები. ისინი საუკეთესოა სათაურებისთვის, ვიდრე გრძელი ტექსტისთვის.
- ხელნაწერი - ეს შრიფტები ისე აჩენს, რომ ვიღაცამ ხელით დაწერა. თქვენ აღმოაჩენთ, რომ ბევრს აქვს კურსორი ან ნაკლებად თანმიმდევრული ინტერვალი აქვს.
- Monospace - საბეჭდი მანქანის მსგავსად, მათი ასოები იმავე ჰორიზონტალურ სიგანეს იკავებს. ისინი ძალიან თანმიმდევრულად არიან განლაგებული.
ამას დაემატა, თქვენ ასევე გაქვთ არჩევანის სხვა ვარიანტები, როგორიცაა ენისა და შრიფტის თვისებების არჩევა. ეს უკანასკნელი მოიცავს სტილის რაოდენობას, სისქეს, დახრილობას და სიგანეს.
ფონტების ჩასმა WordPress-ში
თუ გსურთ შეიტანოთ ეს უნიკალური შრიფტები თქვენს WordPress საიტზე, შეგიძლიათ სცადოთ რამდენიმე მეთოდი.
CSS-ის გამოყენებით
დააწკაპუნეთ შრიფტზე Google-ის არჩევიდან და ის გადაგიყვანთ შრიფტის დეტალურ გვერდზე. ზედა მარჯვენა კუთხეში არის "+" ნიშანი. დააჭირეთ მასზე და გვერდითი ფანჯარა გაიხსნება. დააწკაპუნეთ "Embed".
ახლა შეგიძლიათ დააწკაპუნოთ @იმპორტი. ეს გახსნის CSS კოდს, რომელიც უნდა დააკოპიროთ. გადადით თქვენი WordPress თემის სტილის ფურცელზე და ჩასვით იგი დასაწყისში. დარწმუნდით, რომ დააკოპირეთ იმპორტის ბმული გარეშე ფრჩხილები. დარწმუნდით, რომ შეინახეთ და დაამატებთ შრიფტს.
PHP-ის გამოყენება
მიჰყევით პირველ ნაბიჯებს და დააკოპირეთ ბმული, რომელსაც მიიღებთ „+“ ნიშანზე დაწკაპუნების შემდეგ. ახლა უბრალოდ დაამატეთ ის თქვენი თემის header.php ფაილში. გახსოვდეთ, რომ შეინახოთ შრიფტის დასამატებლად.
Javascript ფუნქციის გამოყენება
შეგიძლიათ სცადოთ ის, რაც ცნობილია, როგორც „რიგში დგომა“. ამისათვის თქვენ უნდა გამოიყენოთ wp_enqueue_style ფუნქცია. ამ მეთოდის საშუალებით თქვენ შეგიძლიათ დაამატოთ არჩეული შრიფტი თქვენი ვებსაიტის ყველა გვერდის სათაურის განყოფილებაში. ეს შესანიშნავი გზაა ერთდროულად რამდენიმე ცვლილების დასამატებლად.
უბრალოდ მიიღეთ შრიფტის ბმული (http დან ”-მდე) და დაამატეთ ეს თქვენი თემის functions.php ფაილში დამატებითი კოდით გარშემო. აი კოდი, რომლის გამოყენებაც დაგჭირდებათ:
ფუნქცია custom_add_google_fonts() {
wp_enqueue_style('custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, მცდარი );
}
add_action('wp_enqueue_scripts', 'custom_add_google_fonts');
ნებისმიერი ეს ვარიანტი კარგად იმუშავებს Google Fonts-ის თქვენს WordPress ვებსაიტში ინტეგრირებისთვის, ამიტომ მნიშვნელოვანია აირჩიოთ ის, რომლითაც თავს ყველაზე კომფორტულად გრძნობთ.