Elementor'da yazar arşiv sayfası nasıl oluşturulur

Elementor'da yazar arşiv sayfası nasıl oluşturulur

Elementor'da bir yazar arşiv sayfasının nasıl oluşturulacağını öğrenmek ister misiniz?

Çok yazarlı bir web siteniz var ve ona yeni bir tasarım vermek mi istiyorsunuz? Elementor ?

Eğer öyleyse, Elementor herkesin CSS becerilerine ihtiyaç duymadan bir web tasarımcısı olmasına izin verdiği için bu harika bir fikir. Çok yazarlı web sitesi söz konusu olduğunda, yeniden düşünmek isteyebileceğiniz şeylerden biri yazar arşiv sayfasıdır.

Bu yazıda, Elementor kullanarak WordPress'te özel bir yazar arşiv sayfasının nasıl oluşturulacağını göstereceğiz.

Ayrıca Oku: Elementor'da global renkler nasıl kullanılır?

Elementor - bildiğiniz gibi - yazar arşiv sayfası da dahil olmak üzere temanızın özel bölümlerini oluşturmanıza olanak tanıyan bir tema oluşturucu özelliği ile birlikte gelir. Elementor ile özel bir yazar arşiv sayfası oluşturmak için kullanabileceğiniz iki temel pencere öğesi şunlardır:

  • Yazar Kutusu
  • Gönderiler Arşivleri

Yazar Kutusu pencere aracı, mevcut yazarın profilini yükleyecektir. Doldurulan yazar meta alanlarına (isim, profil resmi, biyografi vb.) göre bilgileri yükleyecektir. Arşiv Gönderileri pencere aracı, ilişkili yazar tarafından yazılan gönderileri görüntülerken.

Tabii ki, yukarıdaki iki widget'a ek olarak, özel yazar arşiv sayfanızı öne çıkarmak için beğeninize başka widget'lar da ekleyebilirsiniz.

Elementor kullanarak WordPress'te özel bir yazar arşiv sayfası nasıl oluşturulur

Başlamadan önce, bu tema oluşturucu özelliği yalnızca Elementor Pro'da mevcut olduğundan, yapmadıysanız, Elementor'unuzu pro sürüme yükselttiğinizden emin olun.

Ayrıca bakınız: Elementor'da genel yazı tipleri nasıl kullanılır?

Hazır olduğunuzda, WordPress kontrol panelinize giriş yapın ve şuraya gidin: Şablonlar -> Tema Oluşturucu. Elementor'un tema oluşturucu sayfasına yönlendirileceksiniz. Tıklamak Arşiv sekmesi sol panelde, ardından yeni ekle Bir arşiv şablonu oluşturmak için sağ üst köşedeki

Elementor'da yazar arşiv sayfası nasıl oluşturulur

Elementor, aralarından seçim yapabileceğiniz düzinelerce hazır arşiv şablonu sunar. Sadece beğendiğiniz bir modeli seçin. Arşiv şablonunu sıfırdan oluşturmak istiyorsanız, şablon kitaplığını kapatmanız yeterlidir. Bu örnekte, arşiv şablonunu sıfırdan oluşturacağız. Şablon kitaplığını kapatın.

Bu örnekte, yalnızca iki widget'tan oluşan basit bir yazar arşiv sayfası oluşturacağız. Yine, kişiselleştirilmiş yazar arşiv sayfanızı daha çekici hale getirmek için beğeninize herhangi bir öğe ekleyebilirsiniz.

Ayrıca Oku: Elementor'da bir kayıt sayfası nasıl oluşturulur

Tuval alanındaki artı düğmesine tıklayarak yeni bir bölüm ekleyerek başlayın.

Yazar Kutusu Widget'ı

Yazar Kutusu widget'ını sol panelden düzenleme kutusuna sürükleyerek ekleyin.

Widget'ı özelleştirmek için sol panele gidin. seçenekte Kaynak bloğun altında Yazar Bilgisi, varsayılan olarak bırakın. Bazı meta bilgileri (profil resmi, görünen ad ve biyografi gibi) kapatmak / açmak için geçiş düğmelerini sürüklemeniz yeterlidir.

Bu bloktan, yazar bilgilerinin düzenini ve hizalamasını değiştirebilirsiniz.

Ayrıca okuyun: Elementor modelleri nasıl dışa ve içe aktarılır

Widget'a stil vermek için sekmeye erişebilirsiniz. Stil. Açabileceğiniz 3 parametre bloğu vardır:

  • görüntü

Profil resmi hizalamasını, boyutunu, profil resmi ile yazar biyografisi arasındaki boşluğu, sınır yarıçapını ve kutu gölgesini ayarlamak için bu bloğu açabilirsiniz.

  • Metin

Yazarın adı ve biyografisinin tipografisini tanımlamak için bu bloğu açabilirsiniz. Yazı tipi boyutu, yazı tipi ailesi, yazı tipi stili ve metin rengi gibi şeyleri ayarlayabilirsiniz. Yazarın adı ile yazarın biyografisi arasındaki boşluğu da ayarlayabilirsiniz.

  • düğme

Arşiv düğmesini etkinleştirirseniz, özelleştirmek için bu bloğu açabilirsiniz. Arka plan rengi, düğme metni rengi, kenarlık yarıçapı ve dolgu gibi şeyleri ayarlayabilirsiniz.

Elementor'da yazar arşiv sayfası nasıl oluşturulur

Widget Arşiv Gönderileri

Gönderileri Arşivle widget'ını sol panelden düzenleme kutusuna sürükleyerek ekleyin. Eklendikten sonra, widget'ı özelleştirmek için sol panele gidebilirsiniz. blokta Düzen sekmenin altında içerik, dış görünümü, sütun sayısını, görüntünün konumunu, görüntünün boyutunu, en boy oranını, özün uzunluğunu vb. tanımlayabilirsiniz ...

Elementor'da yazar arşiv sayfası nasıl oluşturulur

bloğu açabilirsiniz Sayfalara numara koyma sayfalandırmayı ve bloğu tanımlamak için avanced arşivde içerik yoksa özel bir mesaj tanımlamak için.

Gönderileri Arşivle widget'ını özelleştirmek için sekmeyi açabilirsiniz. Stil. Değiştirebileceğiniz 5 parametre bloğu vardır:

  • Düzen

Satırlar ve sütunlar arasındaki boşluğu tanımlamak için bu bloğu açabilirsiniz. Ayrıca içeriğin hizalamasını da ayarlayabilirsiniz.

  • Resim

Mesajların görüntüsünü özelleştirmek için bu bloğu açabilirsiniz. Kenarlık yarıçapını ve görüntü ile içerik arasındaki boşluğu ayarlayabilirsiniz. İsterseniz bir CSS filtresi de uygulayabilirsiniz. Normal durum ve fareyle üzerine gelme durumu için CSS filtresini uygulayabilirsiniz.

  • içerik

Yazı başlığı, meta, snippet ve daha fazlasının tipografisini ayarlamak için bu bloğu açabilirsiniz. Ayrıca her öğe arasındaki boşluğu da ayarlayabilirsiniz.

  • Sayfalara numara koyma

Sayfalandırma metninin tipografisini ve rengini tanımlamak için bu bloğu açabilirsiniz. Üç farklı durumda farklı tipografi ve metin ayarları kullanabilirsiniz: normal, fareyle üzerine gelme ve etkin. Çağrı numaraları arasındaki boşluğu da ayarlayabilirsiniz.

  • Hiçbir Şey Bulunamadı Mesajı

Arşiv sayfası boşken mesaj metninin tipografisini ve rengini ayarlamak için bu bloğu açabilirsiniz.

Şablonu düzenlemeyi tamamladığınızda, düğmesine tıklayın. YAYINLA sol panelin alt kısmında. Daha sonra bir görüntüleme koşulu tanımlamanız istenecektir. sadece düğmeye tıklayın ŞART EKLE.

Açılır menüden, Yazar Arşivi. Özel yazar arşiv şablonunun web sitenizdeki tüm yazarlara uygulanmasını istiyorsanız, Tümü ikinci açılır menüde.

Bunun tersine, özel yazar arşiv şablonunun belirli bir kullanıcıya uygulanmasını istiyorsanız, ikinci açılır menüden tercih ettiğiniz yazarı seçmeniz yeterlidir.

Özel yazar arşiv şablonunun iki veya daha fazla yazara uygulanmasını istemeniz durumunda birden çok görüntüleme koşulu ekleyebilirsiniz. Tıklamak KAYDET KAPAT değişiklikleri uygulamak için.

Buraya. Elementor kullanarak WordPress web sitenizde özel yazar arşiv sayfasını başarıyla oluşturdunuz.

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da bir yazar arşiv sayfasının nasıl oluşturulacağını gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...

Elementor'da özel alanlar nasıl eklenir

Elementor'da özel alanlar nasıl eklenir

WordPress'in sunduğu özelliklerden biri, özel alanlar ekleme yeteneğidir. Bu özellik, varsayılan olarak WordPress tarafından sunulmayan birçok ek meta alanı içeren karmaşık ve dinamik bir web sitesi oluşturmak istiyorsanız çok kullanışlıdır.

Elementor (profesyonel sürüm), WordPress özel alanlarını işlemenize izin veren dinamik içeriği destekler. Elementor tasarımlarınıza (sayfalar veya şablonlar) özel alanlar ekleyebilirsiniz.

Ancak özel alanları kendileri nasıl eklersiniz? Daha fazlasını öğrenmek için okumaya devam edin.

WordPress özel alanları nelerdir?

Nasıl yapılır bölümüne geçmeden önce, önce bunu ele alalım. Özel alanlar, blog gönderileri, sayfalar, özel gönderi türleri veya sınıflandırmalar hakkında ek bilgileri depolayan bir meta veri koleksiyonudur.

Ayrıca bakınız: Elementor modelleri nasıl dışa ve içe aktarılır

Bilgiler amacınıza göre değişiklik gösterebilir. Örneğin, bir bisiklet kiralama web sitesi oluşturmak istiyorsanız, saatlik ücret, teslim alma yeri, bırakma yeri, teslim alma tarihi, bırakma tarihi gibi bilgileri ekleyebilirsiniz.

Veya bir film inceleme sitesi oluşturmak istiyorsanız, derecelendirme, tür ve inceleme özeti gibi bilgileri ekleyebilirsiniz.

Yukarıdaki örnekte, puan, Tür ve özeti eleştiri özel alanlar denir.

Merak ediyor olabilirsin neden sadece puanı, türü ve inceleme özetini WordPress düzenleyicisine eklemiyorsunuz?

Ayrıca Oku: Elementor'da bir kayıt sayfası nasıl oluşturulur 

Tabi ki yapabilirsin. Ancak, "tüm zamanların en iyi filmleri"nin bir listesini oluşturmak istediğinizi ve kullanıcılarınızın filmi puana, başlığa veya türe göre sıralayabilmelerini istediğinizi hayal edin.

Nasıl yapabildin?

Özel alanlar bu şekilde devreye girer.Özel alanlar, WordPress web sitenizdeki içeriği sıralamak ve yönetmek için daha fazla esneklik sağlar.

Özel alanlar, emlak listeleme web siteleri veya seyahat acentesi web siteleri gibi karmaşık web siteleri için özellikle önemlidir, çünkü daha iyi teklifler sunabilirsiniz. kullanıcı deneyimleri, makaleyi fiyata, incelemeye, kuruluma vb. göre sıralama yeteneği gibi.

Özel alanlardan en iyi şekilde yararlanmak için özel bir gönderi türü de oluşturabilirsiniz.

Un özel gönderi türü WordPress web sitenizde, blog gönderileri ve sayfalar gibi WordPress tarafından sunulan varsayılan içerik türleri dışında yeni bir içerik türü oluşturmanıza olanak tanır.

WooCommerce kullanıyorsanız, bu, özel alanlar ve özel bir gönderi türü uygulamanın mükemmel bir örneğidir.

Elementor'da özel alanlar nasıl eklenir

Genel olarak Elementor veya WordPress'te özel alanlar eklemek istiyorsanız önerdiğimiz iki WordPress eklentisi vardır:

Elementor'da özel alanlar eklemek için ücretsiz bir eklenti arıyorsanız ACF harika bir çözümdür, ancak Elementor Pro gereklidir. ACF, Elementor Pro ile yerel entegrasyon desteğine sahiptir.

Ücretli bir eklenti olmak, JetEngine ACF'den daha fazla özellik sunar. Özel alanlar oluşturmanın yanı sıra, özel gönderi türleri, özel taksonomiler, özel formlar ve liste öğeleri oluşturmak için de kullanabilirsiniz.

ACF kullanarak Elementor'da özel alanlar ekleme

ACF kullanarak özel alanlar eklemeden önce, WordPress web sitenize ACF eklentisini yüklediğinizden ve etkinleştirdiğinizden emin olun. Bu eklentinin ücretsiz sürümü şu adreste mevcuttur: WordPress eklenti dizini. Ayrıca, yapmamış olmanız durumunda Elementor'unuzu pro sürüme yükselttiğinizden emin olun.

