Blog dizaynı üçün Blogger-də qeyri-standart şriftlər. Blogspot, Blogger-də gözəl kalliqrafik şrift
Gününüz xeyir, əziz oxucular. Bu gün mən saytınıza qeyri-standart kiril şriftini quraşdırmağın yollarından biri haqqında danışmaq istəyirəm. Bu üsul Blogger-dəki bloqlar da daxil olmaqla istənilən sayt üçün uyğundur. Bu üsul bir çox ingilisdilli saytlarda uğurla istifadə olunur və premium WordPress və Joomla mövzularında fəal şəkildə istifadə olunur.
Çünki Oxucularımın əksəriyyəti Blogger və WordPress-də blog yazdıqları üçün mən sizə həmin bloqlarda fərdi şriftin necə qurulacağını göstərəcəyəm. Eyni zamanda, Blogger üçün təsvir edilən üsul tamamilə istənilən sayt üçün uyğundur. WordPress üçün isə hazır plagin var. Ancaq məqaləni müvafiq təsvirlərə sürüşdürməyi məsləhət görmürəm, çünki. plagini konfiqurasiya etmək üçün bu üsul haqqında bütün biliklərə ehtiyacınız olacaq.
düşünürəm Bu an bu, birincisi, quraşdırmanın asanlığı, ikincisi, müxtəlif brauzerlərin dəstəyi sayəsində saytda qeyri-standart kiril şriftini quraşdırmanın ən populyar yollarından biridir.
Mən sizi kifayət qədər maraqlandırdım? Detallara keçməyin vaxtıdır.
Beləliklə, bu üsul Cufon adlanır. Bir tərtibatçı - Simo Kinnunen tərəfindən icad edilmişdir. Əvvəlcə o, sayta qoşulmalı olan xüsusi bir fayl yaratdı. İkincisi, o, istənilən şrifti JavaScript-ə çevirən generator yaratdı.
Metodun özü rüsvay etmək üçün sadədir və sonra bunu görəcəksiniz. Burada ən çətin şey tam olaraq tələb olunan şriftin axtarışıdır. Və əminəm ki, çoxlarınız aktiv istifadəçi deyilsiniz qrafik redaktorlar PhotoShop kimi, generatora hansı şriftin yüklənəcəyini və belə bir şriftin haradan alınacağını bilmir. Bu barədə daha ətraflı danışmaq qərarına gəldim.
Heç kimə sirr deyil ki, müəyyən bir şrift dəsti istənilən kompüterdə, eyni Word və digər proqramlarda quraşdırılır. Biz həmçinin müstəqil olaraq kompüterimizdə, o cümlədən istənilən proqramda yeni şriftlər quraşdıra bilərik. Bunun üçün sadəcə olaraq istənilən axtarış sistemində ifadəni yazmalıyıq Kiril şriftlərini yükləyin və tapdığımız şriftlərin .ttf formatında olduğundan əmin olun.
Bəyəndiyiniz şrifti .ttf formatında yüklədikdən sonra onu sadəcə açmaqla kompüterinizə quraşdıra bilərsiniz.
Və ya sağ siçan düyməsini istifadə edərək Quraşdırma əmrini seçin. Bu prosedurdan sonra şrift ümumiyyətlə təmin edildiyi kompüterdə quraşdırılmış bütün proqramlarda göstəriləcəkdir. Bunlar. əlavə tədbir tələb olunmur. Təsvir edilən metodun Windows 7-də işləməsinə zəmanət verilir.
Üç addımda saytda tamamilə istənilən kiril şriftinin quraşdırılması
Beləliklə, biz gözəl qeyri-standart kiril şriftinin sahibi olduq və onu saytımıza quraşdırmaq istəyirik. Bizim hərəkətlərimiz nədir?
Addım 1
Cufon veb saytına gedirik - cufon.shoqolate.com.
Menyudakı linkə klikləyin - Yükləyin. Skript səhifəsi açılır. Biz sadəcə bütün kodu kopyalayırıq, notepad-a yapışdırırıq və .js uzantısı ilə yadda saxlayırıq. Oxucularım üçün hazır fayl hazırlamışam, onu kompüterinizə yükləyə bilərsiniz.
Ehtiyatlı olun, yazının 26 iyul 2011-ci il tarixində yazıldığı tarixə görə, skriptin versiyası 1.09i-dir. İndi yuxarıdakı linkdə bu versiyadır.
Skriptin hostinqə yüklənməsi. Blogger-də blog yazan hər kəs artıq üçüncü tərəf faylını hara yükləməli olduğunu bilməlidir (), bunun üçün Google saytlarından istifadə edirəm.
Addım 2
Cufon veb saytına Generator sekmesine qayıdırıq. Qarşımızda bir çox parametrləri olan bir səhifə var. Düzünü desəm, mən tamamilə bütün parametrlərə daxil olmamışam, lakin təcrübələr zamanı fərqli parametrləri sınamışam və həmişə istədiyim nəticəni almışam.
Ancaq hər halda, diqqətinizi vacib məqamlara cəlb etmək üçün əsas parametrlərlə bəzi ekran görüntüləri hazırlamışam.
Gördüyünüz kimi, hər bir şrift növü üçün ayrıca yükləmə pəncərəsi var:
- adi şrift
- qalın şrift
- normal kursiv
- qalın kursiv
Bunun niyə belə olduğunu tam başa düşmədim, ancaq təsvirin şriftimi maksimum xarakterizə etdiyi yerə yüklədim.
Məsələn, ekran görüntüsü əl ilə yazılmış şriftin yüklənməsini göstərir. O, maili və kifayət qədər yaxşı qidalanır :).
Sonra, lisenziya müqaviləsi olan sahə vurğulanır. Siz qutunu işarələməlisiniz və bununla da yüklədiyiniz şriftin bu şriftin tərtibatçısı tərəfindən internetdə istifadəsinə icazə verildiyini təsdiq etməlisiniz. Burada sual incədir, təəssüf ki, İnternetdəki müxtəlif şriftlərin böyük çeşidi arasında biz özümüz hansı şriftdən istifadə edə biləcəyimizi və hansını istifadə edə bilməyəcəyimizi dəqiq bilmirik. Buna görə də, bu maddə tamamilə sizin vicdanınızdadır.
Növbəti ekran görüntüsü.
- Birinci sahədə biz böyük və kiçik hərfləri, həmçinin rəqəmləri və durğu işarələrini göstərmək istədiyimizi bildiririk.
- İkinci sahə standart olaraq yoxlanılır, onu silməyə cəhd etməmişəm.
- Üçüncü sahədə kiril və rus əlifbalarını seçdiyinizə əmin olun.
Bir sətri mavi rənglə vurğuladım - WordPress üçün şrift yaradanlar buraya işarə qoyurlar.
Və son parametrlər.
- Birinci qutuya heç nə yazmadım, amma hesab edirəm ki, sahə o baxımdan faydalıdır ki, şriftin istifadə olunacağı domenləri qeyd etsəniz, o, sadəcə olaraq digər domenlərdə işləməyəcək.
- Mən bunu yuxarı sahədə başa düşürəm danışırıq standart olaraq hansı şrift ölçüsünün gedəcəyi haqqında. Parametrlə razılaşa bilərsiniz və ya qutunu işarələməklə imtina edə bilərsiniz. Şəxsən mən müxtəlif yollarla cəhd etdim və hər iki variantdan razı qaldım. Düşünürəm ki, bu həm şriftin özündən, həm də şablon dizaynerinin ideyasından asılıdır. 2-ci pəncərədəki növbəti element, kiçik bir şrift ölçüsündən istifadə etmək şərtilə, generatorun özü onu söndürməyi tövsiyə edir. Mümkünsə, sonuncu işarəni qoymaq daha yaxşıdır, çünki. bu parametr sayəsində yaradılan fayl daha kiçikdir, bu, şübhəsiz ki, şriftin yüklənməsinə daha yaxşı təsir edəcəkdir.
- Və nəhayət, generatordan istifadə şərtləri ilə razılaşma.
Nəticədə başqa bir fayl alırıq, o da hostinqə yüklənir.
Addım 3
Qalan yeganə şey sayt şablon fayllarında bağlanma teqindən əvvəl müəyyən etməkdir belə kod:
Koddan da göründüyü kimi, h1 başlıq teqinə şrift tətbiq edirik. Beləliklə, siz hər hansı digər teq təyin edə bilərsiniz ki, o, bizim kiril şriftini göstərsin.
Siz həmçinin teq deyil, identifikator təyin edə bilərsiniz:
Ancaq bu hamısı deyil. Bir saytda eyni anda bir neçə fərqli şriftdən istifadə etmək istəyirsinizsə, bütün yeni şriftlər üçün ikinci addımdan keçib, hamısını qeyd edirik:
Şriftinizin düzgün yazılmasından əmin deyilsinizsə, 2-ci addımdan müvafiq yaradılan faylı açın və sizə lazım olan məlumatı tapın. 
Mavi ilə vurğulanan şriftin adıdır.
Beləliklə, test bloqlarımdan birində əvvəlcə belə idi.
Və belə oldu:
WordPress-də xüsusi kiril şriftini necə quraşdırmaq olar
WordPress istifadəçiləri üçün bu, hələ də çox asandır. Əlbəttə ki, təsvir olunan bütün yolu gedə bilərsiniz və şrift də işləyəcək, lakin All-in-One Cufon adlı hazır plagin də var. Siz plaqini həm tərtibatçının saytından, həm də birbaşa blogun admin panelindən yükləyə bilərsiniz.
Pluginin quraşdırılması. Aktivləşdirin. Plugin parametrlərinə keçin. Ən yuxarıda iki xəbərdarlıq mesajı var.
Birincisi, wp-content/plugins/ qovluğunda cufon-fonts qovluğu yaratmalısınız. Bunun üçün FTP vasitəsilə qoşulun və ya hostinq idarəetmə panelinə keçin və plaginlər qovluğunda cufon-fonts adlı yeni qovluq yaradın. Bundan sonra ilk mesaj yox olur.
İkinci mesaj, yaradılan şrift faylını 2-ci addımda əldə etdiyimiz eyni faylı yaradılmış qovluğa yerləşdirməli olduğunuzu söyləyir. Biz faylı yükləyirik və mesaj yox olur, şrift isə aşağıdakı parametrlərdə görünür, hansı ki, indi plugin " görür".
Şablonda istifadə edəcəyiniz şriftin yanındakı qutuyu qeyd etməyi unutmayın. Amma şrift hələ işləmir. Aşağıda Cufon Kodu sahəsi var, burada kiril şriftimizin hansı teqə tətbiq olunacağını göstərməliyik. Bu halda, başqa təyinatlar olmadan çılpaq kodu göstərməlisiniz.
əvəz ("h1");
Yeri gəlmişkən, əgər quraşdırmısınızsa, deməyə dəyər WordPress mövzusu artıq qeyri-standart şriftlə, kiril yazısı olmadığı halda, sizə lazımdır:
- All-in-One Cufon plaginini quraşdırın.
- Yaradılmış şrifti quraşdırın.
Aşağıdakı sahəyə Cufon Kodunu daxil etmək lazım deyil, bir qayda olaraq, bu kod artıq şablonda yazılıb. Mövcud olana əlavə olaraq başqa bir şrift quraşdırmaq istəyirsinizsə, yuxarıdakı nümunələrdə yazdığım kimi belə bir giriş etmək lazımdır.
Çox vacib qeyd.
Şablondakı başlıqları məqalələrimə uyğun olaraq optimallaşdırmısınızsa - və o zaman son dərəcə diqqətli olmalısınız. Yadınızdadırsa, əsas səhifədən başqa bütün səhifələrdə bloq başlığı teqdə olur (linkdə). Bu etiketə id və ya sinif təyin etməlisiniz, məsələn: