WordPress’e nasıl havalı yazı tipleri eklerim?
Şu anda, WordPress kullanıcıları web sitelerine daha fazla görsel tasarım getirme konusunda hızla gelişmektedir. Yıllar boyunca, tasarımcılar ve geliştiriciler, web sitelerine görsel tasarımlar getirmek için hayal güçlerine ve yürütmelerine güveniyorlar. Peki ya programlama bilgisi veya tasarımı olmayan sıradan kullanıcılar? Font Awesome, sorunlarının anahtarıdır. Müthiş yazı tipini kullanarak, programlama bilgisi veya tasarımına sahip olmadan WordPress’e simgeler ekleyebilirsiniz. Bu makalede, WordPress’e Font ekleme eklemeyi tartışmak istiyoruz.
İçindekiler
Font harika nedir?
Eklentilerle WordPress’e harika yazı tipleri nasıl eklerim?
Yazı tipi simgesi nedir? Neden WordPress’e eklememiz gerekiyor?
WordPress’e manuel olarak Font Font ekleyin
CSS ile harika stil yazı tipi nasıl değiştirilir?
Harika ikon yazı tipinin boyutu nasıl değiştirilir?
Müthiş simgelere nasıl animasyon ekleyebilirim?
Serin simge yazı tipinin rengini nasıl değiştirir?
Müthiş yazı tipini CSS öğesine manuel olarak nasıl eklerim?
CDN Server’dan harika ikon yazı tipini nasıl kullanırım?
Elementor’daki harika yazı tipini nasıl kullanıyorsunuz?
Daha iyi harika bir yazı tipi eklentisiyle önbellek ve uyumluluk ile ilgili sorunları iyileştirin
Font harika nedir? Font Awesome, WordPress’e yazı tipi simgeleri eklemek için en popüler eklentidir. Şu anda WordPress’in en son sürümüyle 80.000’den fazla aktif ve uyumlu kurulum var. Font Awesome birçok özellik sunuyor, örneğin:
Font Awesome Free ve Font Awesome Pro’yu destekler. (hangi premium bir versiyon)
Düzenli olarak güncellendi.
Yapılandırması kolay
vb.
Eklentilerle WordPress’e harika yazı tipleri nasıl eklerim? Yukarıda belirtildiği gibi, Font Awesome birçok avantajla gelir ve iyi tasarlanmış bir web sitesine sahip olmak için neredeyse gereklidir. WordPress’e harika yazı tipleri eklemenin birçok yolu vardır. Her zamanki gibi bir eklenti kullanmak bunu yapmanın en kolay yoludur. WordPress’e harika yazı tipleri eklemek için aşağıdaki adımları izleyin: WordPress Dashboard’unuzu açın.
İmleci eklentiye gidin ve Yeni Ekle’yi tıklayın.
Arama kutusunda “Font Awesome” yazın ve Enter tuşuna basın.
Yapmanız gereken tek şey bu. Eklentileri .zip dosyasını kullanarak da yükleyebilirsiniz. Yazı tipi simgesi nedir? Neden WordPress’e eklememiz gerekiyor? Yıllar boyunca geliştiriciler ve tasarımcılar, web sitelerinde resim olarak fikirlerinin tasarımına ve uygulanmasına güvenmektedir. Bununla birlikte, yazı tipi simgelerinin geliştirilmesiyle, görsel tasarım dünyası basitleştirilmiştir. Duyarlı yazı tipi simgeleri ve bazı durumlarda tam olarak ayarlanmış simgeler geleneksel veya sprite sayfası görüntülerinin yerini aldı. Adından bildiğiniz gibi, yazı tipi simgesi tam olarak düşündüğünüz gibidir. Bu tamamen simgelerden yapılmış bir yazı tipidir. Örneğin, normal yazı tipleri normal karakterler kullanır. Ancak, yazı tipi simgesi karakterleri farklı sembollerle değiştirir. Örneğin, klavyenizde “A” tuşuna basarsanız, bir ev görüntülenir.
Hala cevaplanmayan soru, neden yazı tipi simgesini kullanmamız gerektiğidir? Yukarıda belirtildiği gibi, resim yıllardır 1 numaralı aracımız olmuştur. Ancak, yazı tipi simgesi bize resimlerle sahip olmadığımız esneklik sağlar. Kullanımı kolaydır ve çok duyarlıdır. Fontik yazı tipi bir vektör görüntüsüdür ve kalitesini kaybetmeden herhangi bir boyuta boşaltılabilir. Yukarıda belirtildiği gibi, yazı tipi simgeleri her gün kullandığımız sıradan yazı tipleri gibi yönetilebilir. Renk, tesviye, yükseklik, stil ve diğerlerini değiştirebilirsiniz. Hemen hemen tüm tarayıcılarla uyumlu yazı tipi simgeleri. Bu nedenle, WordPress’te kullandığınız yazı tipi simgelerini görüntüleyemeyen bazı tarayıcılar için endişelenmenize gerek yoktur.
Web sitemizdeki görüntülerin kullanımını sınırlayan binlerce yazı tipi simgesi var. Bununla birlikte, yazı tipi simgesinin zayıflığı platformun uyumluluğudur. Tarayıcı bu yazı tiplerini oluşturur ve çoğu zaman farklı işletim sistemlerinde farklı çalışır ve farklıdır. WordPress’e harika yazı tipleri eklemek için girmeden önce WordPress’e manuel olarak yazı tipleri eklemek, aktif tema için çocuk temaları yapmayı tartışalım. Bir çocuğun teması oluşturarak, bir hata durumunda ana temayı yedek olarak kaydedebilirsiniz. Aşağıdaki kodu çocuğun temasına ekleyebilirsiniz, çünkü ana temaya eklemekten çok daha güvenlidir. WordPress’te nasıl bir çocuk teması yaparım? Yukarıda belirtildiği gibi, bir çocuğun temasına sahip olmak çok yararlı olabilir. Çocuk teması oluşturmak için aşağıdaki adımları izleyin:
Public_html’den wp-concent> temalara gidin
Yeni bir klasör oluşturun ve temanızın adını kullanın, ancak sonunda “-çiller” ekleyin
Yeni oluşturulan klasörü açın. Yeni Bir Dosya ve Name Style.css Oluşturun Yeni Bir Dosya ve Ad Fonksiyon.php
WordPress Dashboard> Oluşturduğunuz yeni temayı görüntüleyin ve etkinleştirin
WordPress Dashboard> Ekran> Editör Temaları’na geri dönün ve oluşturduğunuz çocuk temasını seçin
Aşağıdaki kodu kopyala ve yapıştırın.
Güncelle’yi tıklayın ve bitirmeniz gerekiyor.
Harika yazı tipini WordPress’e manuel olarak nasıl eklerim? Bir eklenti ile WordPress’e harika yazı tipleri eklemekten bahsettik. Şimdi WordPress’e gelişip manuel olarak ekleyelim. Her zamanki gibi, herhangi bir değişiklik yapmadan önce, bir hata durumunda WordPress rezervleri yapmanızı öneririz.
Manuel olarak WordPress’e harika yazı tipi eklemek için iki yöntem vardır:
Functions.php dosyasını indirerek ve kod ekleyerek.
WordPress kontrol panelinden function.php dosyasını düzenleyerek.
FTP istemcileriyle veya doğrudan barındırma panelinden web sitenize bağlanın. Etkinleştirilmiş tema klasöründe File Fourn.php’i bulun. Masaüstünüze indirin ve Notepad ++ veya istediğiniz diğer editörlerle açın. Ardından, ücretsiz CDN sunucusunu kullanmak için aşağıdaki kodu kullanın: add_action (‘wp_enqueue_scripts’, ‘enqueue_load_fa’); işlev enqueue_load_fa () {wp_enqueue_style (‘load-f’, ‘https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/cs/font-awesome.min.css’); } Veya Font Awesome CSS’nize ekleyebilir ve aşağıdaki kodla yeni bir işlev oluşturabilirsiniz: // Yerel olarak verilen Font Awesome Stylesheet işlevi enqueue_our_our_required_stylesheets () css/font-aawesome.css ‘); } Add_action (‘wp_enqueue_scripts’, ‘enqueue_our_required_stylesheets’); Kaydet ve indirdiğiniz klasöre geri yükleyin. Ayrıca ön paneliniz aracılığıyla function.php’ye de erişebilirsiniz. Open Görüntüleyin> Editör Temaları> Temalarınız Etkinleştirilmiş> Function.php
Şimdi WordPress’e manuel olarak harika yazı tipi eklediniz, harika simge arama web sitesini açın ve aradığınız simgeyi bulun. Simgeyi bulduktan sonra üzerine tıklayın. Daha sonra seçilen simgenin kodu alacaksınız. Tek yapmanız gereken kodu WordPress Düzenleme Metin sekmesine kopyalamak ve eklemektir.
CSS ile harika stil yazı tipi nasıl değiştirilir? Font Awesome, sadeliği ve esnekliği nedeniyle yıllar boyunca çok fazla popülerliğe sahiptir. Çoğu tasarımcı geleneksel görüntüleri kullanmayı bıraktı ve bunları harika yazı tipi simgeleriyle değiştirdi.
Birçok olasılık var, ancak harika yazı tipi simgesinde yapabileceğiniz basit değişiklikler. Örneğin, simgenin boyutunu değiştirebilir, döndürebilir, rengi değiştirebilir ve diğerlerini değiştirebilirsiniz. Her biri için örnekler ve ayrıntılı açıklamalar vererek başlayalım. Her ne kadar size sadece temel bilgileri öğretecek, daha sofistike değişiklikler bulmak için, Font Awesome ile daha fazla zaman harcamalısınız ve hayal gücünüzü gerçekleştirmelisiniz. Harika ikon yazı tipinin boyutu nasıl değiştirilir? En temel değişiklik, harika yazı tipi simgesinin boyutunu değiştirmektir. Varsayılan olarak, Font Awesome’un resmi web sitesinden bir simge kodu aldığınızda, simge oldukça küçüktür ve ihtiyaçlarınıza göre değiştirmeniz gerekebilir. Boyutu artırmak için aşağıdaki kodu kullanın: FA-LG-boyutu% 33 artırın
FA-2X-Çift Boyut
FA-3X-ÇİFT BOYUTU vb.Aşağıda yukarıdaki kodun bir örneği verilmiştir. Burada indirme simgesini iki katına çıkardık: Bildiğiniz gibi, indirme simgesinin boyutunu iki katına çıkardık. Müthiş simgelerin boyutu nasıl oynatılır? Font Awesome Icon farklı açılarda döndürülebilir. İhtiyaçlarınıza uygun aşağıdaki kodu kullanarak bunu başarmak kolaydır. Yukarıda belirtilen yöntemi kullanın, ancak kod boyutunu değiştirmek yerine aşağıdaki kodu kullanın:
FA-Rotate-90-90 Derece Simgeyi Döndür
FA-Rotate-180-180 Derece Simgeyi Döndür
FA-Rotate-270-270 Derece Simgeyi Döndür
Fa-flip-horizontal-simgeyi yatay eksen boyunca çevirin
FA-Flip-Tertical-Dikey eksen boyunca simgeyi tersine çevirirken harika ikonlar yazı tipine nasıl animasyon eklenir? Yukarıda belirtildiği gibi, Font Awesome çok esnektir, bu nedenle aşağıdaki kodla harika yazı tipi simgesine çok temel animasyonlar ekleyebilirsiniz.
FA-spin-rotasyon eklemek
FA-PULSE-8 Farklı Adımda Simgeler Oynatın
Serin simge yazı tipinin rengini nasıl değiştirir? Yukarıdaki değişikliklerin aksine, simgeyi değiştirecek önceden ayarlanmış bir kod yoktur. Bunun yerine özel bir CSS kodu kullanmalısınız. Örneğin, indirme simgesini kullanıyorsanız, rengi yeşil olarak değiştirmek için aşağıdaki kodu kullanın: .fa-download {color: Green; }
Ek CS’lere görünüm> özelleştirici ile erişilebilir. Müthiş yazı tipini CSS öğesine manuel olarak nasıl eklerim? CSS’de bildiğiniz gibi, her kod bir şeyi temsil eder. Müthiş yazı tipinde, her kod bir simgeyi temsil eder; Ve her simgenin benzersiz bir kodu vardır. Teknik terimlerle, bu Unicode olarak bilinir. Bu, tarayıcının hangi görüntülenmesi gerektiğini ve nasıl gösterileceğini anlatır. Eşsiz bir görünür öğe yapmanız ve yazı tipini yazı tipi simgesi ailenizi kullanacak şekilde ayarlamanız gerekir. Ardından, içerik değerini ayarlayabilirsiniz. Bu amaçla:
Doldurmak
yazı tipleri
Aşağıdaki örnek bir düğme oluşturacaktır: .Dolgu: 8px 12px;Arka plan: #EEE;Sınır: katı 1px #d5d5d5;}.}.İçerik: ‘085’;Pozisyon: göreceli;Marj-sağ: 5px;yazı tipi boyutu:%110;}
Ayarlar menüsü Çıktı şöyle görünecek:
CDN Server’dan harika ikon yazı tipini nasıl kullanırım? Yukarıda müthiş yazı tipi için manuel olarak nasıl kullanılacağından bahsettik. Yeterli, kodu etkinleştirdiğiniz temadan function.php dosyasına kopyalayın ve yapıştırın. Ancak, bunu bir çocuk temasıyla gerçek temadan daha iyidir. Çünkü WordPress ve temayı güncellerseniz, tüm süreci tekrarlamanız gerekir. Müthiş yazı tipinin premium bir sürümünü kullanarak, CDN Font Awesome’a erişir ve hemen web sitesinden bir simge alabilir ve kendi web sitenizde kullanabilirsiniz. Premium sürümün fiyatı yılda 99 $. Elementor’daki harika yazı tipini nasıl kullanıyorsunuz? Elementor, dünya çapında web’deki en ünlü sayfa yapımcılarından biridir ve sıradan WordPress editörleri tarafından sunulmayan birçok özelliğe sahiptir. Elementor sayfası üreticisi, zaten harika yazı tipi simgesi ile donatılmış diğer birçok yararlı özellik ile birlikte. Bu nedenle, ek eklentiler yüklemenize veya tema çekirdek dosyalarınızı düzenlemenize gerek yoktur. Müthiş yazı tipi simgesine erişmek için simge widget’ı kullanmanız yeterlidir. Ardından sayfaya sürükleyin ve çıkarın. Ayrıca, harika yazı tipi simge kutusu widget ve simge listesinde bulunabilir. Bu widget çok kullanışlıdır ve özellikle programlama bilgisiniz yoksa farklı senaryolarda kullanılabilir. Önbellek ile ilgili sorunları ve daha iyi bir harika yazı tipi eklentisi eklentisiyle uyumluluğu geliştirin Daha iyi yazı tipi Awesome başka bir harika yazı tipi eklentisi ve daha popüler olarak kullanılan daha popüler WordPress Topluluğu. Müthiş yazı tipi eklentisi çok kullanışlı bir eklentidir. Ancak, aşağıdakileri içeren birçok sorunla geldi:
Diğer eklentilerle çatışma Bazı önbellek sorunları