Her şey hazır olduğunda, gidin ACF -> Ekle Yeni bir özel alan grubu eklemek için

Kontrol grubunuza bir isim verin ve butona tıklayın Alan ekle Özel bir alan eklemek için

Siz tıkladıktan sonra özel alan formu açılır yukarıya bir alan ekleyin. Alan etiketi, ad, tür vb. gibi gerekli parametreleri ekleyin ...

Düğmeye tıklayabilirsiniz Alan ekle diğer özel alanları eklemek için Özel alanları yukarı ve aşağı sürükleyerek sırasını ayarlayabilirsiniz.

Özel alanlar eklemeyi bitirdikten sonra bölüme geçin Yerleşme özel alan formu altında. Özel alan grubunu görüntülemek istediğiniz gönderi türünü tanımlayın. Blog gönderileri, sayfalar, özel gönderi türleri veya sınıflandırmalar olsun.

O zaman bölüme git ayarlar özel alanlar grubunun konumunu, stili, etiketlerin yerleşimini ve talimatların yerleşimini tanımlamak için. Bittiğinde, düğmeye tıklayın yayınlamak özel alanları seçilen içerik türüne uygulamak için.

Elementor'da özel alanlar nasıl eklenir

Kaçırdığınız alanlar veya değiştirmek istediğiniz ayarlar varsa, özel alan grubunuzu şuraya giderek düzenleyebilirsiniz: ACF -> Kontrol grupları. Farenizi değiştirmek istediğiniz özel alan grubunun üzerine getirin ve bağlantıya tıklayın Düzen.

ACF ile oluşturulmuş özel alan tiplerini Elementor tasarımına ekleme

Yukarıda ACF ile oluşturduğunuz özel alanları Elementor tasarımlarınızda kullanabilirsiniz. Tema oluşturucunun sayfaları veya şablonları olsun. Bunu yapmak için, Elementor ile özel alanlarınızı eklemek istediğiniz bir sayfayı/şablonu düzenleyin.

Ayrıca Oku: Elementor'da yazar arşiv sayfası nasıl oluşturulur

