Herhangi bir kodlama bilgisi olmadan özel Elementor Widget’ınızı oluşturun
Bir web sitesi tasarlamak sanatsal bir görevdir. Bu, web sayfalarını tasarlamak için bir dahi tasarımcı veya yüksek teknoloji araçlarında yetkin olmanız gerektiği anlamına gelmez. Dürüst olmak gerekirse, gerçek gerçekler gerçeklikten uzaktır! İnanılmaz web siteleri tasarlamak için lüks araçlara veya olağanüstü becerilere ihtiyacınız yoktur. Hazır bir şablon veya birçok widget ile tema ve sayfa yapımcısı kullanarak, herkes (siz dahil) açıkça şaşırtıcı web sayfaları oluşturabilir. Özellikle bunun gibi süper ayrıntılı bir kılavuzla silahlıysanız, bir web sayfası tasarlama işlemi çok pürüzsüz olacaktır.
Bugün, Widget Elementor Maker’ı kullanarak özel bir widget yapma sürecini bilgilendirerek web tasarım bilginizi artırmayı planlıyoruz. Devam edelim … şimdi!
Widget nedir? Widget’lar belirli görevleri tamamlamak için kullanılan küçük GUI uygulamasını ifade eder. Widget’lar web sitenizden düğmeler, onay kutuları, iletişim kutuları, kaydırma, arama kutuları, haritalar, saatler, ziyaretçi sayıları vb. Sınırlı bir kullanıcı arayüzüne sahip daha küçük bir formda gelen uzantı, widget olarak bilinir.
Elementor sayfasının üreticisini örnek olarak ele alalım. Bu sayfa üreticisi birçok varsayılan widget ile donatılmıştır. Web sayfalarınızı tasarlamak için bunlardan birini kullanabilirsiniz. Ancak, gerekirse Elementor için özel bir widget da oluşturabilirsiniz. Ve, Widget ElementsKit Makers bunu yapmanıza yardımcı olacak!
Widget ElementsKit Yapımcılarını Kullanmanın Avantajları Özel bir widget oluşturmak için hepimiz widget’ın web sitesine olağanüstü işlevsellik eklediğini biliyoruz. Ancak, özel görevinizi tamamlamak için uygun widget’ı bulmak neredeyse imkansızdır. Bu durumda, özel bir widget oluşturmaktan başka seçeneğiniz yoktur. Ve widget üreticisi, bu özel widget’ı eskisinden daha kolay hale getirme işlemini yapar. Widget üreticilerini kullanmanın ana avantajlarına bakalım.
Herhangi bir kodlama bilgisi olmadan özel bir widget oluşturun
Tamamen duyarlı widget
Elemanları çekerek ve serbest bırakarak görsel olarak bir widget yapın
Yapılandırılmış İçeriği Destekleyin
Mandiri kod editörü dahil
Çeşitli alan türlerini vb. Destekleyin.
Bu, Widget ElementsKit Maker’ın ana yararıdır.
Elementli özel bir Elementor Widget’ı nasıl yaparım? Tam çalışan bir widget, web sitenizi oluşturma deneyimini geliştirebilir. Bu nedenle, web siteniz için özel bir Elementor Widget oluşturmak çok önemlidir.
Bu, Widget ElementsKit Maker’ı kullanarak özel bir Elementor widget’ı oluşturmak için adım adım bir işlemdir.
Özel Elementor Widget’ı oluşturmak için önkoşullar, aşağıdaki eklentiye ihtiyacınız var –
Eleman Sayfa Yapıcı ve
Addon Element ElementsKit
Bu araçlar WordPress sitenizde kurulduktan ve etkinleştirildikten sonra, geliştirme sürecini başlatma zamanı.
Adım #1: Widget Maker’ı etkinleştirin Widget Yapma işlemini başlatmak için Widget Maker modülünü gösterge paneli panelinden etkinleştirdiğinizden emin olun. Açmak için ElementsKit gösterge paneli paneline devam edin, ardından modülü tıklayın. Modül bölümünde ‘Widget Builder’ modülünü bulun ve açın.
Bu, widget üreticisinin aktif mi yoksa aktif olmayan olup olmadığını kontrol etme işlemidir – widget üreticisini etkinleştirir, modülü etkinleştirdikten veya devre dışı bıraktıktan sonra ‘Değişikliği Kaydet’ düğmesine tıklamayı unutmayın.
Adım #2: Yeni bir widget oluşturmak için bir widget oluşturun, ElementsKit> Widget Builder’a devam edin. Yeni sayfada, “Yeni Ekle” adlı yeni bir düğme göreceksiniz. Düğmeye tıklamak, Elementor’unuzun sol paneli için yeni bir widget oluşturur.
Widget adınızı verirken widget’ın başlığını ve simgesini ayarlayın, görevinizle alakalı kaldığınızdan emin olun. Ve widget’ınıza ilgili simgeler ekleyin. Adım #3: Yeni widget’ınızı ayarlamak, Elementor için yeni bir widget oluşturmak için -derinlemesine kodlama bilgisinde gerektirmez. Widget ElementsKit üreticileri işlemi eskisinden daha pürüzsüz hale getirir. Elemanların kontrolünü sol panelden sürükleyin ve orta panele yerleştirin. Kontrollü kontrol otomatik olarak sağ kartta bir değişken oluşturur. Bu değişkeni tıklayın, kod düzenleyicisine otomatik olarak girilir. Gerekirse kod düzenleyicisi aracılığıyla ek bir HTML, CSS ve JavaScript işaretlemesi ekleyebilirsiniz. Yeni bir widget oluşturduktan veya bazı ayarlamalar yaptıktan sonra Kaydet düğmesini tıklayın ve bitirin. Aşağıda ayrıntılı süreç –
Yeni bir widget oluşturma Bu kontrolü stil veya gelişmiş sekmeye de ekleyebilirsiniz.
Adım #4: Widget alanını değiştirin Bir widget geliştirirken, tüm widget alanlarını ayarlayabilirsiniz. Örneğin, etiket adını, yer tutucusunu, varsayılan değeri vb. Ayarlayabilirsiniz. Ancak, ayarlama seçeneği her panel için aynı değildir. Farklı kontrol panellerinin farklı giriş alanları vardır. Pro -Tips Widget alanını ayarlayın: Aynı denetimi birkaç kez eklerken, ad benzersiz olmalıdır. Değilse, değişken bir çatışma yaratacaktır. Adım #5: Çalışmak için yeni yapılmış yeni üretilen widget widget, mevcut Elementor Widget’a çok benzer. Yeni oluşturulan widget, Elementor panelinde mevcut olacak. Yeni widget’ı kontrol etmek için yeni bir web sayfası açın ve yeni bir web sayfasında widget’ı sürükleyin.
Pro Tips’in yeni widget’ını kontrol etme: Widget Elementor Maker aracılığıyla özel bir Elementor Widget oluşturmak için her ElementsKIT kontrolünü ekleyebilirsiniz. Daha fazla Elementor Control’a erişmek için Pro ElementsKit sürümünü alın. Elementleri Alın ElementsKit Pro Widget ElementsKit Makers hakkında daha fazla bilgi edinmek için aşağıdaki videoya bakın.
ElementsKit ElementKit tarafından desteklenen kontrol alanlarının listesi, özel widget’lar oluşturmak için birçok kontrol alanı sunar. Aşağıda desteklenen kontrol alanlarının bir listesi –
Metin – metin düzlemi metin girişi almak için kullanılır.
Sayı – Kullanıcı numarayı kontrol alanı numarasından girebilir.
Textarea – TextAea alanı, sayılar, metin, semboller vb. Girmek için kullanılır.
WYSIWYG – Bu WordPress -Rich Metin Düzenleyicisidir.
Bu kodlar, ACE düzenleyicisine dayalı kod editörleri ekleyecektir.
Gizli – Gizli Giriş sütunu, kontrol panelinde giriş sütunu sağlamadan verileri doğrudan veritabanında saklamak için kullanılır. Anahtarlayıcı – Switcher onay kutusunun lüks bir temsilidir. Bu, farklı blokları veya web sayfası öğelerini görüntülemek/gizlemek için kullanılır.
Seçin – Seçenekleri Seçin Kullanıcıya seçim yapabileceğiniz birkaç seçenek verin. Bu, açılır menüdeki seçeneği gösterir.
SEÇ – SEVİYORUM SEÇİMLERİ İLE İLE İLGİLİ Düğmeler veya Düğme Grupları ve Stiller veya Diğer Seviyeler Düzenlemesi’ni görüntüleyin.
Renk – Bu, alfa vardiyası ile dolu renk seçmenleri alanına izin verir.
Font – Yazı Tipi Denetimi, kullanıcılara Google Yazı Tipi Kütüphanesinden yazı tiplerini seçmelerini sağlar.
Zaman ve saati seçmek için Flatpickr Kütüphanesi Kullanma Zamanının Zaman Tarihi.
URL – URL alanı bir düğme ile bir bağlantı sağlar. Bağlantıyı aynı veya yeni sekmede açmak için düğmeyi ayarlayabilir ve nofollow yapabilirsiniz.
Medya – Kullanıcılar bu bölümü kullanarak farklı medya seçebilir. Bu, WordPress Medya Kütüphanesi’nden medya dosyasını gösterir.
IKON – Kontrol simgeleri, kullanıcıların harika yazı tipi simgesi ve lite öğelerinin kütüphanesinden simgeler eklemelerine olanak tanır. Kullanıcılar özel simge kitaplıklarını WordPress Media Kütüphanesinden de yükleyebilir.
Kaydırıcı – Kaydırıcı, sayısal değer aralığı arasında seçim yapmak için kullanılan sürüklenebilen bir ölçektir.
Boyutlar – Kontrol boyutları, bir eleman için uygun yeri düzenlemek için dört giriş panelinden oluşur. Giriş paneli üst, sağ, alt ve soldur.
Sınır – Bu, kullanıcıların türü, genişliği ve renk türünü ayarlamalarını sağlar.
Arka Plan – Arka Plan Kontrolü, kullanıcıların arka plan görüntüleri, video ve renkler eklemelerini sağlar. Videoya statik veya gradyan rengi ekleyebilirsiniz. Kutu gölgeleri kutunun etrafına beş farklı gölge türü sunar. Buna yatay gölgeler, dikey gölgeler, bulanık gölgeler, gölge yayılması ve renkli gölgeler dahildir.
Metin Gölgesi – Bir kutunun gölgesi gibi, metnin gölgesinin kontrolü de dört farklı kontrol sağlar. Bu, metnin etrafında yatay bir gölge, dikey gölge, bulanık gölge ve renkli gölge.
Tipografi – Tipografi, kullanıcıların yazı tipi ailesini, yazı tipi boyutunu, yazı tipi ağırlığını, yazı tipi kuvvetini, çizgi yüksekliği, metin dönüşümü ve harf alanını ayarlamalarını sağlar.
Görüntü Boyutları – Kontrol Görüntü Boyutları Görüntünün Yüksekliği, Genişlik ve Düğme Uygulamasından oluşur.
Select2-IT ayrıca seçilmiş bir kontrol gibi bir açılır menü yapar, ancak daha fazla stil ve tasarıma sahiptir.
Hover Animation – Bu kontrol, hover.css kütüphanesine dayalı farklı bir seçme kutusuna animasyon ekler.
Giriş Animasyonu – Girilen Animasyon Denetimi, kullanıcıların hayvan.css kütüphanesine göre düğmenin görüntülemesini ayarlamasına olanak tanır.
Bu, özel bir Elementor Widget oluştururken kullanabileceğiniz Widget ElementsKit Maker’ın kontrolüdür.
Son sözler iyi, bu olağanüstü bir yolculuk! Ancak, sonuna kadar başardık. Umarım öğeleri kullanarak özel bir Elementor Widget oluşturmayı başarırsınız. Şimdi ilerleyin ve mükemmel bir özel Elementor widget’ı yapmaya başlayın. Herşey gönlünce olsun!
