2022’de Elementor web sitesine özel yazı tipleri nasıl eklenir
Tipografi, web tasarımcılarının mektupları ve metinleri iyi bir şekilde yerleştirmesi için ana endişelerden biridir. Doğru tipografi, tüm tasarım yapısının okunan, temizlenebileceği ve okuyucuyu görsel olarak çekebilmesinden çok sorumludur. “Web sitesi yazı tipi tasarımın% 90’ına katkıda bulunuyor.” WordPress sitenizdeki öğeler, 800’den fazla varsayılan yazı tipinden oluşan varsayılan bir koleksiyon alabilirsiniz. Ancak, markanız için özel bir tipografiniz varsa veya web sitenize benzersiz bir görünüm vermek istiyorsanız zorluk gelir. Özel Elementor yazı tipi özelliği sizi kaydedebilir. Bu, WordPress sitenize farklı stiller, boyutlar ve özel yazı tipleri varyasyonları eklemenizi sağlar.
Bugünün öğreticisinde, özel Elementor yazı tipi özelliğini kullanarak WordPress sitenize nasıl yazı tipleri ekleyebileceğinizi göstereceğiz. Özel öğe yazı tipi özelliği açıklandı
Özel (ayarlanabilir), bazı sektörler için arzularınıza veya gereksinimlerinize bağlı olarak yapabileceğiniz veya üretebileceğiniz bazı şeyler anlamına gelir. Özel yazı tipi Elementor size kolayca ayarlanmış bazı yazı tipi formatları sağlar. Bu, sıradan yazı tipleri veya varsayılanlar kullanmak yerine ek işlevleri verimli bir şekilde oluşturmanıza, düzenlemenize veya ayarlamanıza olanak tanır. Elementor sitenizde beş tür özel yazı tipi formatı bulacaksınız, işte:
Web Açık Yazı Tipi Biçimi (WOFF) – WOFF, tüm modern tarayıcılar tarafından desteklendiği için kullanılmak üzere en çok önerilen formattır
Yazı Tipi Biçimi Web (WOFF 2.0) – Woff 1.0’dan daha iyi sıkıştırma sağlayan Truetype veya OpenType yazı tipi
Truetype Fonts (TTF) -Bu yazı tipi 1980’lerin sonunda Apple ve Microsoft tarafından geliştirildi
Yazı Tipi/SVG – SVG Yazı Tipi Formu, SVG’nin metin görüntülerken uçan bir makine olarak kullanılmasını sağlar. Bu biçimi, iPhone Lama Gömülü OpenType Yazı Tiplerini (EOT) desteklemek için kullandığınızdan emin olun – IE’de dosya yazı tipi işlevleri, ancak diğer tarayıcılarda değil. Önceki IE sürümünü desteklemek için bu biçimi kullandığınızdan emin olun
Not: Avrupa Birliği GDPR’ye yeni kurallar ekledi. Doğrudan web sitelerinde yayınlanan Google yazı tiplerini kullanan herkes GDPR kurallarını ihlal edecektir. Ve Google web sitesini 100 Euro fower edecek. Bir Google yazı tipiniz varsa, yerel olarak barındırılmalı veya kendi özel yazı tipinizi kullanabilirsiniz.
Ancak, Google web sitenizi Perfmatters eklentisini kullanarak da yönetebilirsiniz. WordPress’te yerel olarak Google Font’u nasıl barındıracağınıza dair belgelere bakın. Elementor Sitesine yazı tipleri ekleyeceğinizi öğrenmek için aşağıdaki kontrol edelim: WordPress’teki Elementor Powered Web Sitesine yazı tipleri nasıl eklenir
Özel yazı tiplerini iki basit şekilde ekleyebilirsiniz.
Web Açık Yazı Tipi Biçimi (WOFF) – WOFF, tüm modern tarayıcılar tarafından desteklendiği için kullanılmak üzere en çok önerilen formattır
Yazı Tipi Biçimi Web (WOFF 2.0) – Woff 1.0’dan daha iyi sıkıştırma sağlayan Truetype veya OpenType yazı tipi
Truetype Fonts (TTF) -Bu yazı tipi 1980’lerin sonunda Apple ve Microsoft tarafından geliştirildi
Yazı Tipi/SVG – SVG Yazı Tipi Formu, SVG’nin metin görüntülerken uçan bir makine olarak kullanılmasını sağlar. Bu biçimi, iPhone Lama Gömülü OpenType Yazı Tiplerini (EOT) desteklemek için kullandığınızdan emin olun – IE’de dosya yazı tipi işlevleri, ancak diğer tarayıcılarda değil. Önceki IE sürümünü desteklemek için bu biçimi kullandığınızdan emin olun
Not: Avrupa Birliği GDPR’ye yeni kurallar ekledi. Doğrudan web sitelerinde yayınlanan Google yazı tiplerini kullanan herkes GDPR kurallarını ihlal edecektir. Ve Google web sitesini 100 Euro fower edecek. Bir Google yazı tipiniz varsa, yerel olarak barındırılmalı veya kendi özel yazı tipinizi kullanabilirsiniz.
Ancak, Google web sitenizi Perfmatters eklentisini kullanarak da yönetebilirsiniz. WordPress’te yerel olarak Google Font’u nasıl barındıracağınıza dair belgelere bakın. Elementor Sitesine yazı tipleri ekleyeceğinizi öğrenmek için aşağıdaki kontrol edelim: WordPress’teki Elementor Powered Web Sitesine yazı tipleri nasıl eklenir
Özel yazı tiplerini iki basit şekilde ekleyebilirsiniz.
Yöntem 1: Kod dahil Elementor’a yazı tipleri ekleyin
Yöntem 2: Elementor’dan özel yazı tipi özelliğini kullanın
Sadece Elementor’u biliyorsanız, Elementor’u nasıl doğru kullanacağınızla ilgili bu pratik blogu kontrol edin.
Yöntem 1: Kodu kullanarak Elementor’a yazı tipleri ekleyin, manuel işlemi izlediğiniz Elementor sitesine nasıl yazı tipleri ekleyebileceğinizi görelim.
FTP istemcileri aracılığıyla tema klasörünüze yeni bir “yazı tipi” klasörü ekleyin veya cpanel kullanın. Yeni klasörün WP-Content/TEMAS/YAZILARI
Bir kez, yeni bir “yazı tipi” klasörü eklediniz, tüm yazı tipi dosyalarını eklediniz
Şimdi, stil sayfasını (style.css) tema açın ve aşağıdaki kodu ekleyin:@font-face {font-family: ‘nameofnewfont’; src: url (“/fonts/namamofnewfont.woff2”) biçimi (“woff2”), url (“/fonts/namamofnewfont.woff”) biçimi (“woff”); yazı tipi-ağırlık: normal; yazı tipi tarzı: normal; }
Bu yazı tipini kullanacak öğeleri aynı stil sayfasına ekleyerek yapılandırın.
Bu yöntem yeni başlayanlar için bir acı olabilir. “Tilted” veya “kalın” gibi yapılandırma eklemek istediğinizde, aynı işlemden geçmeli ve parametreyi eklemelisiniz. Birçok kodlama var.
Bu teknik süreçle uğraşmak istemeyenler için, Elementor sitenize özel bir yazı tipi eklemek için aşağıdaki süreci takip edebilirsiniz.
Yöntem 2: Özel yazı tipi Elementor’un özel yazı tipi özelliğini kullanın Pro Elementor özelliğidir. Bu nedenle, web sitenize hem Elementor Eklentileri (Free) ve Elementor Pro’yu yüklediğiniz ve etkinleştirdiğinizden emin olun. Adım 01: İlk sitenize özel bir yazı tipi ekleyin, Elementor> Özel Yazı Tipi’ne gidin
Burada özel bir yazı tipi yapabilirsiniz. Örneğin, özel bir yazı tipi yapısı oluşturmak için Yeni Ekle’yi tıklayın.
Yazı tipinizde bir başlık verin. Ve ardından yazı tipi varyasyonu ekleyin.
Yöntem 2: Elementor’dan özel yazı tipi özelliğini kullanın
Sadece Elementor’u biliyorsanız, Elementor’u nasıl doğru kullanacağınızla ilgili bu pratik blogu kontrol edin.
Yöntem 1: Kodu kullanarak Elementor’a yazı tipleri ekleyin, manuel işlemi izlediğiniz Elementor sitesine nasıl yazı tipleri ekleyebileceğinizi görelim.
FTP istemcileri aracılığıyla tema klasörünüze yeni bir “yazı tipi” klasörü ekleyin veya cpanel kullanın. Yeni klasörün WP-Content/TEMAS/YAZILARI
Bir kez, yeni bir “yazı tipi” klasörü eklediniz, tüm yazı tipi dosyalarını eklediniz
Şimdi, stil sayfasını (style.css) tema açın ve aşağıdaki kodu ekleyin:@font-face {font-family: ‘nameofnewfont’; src: url (“/fonts/namamofnewfont.woff2”) biçimi (“woff2”), url (“/fonts/namamofnewfont.woff”) biçimi (“woff”); yazı tipi-ağırlık: normal; yazı tipi tarzı: normal; }
Bu yazı tipini kullanacak öğeleri aynı stil sayfasına ekleyerek yapılandırın.
Bu yöntem yeni başlayanlar için bir acı olabilir. “Tilted” veya “kalın” gibi yapılandırma eklemek istediğinizde, aynı işlemden geçmeli ve parametreyi eklemelisiniz. Birçok kodlama var.
Bu teknik süreçle uğraşmak istemeyenler için, Elementor sitenize özel bir yazı tipi eklemek için aşağıdaki süreci takip edebilirsiniz.
Yöntem 2: Özel yazı tipi Elementor’un özel yazı tipi özelliğini kullanın Pro Elementor özelliğidir. Bu nedenle, web sitenize hem Elementor Eklentileri (Free) ve Elementor Pro’yu yüklediğiniz ve etkinleştirdiğinizden emin olun. Adım 01: İlk sitenize özel bir yazı tipi ekleyin, Elementor> Özel Yazı Tipi’ne gidin
Burada özel bir yazı tipi yapabilirsiniz. Örneğin, özel bir yazı tipi yapısı oluşturmak için Yeni Ekle’yi tıklayın.
Yazı tipinizde bir başlık verin. Ve ardından yazı tipi varyasyonu ekleyin.
Adım 02: Yazı Tipi Varyasyonları Ekleyin ve Yazı Tipi Dosyaları Yükle Burada yazı tipine bazı ek seçenekler ekleyebilirsiniz. Yazı tipi ağırlığı, stil ve yazı tipi dosyası gibi.
TTF özel yazı tipi dosyalarını yükleyelim. Bunun için Yükle düğmesini tıklayın.
Yazı tipi dosyalarını cihazınızdan veya klasörünüzden yükleyin. Not: Buraya yüklemeden önce seçim yazı tipi dosyanızı cihazınıza kaydettiğinizden emin olun!
Bittiğinde, ayrıntılı yazı tiplerini buradan görebilirsiniz. Aynı işlemi izleyin, her format için yazı tipi dosyasının yükleme işlemine devam edin. Diğer yazı tipi varyasyonlarını yükleyelim. Örneğin, yazı tipi varyasyon ekle düğmesini tıklayın ve yazı tipi ağırlığı ve stil ayarlayın. Yazı tipi ağırlığını 100 olarak ayarlayın ve Yükle düğmesini tekrar tıklayın.
Bir dosya yükledikten sonra, medya galerisinden ekleyebilirsiniz.
Adım 03: Aynı işlemi yapmak için son özel yazı tipini yayınlayın, sitenize farklı yazı tipi varyasyonları ekleyin. Bittiğinde yayın düğmesine basın.
Adım 04: Elementor tasarımınıza özel bir yazı tipi kullanın, şimdi bu özel yazı tipini nasıl kullanacağınızı düşünebilirsiniz. Doğru? Bu özel yazı tipini nasıl bulacağınızı ve kullanacağınızı görelim, Elementor sayfanızı Elementor Tasarım panelinde açmanız gerekir. Ve sonra paneldeki metin widget’larından birini ekleyin. Heding Widget’ı Elementor Düzenleme Paneline ekleyin.
Bir metin widget (başlık) ekledikten sonra,
Kuvvet bölümüne gidin
Tipografiye tıklayın
Ve burada daha önce yaptığınız yazı tipini bulabilirsiniz (yazı tipim). Sadece yazı tipini seçin
Yazı tipleri ekledikten sonra, şimdi metninizin veya yazı tiplerinizi daha iyi ve çekici görünmesini sağlamak için diğer tipografik seçenekleri denemenin zamanı geldi. Yazı tipi boyutu, ağırlık, dönüşüm, stil, dekorasyon, çizgi ağırlığı ve daha fazlası gibi!
Olağanüstü tasarımlar müşteri dikkatini basit olanlardan daha fazla çekebilir. Web sayfası başlığınızı daha akıllı ve daha eğlenceli hale getirmek istiyorsanız, bir sonraki bölüm tam size göre. Burada size mutlu eklentiler animasyonlu metin widget’ı kullanarak başlık stilinizi nasıl ayarlayabileceğinizi göstereceğiz.
Başlığı Nasıl Tasarlayacağınızı Öğrenelim Özel Elemanlar Yazı Tipi Stilinizi Animasyonlu Widget Animasyon Metni ile Ayarlayın Happy AddonsWidget Animasyon Metni Happy Addons’ın Pro özelliğidir. Bu harika widget’ı kullanarak metninizi çok çekici ve çekici hale getirebilirsiniz. Ekstra çabalarınızı ve zorluklarınızı azaltmak için 10 inşa öncesi tasarım düzenine sahiptir. Bu nedenle, Elementor Tasarım Panelinize ekledikten sonra, yalnızca doğru tasarım düzenini almanız ve web sayfalarınızın yapısına bağlı olarak ayarlamanız gerekir. Pratik olarak bakalım, Sıradan Metin veya Yazı Tipleri değil, WordPress sitenizdeki animasyonlu metin widget’ını nasıl kullanabileceğiniz.
Başlamak için bu eklentiyi yüklemeniz ve etkinleştirmeniz gerekir:
Yazı tipleri ekledikten sonra, şimdi metninizin veya yazı tiplerinizi daha iyi ve çekici görünmesini sağlamak için diğer tipografik seçenekleri denemenin zamanı geldi. Yazı tipi boyutu, ağırlık, dönüşüm, stil, dekorasyon, çizgi ağırlığı ve daha fazlası gibi!
Olağanüstü tasarımlar müşteri dikkatini basit olanlardan daha fazla çekebilir. Web sayfası başlığınızı daha akıllı ve daha eğlenceli hale getirmek istiyorsanız, bir sonraki bölüm tam size göre. Burada size mutlu eklentiler animasyonlu metin widget’ı kullanarak başlık stilinizi nasıl ayarlayabileceğinizi göstereceğiz.
Başlığı Nasıl Tasarlayacağınızı Öğrenelim Özel Elemanlar Yazı Tipi Stilinizi Animasyonlu Widget Animasyon Metni ile Ayarlayın Happy AddonsWidget Animasyon Metni Happy Addons’ın Pro özelliğidir. Bu harika widget’ı kullanarak metninizi çok çekici ve çekici hale getirebilirsiniz. Ekstra çabalarınızı ve zorluklarınızı azaltmak için 10 inşa öncesi tasarım düzenine sahiptir. Bu nedenle, Elementor Tasarım Panelinize ekledikten sonra, yalnızca doğru tasarım düzenini almanız ve web sayfalarınızın yapısına bağlı olarak ayarlamanız gerekir. Pratik olarak bakalım, Sıradan Metin veya Yazı Tipleri değil, WordPress sitenizdeki animasyonlu metin widget’ını nasıl kullanabileceğiniz.
Başlamak için bu eklentiyi yüklemeniz ve etkinleştirmeniz gerekir:
Ücretsiz Eleman
Mutlu Ücretsiz Eklentiler ve Pro
Adım 1: Widget Galerisi’nden ilk animasyonlu metin widget’ı, sürükleme widget’ını ekleyin.
Ekranda widget’ın ilk görüntüsünü alacaksınız.
Daha önce oluşturduğunuz özel yazı tipi metnini kullanın. Seçmek için stil düğmesine, tipografiye dokunun ve yazı tipimi seçin.
Adım 2: Tasarımı metninize ekleyin Şimdi içerik bölümüne bir kez daha dokunun. Ve en çok sevdiğiniz tasarımı seçin.
Tasarımı onayladıktan sonra, şimdi animasyon stilini ayarlama zamanı. Bunu yapmak için içeriği tıklayın ve orada animasyon türünü bulun. Web siteniz için daha iyi bir çıktı üretmek için her türü tek tek keşfedin.
Ekranda widget’ın ilk görüntüsünü alacaksınız.
Daha önce oluşturduğunuz özel yazı tipi metnini kullanın. Seçmek için stil düğmesine, tipografiye dokunun ve yazı tipimi seçin.
Adım 2: Tasarımı metninize ekleyin Şimdi içerik bölümüne bir kez daha dokunun. Ve en çok sevdiğiniz tasarımı seçin.
Tasarımı onayladıktan sonra, şimdi animasyon stilini ayarlama zamanı. Bunu yapmak için içeriği tıklayın ve orada animasyon türünü bulun. Web siteniz için daha iyi bir çıktı üretmek için her türü tek tek keşfedin.
Not: Milisaniye cinsinden animasyon gecikmesi. Minimum 1000 ve Max 30000. Adım 3: Web sayfasındaki animasyon metninizin nihai sonuçlarına bakın, yazı tipinizdeki animasyon metin widget’ını ayarladıktan sonra nihai sonucu görelim.
Happy Addons’ın animasyonlu metin widget’ının sıkıcı görünen yazı tiplerinizi veya metninizi denetlemesine yardımcı olur. Ancak, bu widget’ın ayrıntılarını görmek istiyorsanız, bu widget’ın resmi belgelerini görebilirsiniz. Veya daha iyi bir görselleştirme için, aşağıdaki animasyon metninin video eğitimini görebilirsiniz. Tüm özel mutlu mutluluk özelliklerini kontrol edeyim!
Özel Elementor yazı tipi hakkında bazı yaygın sorular
Google yazı tipini Elementor’a nasıl eklerim?
Bunu yapmak için Elementor> Ayarları> Sekme Gelişmiş ve Google Yazı Tipleri Yükleme Seçeneklerinden birine göre değiştirin. Çekme menüsünden aşağıdaki yükleme seçeneğini seçin. Varsayılan – Yazı tipi görüntüleme stratejisi tarayıcı tarafından belirlenir. Engelleme – Yazı tipleri tamamen şarj edilene kadar metni gizleme. Takas – Yazı tipleri tamamen şarj edilene kadar görüntülenmek için geri dönüş yazı tipini kullanın. Geri dönüş – Metni minimum bir süre saklamak ve yazı tiplerini yalnızca birkaç saniye içinde yüklenirse kullanır. İsteğe bağlı – Metni minimum bir süre saklamak ve yazı tipi tamamen şarj edilmedikçe yazı tipi geri dönüşünü kullanır.
Yazı tipi neden Elementor’da çalışmıyor?
Bu olayın çoğu zaman sadece Elementor Widget’ta gerçekleşir. Ancak varsayılan widget veya menü için değil. Yazı tipinizi kullanmada alışılmadık bir şey görürseniz, yazı tipi öğesini varsayılan olarak ayarlayın. Böylece tipografik ayarlar inisiyatif alabilir.
WordPress’e manuel olarak yazı tiplerini nasıl eklerim?
01. İlk olarak, kullanmak istediğiniz yazı tipini bilgisayarınıza indirin ve ardından Zip dosyasını çıkarın 02. Bundan sonra, yazı tipi dosyanızı WP-Content/TEMATS/You-Theme/Yazı Tipleri Dizini’ne yükleyin. 03. Ve son olarak, değişikliklerinizi kaydetmek için Dosya Güncelleme düğmesine basın
WordPress’e OTF yazı tiplerini nasıl eklerim?
01. Eklenti dosyasını/wp -concent/eklenti/özel -font dizinine yükleyin veya eklentiyi doğrudan WordPress eklentisi ekranı üzerinden yükleyin 02. Eklentiyi WordPress’teki ‘Eklentiler’ ekranı üzerinden etkinleştirin. Yazı Tipleri -> Özel Yazı Tipleri Adı Ekle, Woff2, Woff, TTF, EOT, OTF ve SVG Dosyaları
Eklenti olmadan WordPress’e yazı tipleri nasıl eklerim?
01. Google yazı tipini bulun. Tüm Google yazı tipleri aranabilir 02. Kodun Web Sitesine girileceğini alın 03. İlk kod indirimini 04’e girin. İkinci CSS kodunu ekleyin. Alakalı kaynaklar
Özel Elementor yazı tipi özelliğini keşfetmeye hazır mısınız? Özel yazı tipleri çeşitli tesislere sahiptir. Benzersiz bir marka stili oluşturmaktan daha fazla müşteri elde etmeye kadar, özel yazı tipleri her zaman pazarlamacıları, tasarımcıları veya web sitesi sahiplerini destekler. Sıradan Google yazı tiplerini kullanmanın yanı sıra, özel yazı tipleri, çevrimiçi işletmenizin benzersiz stil ve görünümle daha fazla müşteri çekmesine yardımcı olabilir. Bu nedenle, bu Elementor öğretici yayınının WordPress sitenizde akıllıca özel yazı tiplerini kullanmak için bilginizi zenginleştireceğini umuyoruz. Ayrıca, mutlu eklentilerin animasyonlu metin widget’ı, metni bir sonraki seviyeye değiştirmenize ve genel web sitesi tasarımına ekstra değer eklemenize yardımcı olacaktır. Bu öğreticiyi beğendiyseniz, WordPress öğreticileri, Elementor öğreticileri, ipuçları ve püf noktaları ve en son güncellemeler gibi diğer ilginç makaleleri okumak için bültenimize abone olabilirsiniz!
Bültene abone Ol Elementor’daki en son haberleri ve güncellemeleri alıyoruz
Bu olayın çoğu zaman sadece Elementor Widget’ta gerçekleşir. Ancak varsayılan widget veya menü için değil. Yazı tipinizi kullanmada alışılmadık bir şey görürseniz, yazı tipi öğesini varsayılan olarak ayarlayın. Böylece tipografik ayarlar inisiyatif alabilir.
WordPress’e manuel olarak yazı tiplerini nasıl eklerim?
01. İlk olarak, kullanmak istediğiniz yazı tipini bilgisayarınıza indirin ve ardından Zip dosyasını çıkarın 02. Bundan sonra, yazı tipi dosyanızı WP-Content/TEMATS/You-Theme/Yazı Tipleri Dizini’ne yükleyin. 03. Ve son olarak, değişikliklerinizi kaydetmek için Dosya Güncelleme düğmesine basın
WordPress’e OTF yazı tiplerini nasıl eklerim?
01. Eklenti dosyasını/wp -concent/eklenti/özel -font dizinine yükleyin veya eklentiyi doğrudan WordPress eklentisi ekranı üzerinden yükleyin 02. Eklentiyi WordPress’teki ‘Eklentiler’ ekranı üzerinden etkinleştirin. Yazı Tipleri -> Özel Yazı Tipleri Adı Ekle, Woff2, Woff, TTF, EOT, OTF ve SVG Dosyaları
Eklenti olmadan WordPress’e yazı tipleri nasıl eklerim?
01. Google yazı tipini bulun. Tüm Google yazı tipleri aranabilir 02. Kodun Web Sitesine girileceğini alın 03. İlk kod indirimini 04’e girin. İkinci CSS kodunu ekleyin. Alakalı kaynaklar
Özel Elementor yazı tipi özelliğini keşfetmeye hazır mısınız? Özel yazı tipleri çeşitli tesislere sahiptir. Benzersiz bir marka stili oluşturmaktan daha fazla müşteri elde etmeye kadar, özel yazı tipleri her zaman pazarlamacıları, tasarımcıları veya web sitesi sahiplerini destekler. Sıradan Google yazı tiplerini kullanmanın yanı sıra, özel yazı tipleri, çevrimiçi işletmenizin benzersiz stil ve görünümle daha fazla müşteri çekmesine yardımcı olabilir. Bu nedenle, bu Elementor öğretici yayınının WordPress sitenizde akıllıca özel yazı tiplerini kullanmak için bilginizi zenginleştireceğini umuyoruz. Ayrıca, mutlu eklentilerin animasyonlu metin widget’ı, metni bir sonraki seviyeye değiştirmenize ve genel web sitesi tasarımına ekstra değer eklemenize yardımcı olacaktır. Bu öğreticiyi beğendiyseniz, WordPress öğreticileri, Elementor öğreticileri, ipuçları ve püf noktaları ve en son güncellemeler gibi diğer ilginç makaleleri okumak için bültenimize abone olabilirsiniz!
Bültene abone Ol Elementor’daki en son haberleri ve güncellemeleri alıyoruz