Yeni bir widget ekleyin (yani Başlık widget'ı). Widget eklendikten sonra, içeriği tanımlamak için sol panele gidin, veritabanı simgesine tıklayın ve ACF Alanı.

İngiliz anahtarı simgesini tıklayın ve seçenek açılır menüsünden eklemek istediğiniz alanı seçin Anahtar.

Elementor'da özel alanlar nasıl eklenir

Ve işte karşınızda, ACF eklentisi ile özel alanınızı yarattınız.

Aynı sonucu Elementor JetEngine'in WordPress eklentisini kullanarak da elde edebilirsiniz.

Sonunda

Özel alanlar, WordPress'in gücünü açığa çıkarmak için çok önemlidir. Onlar sayesinde e-ticaret, emlak reklamcılığı vb. için dinamik ve karmaşık bir web sitesi oluşturabilirsiniz.

Özel alanları yönetme yeteneği, Elementor'u bir WordPress sayfa oluşturucu eklentisi kadar özel yapan şeylerden biridir. Özel alanlardan yararlanarak tasarımlarınıza özel dinamik içerik ekleyebilirsiniz.

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da özel alanların nasıl ekleneceğini gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...

Elementor'da form gönderimleri nasıl yönetilir?

Elementor'da form gönderimleri nasıl yönetilir?

Elementor'da form gönderimlerinin nasıl ele alınacağını bilmek ister misiniz?

Elementor Pro, form oluşturmak için kullanabileceğiniz bir Form widget'ına sahiptir. Bu widget'ı kullanarak bir form oluşturduğunuzda, e-posta adresinize hangi form gönderimlerinin gönderileceğini ayarlayabilirsiniz, ancak anket, fotoğraf yarışması veya bilgi yarışması gibi bazı ihtiyaçlar için form gönderimlerinizi göndermek yerine bir veritabanına kaydetmeniz gerekir. E-posta adresiniz.

Ne yazık ki, Elementor form gönderimlerini yönetme işlevi yoktur.

Elementor formunuzu aşağıdaki gibi bir form arka uç hizmetine bağlayabilirsiniz: alın et taşıma webhook entegrasyon desteği sayesinde, ancak daha fazla çaba gerektirir ve ekstra para harcamanız gerekir.

Form gönderimlerinizi bir veritabanına kaydetmek istiyorsanız harika bir çözüm var: Form Vibes.

Form Vibes nedir?

Form Vibes, form gönderimlerini bir veritabanına kaydetmek için kullanabileceğiniz bir WordPress eklentisidir. Bu eklenti, Contact Form 7 ve Elementor's Form widget'ı gibi varsayılan bir gönderim yöneticisine sahip olmayan bir form oluşturucu eklentisi kullanıyorsanız idealdir.

Form gönderimlerini WordPress kontrol panelinizden yönetebilirsiniz. Ayrıca, Microsoft Excel gibi araçları veya diğer benzer araçları kullanarak daha fazla işlemek için bunları bir CSV dosyasına da aktarabilirsiniz.

Form Vibes, formunuzun performansını izlemenize olanak tanıyan bir analiz özelliğiyle birlikte gelir.

Form Vibes resmi web sitesi: wpvibes.com.

Elementor'da form gönderimlerini yönetmek için Form Vibes nasıl kullanılır?

1. Adım: Yeni bir form oluşturun

Elbette, form gönderimlerinizi yönetmek için Form Vibes'ı kullanabilmeniz için önce bir formunuz olmalıdır. Bunu yapmak için bir sayfa oluşturun ve Elementor ile düzenleyin. Mevcut bir sayfayı da düzenleyebilirsiniz. Elementor düzenleyicide, Form widget'ını sol panelden düzenleme alanına sürükleyerek ekleyin.

Elementor'da form gönderimleri nasıl yönetilir?

Sol panele gidin ve bloktaki form alanlarını ayarlayın Form Alanları altında İçerik sekmesi. İhtiyaçlarınıza göre alan ekleyebilir/kaldırabilirsiniz. Daha sonra Form Vibes kullanımında işinizi kolaylaştırmak için formunuza bir isim de verebilirsiniz.

Form alanlarının tanımı tamamlandıktan sonra bloğu açın Gönderdikten Sonra Yapılacak İşlemler. Form gönderimlerinizi bir veritabanına kaydetmek istediğiniz için alanı boşaltabilirsiniz. Eylem ekleyin.

Elementor'da form gönderimleri nasıl yönetilir?

Sekmeye git stil formunuzu özelleştirmek için. Bittiğinde, sayfanızı yayınlayın / güncelleyin.

2. Adım: Form Vibes eklentisini kurun ve etkinleştirin

Form titreşimleri ücretsiz bir eklentidir. Resmi WordPress eklenti deposunda mevcuttur. Yüklemek için şuraya gidin: Eklentiler -> Yeni ekle WordPress gösterge tablonuzda.

Arama kutusuna "Form Vibes" yazın. Bulduktan sonra düğmesine tıklayın Şimdi yükleyin WordPress sitenize yüklemek için. Eklentiyi kurduktan hemen sonra etkinleştirin.

Elementor'da form gönderimleri nasıl yönetilir?

3. Adım: Form Gönderimlerini Yönetmeye Başlayın

Form Vibes eklentisi yüklenip etkinleştirildiğinde, WordPress kontrol panelinizde adlı yeni bir menü öğesi göreceksiniz. Form titreşimleri. Üstüne tıkla.

Form gönderimlerini yönetmeye başlamadan önce şuraya gidin: Form titreşim ayarları -> Kaydetmek istediğiniz kullanıcı verilerini tanımlamak için Kaydedebileceğiniz 4 tür veri vardır:

  • IP adresi
  • Kullanıcı aracısı
  • Hata ayıklama modu
  • CSV dışa aktarma nedeni
  • Otomatik yenileme
  • Kalıcılık filtresi

düğmesine tıklayın Ayarları Kaydet değişiklikleri kaydetmek için.

Form gönderimlerinizi yönetmeye başlamak için şuraya gidin: Form Vibes -> Gönderimler. Form Vibes, WordPress web sitenizdeki tüm formları otomatik olarak algılar. Tablonun yukarısındaki çubukta bulunan açılır menüden yukarıdaki 1. adımda az önce oluşturduğunuz Elementor formunu seçin.

Not: Formunuz açılır menüde görünmüyorsa, zaten en az bir gönderi içerdiğinden emin olun.

Form Vibes iki eylem sunar: dışa aktarma ve silme.

Form gönderimlerini dışa aktarma

Form Vibes, form gönderimlerinizi bir CSV dosyasına aktarmanıza olanak tanır. Microsoft Excel veya CSV dosyalarını destekleyen diğer veri işleme araçlarını kullanarak daha fazla işlem yapmak istiyorsanız bu seçeneği seçebilirsiniz.

Form gönderimlerini bir CSV dosyasına aktarmak için kutuyu işaretleyerek dışa aktarmak istediğiniz gönderimleri seçin. Tüm gönderileri seçmek için üstteki kutuyu işaretlemeniz yeterlidir. Gönderimlerin seçimi tamamlandıktan sonra açılır menüyü tıklayın Eylemi seç ve seç Hızlı Dışa Aktarma.

Elementor'da form gönderimleri nasıl yönetilir?

Form gönderimlerini silme

Form gönderilerini silmek için, silmek istediğiniz gönderileri seçin, açılır menüyü tıklayın seçmek Action ve seç Kaldırmak.

Sonunda

Form Vibes, form gönderimlerinizi, daha kolay gönderim yönetimi için ideal olan form alanlarınıza dayalı sütunlarda görüntüler. Ayrıca Form Vibes ayarları sayfasında tanımladığınız verilere dayalı olarak gönderi ayrıntılarını görüntülemek için her bir gönderiye tıklayabilirsiniz.

Formunuzla ilgili istatistikleri görüntülemek için şuraya gidin: Form Vibes -> Analitik. İstatistikleri görüntülemek istediğiniz formu seçin ve tarih aralığını belirleyin. Ayrıca günlük istatistikleri, haftalık istatistikleri ve aylık istatistikleri de görüntüleyebilirsiniz.

Elementor'da form gönderimleri nasıl yönetilir?

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da form gönderimlerini nasıl ele alacağınızı gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...

Elementor'da Adobe fontları nasıl kullanılır?

Elementor'da Adobe fontları nasıl kullanılır?

Elementor'da Adobe yazı tiplerini kullanmak ister misiniz?

Profesyonel sürümü kullanma eleman ikincisini çok çeşitli hizmet ve araçlarla entegre etmenize olanak tanır. Adobe Fonts -Adobe Font- (eski adıyla TypeKit) bunlardan biridir. Adobe Fonts, zaten bildiğiniz gibi, Google Fonts dışındaki fontlar için en iyi kaynaklardan biridir. Adobe Fonts'u Elementor ile entegre etmek, Elementor'unuzun font kitaplığını zenginleştirecektir.

Ayrıca bakınız: WordPress'te Elementor nasıl kurulur

Adobe Fonts'taki fontları kullanmak için Adobe Fonts hesabınızda en az bir web projenizin olması gerekir. Ardından, Adobe Fonts'u Elementor'unuzla entegre etmek için web projesi kimliğinizi kullanabilirsiniz.

Adobe Fonts'ta bir web projesi nasıl oluşturulur

Henüz bir web projeniz yoksa, önce bir tane oluşturabilirsiniz. Bunu yapmak için şu adresi ziyaret edin: Adobe Fonts web sitesi ve Adobe hesabınızla oturum açın. Giriş yaptıktan sonra, tıklayın Yazı Tiplerine Göz Atın Bir yazı tipi ailesine göz atmak için sol üst köşedeki

Beğendiğiniz bir yazı tipi ailesi bulun ve Görüntüle düğmesini tıklayın. famille Ayrıntıları görüntülemek için

Elementor'da Adobe yazı tiplerini kullanın

Tıkla Web projesine ekle sağ tarafta.

In açılır pencere görünen, açılır menüden bir proje seçin. Henüz bir projeniz yoksa, bir isim vererek ve butona tıklayarak bir proje oluşturun. Oluşturmak.

Elementor'da Adobe yazı tiplerini kullanın

Yeni projeniz kontrol edildikten sonra, üzerine tıklayın. Adobe Fontlarım sağ üst köşede.

Sekmesine tıklayın Web projeleri. Elementor ile entegre etmek istediğiniz mevcut projelerden birini seçin ve Proje Kimliğini seçin.

Elementor'da Adobe yazı tiplerini kullanın

Projenize yazı tipi aileleri eklemek için Yazı Tiplerine Göz Atın sol üst köşede. Beğendiğiniz bir yazı tipi ailesini seçin ve Göster düğmesini tıklayın. famille Ayrıntıları görüntülemek için

Ayrıca Oku: Elementor'da form gönderimleri nasıl yönetilir?

Tıkla Web projesine ekle yazı tipi ailesini eklemek istediğiniz web projesini açılır menüden seçin.

Elementor ile Adobe Fonts Entegrasyonu

WordPress panonuza giriş yapın ve Elementor -> Ayarlar Elementor ayarları sayfasını açmak için Oradayken, sekmeye tıklayın Entegrasyonlar. Bölüme doğru aşağı kaydırın Adobe Yazı Tipleri (TypeKit) ve az önce kopyaladığınız proje kimliğini yapıştırın.

Ayrıca okuyun: Elementor'da çalışmayan video otomatik oynatma nasıl düzeltilir

düğmesine tıklayın Proje Kimliği alın. Düğmeyi tıklamayı unutmayın Değişiklikleri Kaydet Değişiklikleri uygulamak için alttaki

Elementor'da Adobe yazı tiplerini kullanın

Senkronizasyon işleminin birkaç dakika sürebileceğini lütfen unutmayın. Aceleniz varsa, Senkronizasyon düğmesine tıklayabilirsiniz. proje Adobe Fonts'ta projenize yeni bir font ailesi eklemeyi bitirdiğinizde.

Ayrıca bakınız: Elementor'da özel alanlar nasıl eklenir

Her şey yolunda giderse, artık Elementor sayfanızda veya şablonunuzda Adobe Fonts'tan bir yazı tipi kullanabilirsiniz. Sonucu test etmek için bir widget'ın tipografisini ve yazı tipi ailesini değiştirmeyi deneyin. Elementor, Özel Yazı Tipleri bölümünün hemen altında Adobe Yazı Tipleri yazı tiplerini görüntüler.

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da Adobe fontlarının nasıl kullanılacağını gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...

Elementor'da metne resim nasıl eklenir

Elementor'da metne resim nasıl eklenir

Elementor'da metne nasıl resim ekleyeceğinizi bulmanız mı gerekiyor?

Elementor herkesin gelişmiş CSS becerilerine sahip olmasına gerek kalmadan web tasarımcısı olmasını mümkün kıldı. Görsel düzenleyicisi, tek bir CSS kodu satırı yazmadan güzel bir web sayfası oluşturmanıza olanak tanır. İstediğiniz tasarım öğelerini (widget'ları) ekleyebilir ve ayarlar panelinde özelleştirebilirsiniz.

Öyle olsa bile, CSS becerilerine sahip olmak Elementor'u kullanmak için harika bir bonus olacaktır. İşlevi kullanarak web sayfanıza benzersiz stiller uygulayabileceksiniz. Özel CSS Elementor'dan. Bu makalede, Elementor'un Özel CSS özelliğini kullanarak Elementor'da metin içine nasıl resim ekleyeceğinizi göstereceğiz.

GIMP ve Photoshop gibi bazı tasarım araçlarında, metne bir görüntü eklemek için genellikle bir katman işareti eklemeniz gerekir. Elementor'da, CSS kodunu Başlık widget'ı olarak ekleyerek de aynısını yapabilirsiniz ve Elementor'da Metin widget'ı, arka plan olarak resim eklemek için bir ayar seçeneğine sahip değildir.

Elementor metnine resim ekleme

Başlamadan önce, özel CSS işlevselliği yalnızca Elementor Pro'da mevcut olduğundan, Elementor sürümünüzü pro sürüme yükselttiğinizden emin olun. Hazır olduğunuzda yeni bir sayfa veya şablon oluşturun ve Elementor ile düzenleyin. Elbette mevcut bir sayfayı veya şablonu da düzenleyebilirsiniz.

Ayrıca bakınız: Elementor: İçindekiler nasıl eklenir

Başlık widget'ını düzenleme kutusuna ekleyin.

Elementor'da metne resim nasıl eklenir

Sekmenin altındaki varsayılan metni değiştirmek için ayarlar paneline gidin içindekiler.

Ayrıca şu kılavuzumuzu okuyun: Elementor: Renk seçici nasıl kullanılır

Sekmeye git stil metni kişiselleştirmek için İçindeki kalem simgesine tıklayarak metin boyutunu, yazı tipi stilini vb. ayarlayabilirsiniz. Tipografi seçeneği bloğun altında Başlık. Metniniz için arka plan olarak bir resim kullanmak istediğiniz için metin rengini ayarlamanıza gerek yoktur.

Ardından sekmeye gidin gelişmiş ve bloğu aç görenek CSS ve aşağıdaki CSS kodunu yapıştırın. Resim URL'sini kendi resim URL'nizle değiştirin.

selector .elementor-heading-title
{
     background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70%  ;
     -webkit-background-clip:text;
     -webkit-text-fill-color:transparent;
}

İşte örnek.

Elementor'da metne resim nasıl eklenir

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da metne nasıl resim ekleneceğini gösteren bu makale bu kadar.. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...

Elementor: Renk seçici nasıl kullanılır?

Elementor: Renk seçici nasıl kullanılır?

Elementor'da renk seçiciyi kullanmak ister misiniz?

Elementor yeni bir özellik yayınladı, Renk seçici. Bu özellik oldukça kullanışlı çünkü artık aynı rengi web sitenizin herhangi bir yerinde tek bir tıklama ile kullanabilirsiniz. Bu nedenle, daha önce olduğu gibi onaltılık kodu manuel olarak yapıştırmak artık gerekli değildir.

Ama bu özelliği nasıl kullanıyorsunuz? Öğrenmek için okumaya devam edin.

Ayrıca okuyun: Elementor'da genel yazı tipleri nasıl kullanılır?

Unuttuysanız, bu dünyada 10 milyondan fazla renk var. Web dünyasında, bir renk onaltılık bir kod veya bir RGB kodu ile temsil edilebilir. Elementor'un kendisi her iki renk kodunu da destekler. Aynı rengi kullanmak için istediğiniz rengin hex kodunu veya RGB kodunu kopyalayabilir ve kodu, rengi kullanmak istediğiniz herhangi bir yere yapıştırabilirsiniz.

O önceydi.

Elementor'un Renk Seçicisi ile artık belirli bir rengi kaydedebilir ve Elementor Düzenleyici ile her çalıştığınızda tekrar tekrar kullanabilirsiniz. Tek bir tıklama ile. Bu yeni özellik oldukça havalı çünkü uygun bir renk bulmak, bir yazı tipi seçmekten başka web tasarımının zor görevlerinden biri.

Ayrıca bakınız: Elementor'da global renkler nasıl kullanılır?

Elementor'un renk seçicisi nasıl kullanılır?

Elementor'un renk seçicisini kullanmak için önce her zamanki gibi bir widget ekleyin. Widget eklendikten sonra sekmeye gidin stil sol panelde. Renk içeren herhangi bir ayarı seçin (örneğin, metin rengi veya arka plan rengi).

Ayrıca Oku: Elementor'da dosya yükleme formu nasıl oluşturulur

Renk seçicide en sevdiğiniz rengi seçin. Uygun bir renk bulduğunuzda, renk seçicinin içindeki artı düğmesini tıklayın.

Yeni bir global renk oluşturmak isteyip istemediğinizi onaylamanız istenecektir. Yeni bir ad girin ve düğmesine tıklayın Oluşturmak.

Elementor'da renk seçici nasıl kullanılır?

Şu andan itibaren, Elementor'da bir renk ayarlamak istediğinizde yukarıda eklediğiniz rengi yeniden kullanabilirsiniz. Arka plan rengi, yazı tipi rengi veya rengi içeren diğer ayarlar olsun.

Ayrıca Oku: Elementor'da sayfalama nasıl eklenir

Bunu kanıtlamak için başlık gibi rengi kabul eden başka bir unsur arayabilir, o rengi uygun gördüğünüz şekilde yeniden kullanabilirsiniz.

Elementor'da renk seçici nasıl kullanılır?

Daha sonra bu renkleri yönetmek istiyorsanız, aşağıdaki kılavuzumuzu okumanızı öneririz. Elementor'da global renkler nasıl kullanılır?

Son sözler

Web tasarımında yazı tipi seçimi dışında renk seçimi de zor işlerden biridir. Uygun bir renk bulunduğunda, üzerinde çalıştığınız sayfanın diğer bölümlerinde kullanmak için genellikle hex kodunu veya RGB kodunu kopyalarsınız.

Ayrıca bakınız: Elementor'da içindekiler nasıl eklenir

Elementor'un renk seçicisiyle bu eski yöntem artık geçerli değil. Artık onaltılı kodu yapıştırmak yerine belirli bir rengi kaydedebilir ve tek tıklamayla yeniden kullanabilirsiniz.

Elementor Pro'yu Hemen Alın!

Sonuç

Burada ! Elementor'da renk seçiciyi nasıl kullanacağınızı gösteren bu makale bu kadar. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.

Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...