Elementor'da dosya yükleme formunun nasıl oluşturulacağını öğrenmek ister misiniz?
Muhtemelen bildiğiniz gibi, Elementor'un pro sürümü, WordPress web sitenizde formlar oluşturmak için kullanabileceğiniz bir Form widget'ı ile birlikte gelir. Bu widget ile hemen hemen tüm form türlerini oluşturabilirsiniz. Bu pencere öğesi tarafından, dosya yükleme alanı da dahil olmak üzere, yaklaşık 19 tür alan vardır.
Bu yazıda size dosya yükleme alanından oluşan bir form oluşturmayı göstereceğiz.
Ancak, başlamadan önce Elementor sürümünüzü Pro sürümüne yükselttiğinizden emin olun, çünkü Form widget'ı yalnızca Elementor Pro'da kullanılabilir.
İlk olarak, yeni bir sayfa oluşturun veya bunu Elementor ile yayınlayın ve düzenleyin.
Formunuzu eklemek için sayfayı oluşturmaya başlamadan önce düzeni ayarlayın. Bunu yapmak için sol panelin sol alt köşesindeki dişli simgesine tıklayın. Açılır menüden tercih ettiğiniz düzeni ayarlayın düzen.
Elementor'un düzenleme kutusundaki artı simgesine tıklayarak yeni bir bölüm ekleyin. Oluşturmak istediğiniz tasarım konseptine göre herhangi bir yapıyı seçebilirsiniz. Bu örnekte tek bir sütun yapısı seçiyoruz.
Form widget'ını sol panelden tuval alanına sürükleyerek ekleyin.
Varsayılan olarak, üç alandan oluşan bir formunuz vardır: Ad, E-posta ve Mesaj. İhtiyacınız olmayan bir alanı, alandaki x simgesine tıklayarak kaldırın.
Bu yazımızda Ad, E-posta, Mesaj ve Dosya yükleme olmak üzere 4 alandan oluşan bir form oluşturacağız. Formda varsayılan olarak sadece 3 alan bulunduğundan Dosya Yükleme alanı için yeni bir form eklemeniz gerekmektedir.
düğmesine tıklayın BİR ÖĞE EKLE Yeni bir alan eklemek için Alan türünü tanımlayın Dosya Yüklemede. Zorunlu alan olarak tanımlamak istiyorsanız seçeneği aktif ediniz. Gereklidir. Açılır menüden maksimum dosya boyutunu şu şekilde ayarlayın: Maksimum Dosya Boyutu.
İzin verilen dosya türlerini tanımlamak için dosya uzantılarını girin İzin Verilen Dosya Türleri. Dosya uzantılarını virgülle ayırarak birden çok dosya türünü kabul edebilirsiniz. Ziyaretçilerinizin birden fazla dosya göndermesine izin vermek istiyorsanız, seçeneği etkinleştirin. Çoklu Dosyalar ve indirebilecekleri maksimum dosya sayısını ayarlayın.
Alanların sırasını değiştirmek isterseniz, her alanı yukarı veya aşağı sürükleyebilirsiniz. Bu örnekte, Dosya Yükleme alanını Mesaj alanının üstüne yerleştiriyoruz.
action'un tanımı
Elementor formunuzu şu şekilde bağlayabilirseniz harika olur. form arka uç hizmetleri gibi alın ou Taşıyıcı. Ne yazık ki Elementor, herhangi bir form arka uç hizmetiyle entegrasyonu desteklemez.
Bu yazıda, e-postadaki eylemi tanımlayacağız. Bu, formunuz aracılığıyla gönderilen gönderilerin belirtilen e-posta yoluyla gönderileceği anlamına gelir.
Varsayılan olarak, form eylemi e-posta olarak ayarlanmıştır. Bunu seçenekten kontrol edebilirsiniz Gönderdikten Sonra Yapılacak İşlemler.
Ardından seçeneği açın E-posta ve form gönderimlerinin gönderileceği e-posta adresini ayarlayın. Ayrıca e-postanın konusunu da tanımlayın.
Her zaman seçeneğin altında E-posta, e-posta gövdesini seçeneğe ayarla Mesaj.
E-postanın gövdesini özelleştirmek için gövdeye eklemek istediğiniz alanların kısa kodlarını yapıştırabilirsiniz. Bunları sekmede bulabilirsiniz İLERİ her alanın.
E-postanızın gövde meta verilerini de bu bölümde özelleştirebilirsiniz. Meta Veri. Dahil etmek istemediğiniz tüm meta verileri kaldırın.
Meta verilerin kendisi e-postanın gövdesinin altında görünecektir.
Alanlarında E-posta gelen, İsimden ve Cevaptan, onları boş bırakabilirsiniz.
Formu özelleştirme
Şimdiye kadar formunuz yayınlanmaya hazır. Yayımlamadan önce formu daha çekici hale getirmek için özelleştirebilirsiniz. Varsayılan olarak, formunuzdaki her alan bir etiket içerir. Kapatmak istiyorsanız, bunu şuradan yapabilirsiniz: Form Alanları seçeneği altında İçerik sekmesi.
Daha gelişmiş stil seçenekleri oluşturmak için sekmeye erişebilirsiniz. Stil. İşte ayarlayabileceğiniz bazı stil seçenekleri.
Etiketlerin tipografisi ve çizgiler arasındaki boşluğu tanımlayın
Etiketlerin tipografisinin yanı sıra çizgiler (alanlar) arasındaki boşluğu tanımlamak için seçeneği açabilirsiniz. Formu.
Bölümdeki satır boşluğunu ayarlayın Satır Boşluğu. Etiketlerin tipografisini (yazı tipi boyutu, yazı tipi stili ve yazı tipi ailesi) tanımlamak için kalem simgesine tıklayabilirsiniz. matbaacılık bölümünde Etiket.
Alan tipografisini, arka plan rengini, kenarlık rengini, kenarlık genişliğini ve kenarlık yarıçapını tanımlayın
seçeneği açabilirsiniz Alan kontrolün tipografisini, kontrolün arka plan rengini, kenarlık rengini, kenarlık genişliğini ve kenarlık yarıçapını tanımlamak için.
Özelleştir düğmesi
Düğmeyi özelleştirmek için seçeneği açabilirsiniz. Düğmeler. Buradan arka plan rengini, metin rengini, tipografiyi, kenarlık rengini, kenarlık yarıçapını vb. ayarlayabilirsiniz ... Sekmeye geç HOVER Düğme işaretini özelleştirmek için.
Ayarlayabileceğiniz birkaç başka özelleştirme seçeneği vardır. Formunuzun görünümünden memnun kalana kadar sol panelle oynayabilirsiniz. Bittiğinde, düğmeye tıklayabilirsiniz YAYINLA formunuzu yayınlamak için
Potansiyel hata
Formunuzu test ettiğinizde hata mesajları görünebilir. Aşağıda bir hata örneği verilmiştir.
Yukarıdaki hata genellikle paylaşılan bir web barındırma hizmeti kullanıyorsanız oluşur. Çoğu paylaşılan web barındırma sağlayıcısı özelliği devre dışı bırakır php send_mail, WordPress işlevselliği tarafından kullanılan wp_mail e-posta göndermek için.
Burada ! Elementor'da nasıl dosya yükleme formu oluşturacağınızı gösteren bu makale bu kadar..Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.
Elementor'da bir içindekiler tablosu oluşturmanız veya eklemeniz mi gerekiyor?
Araçlar veya yerler listesi gibi uzun bir makale yazarken içindekiler tablosu ekleyebilirsiniz. WordPress'te kullanabileceğiniz bir sürü eklenti var. içindekiler tablosu oluştur makalenizde.
Ancak Elementor ile, bir TOC eklemek istiyorsanız, TOC eklentisi yüklemeniz gerekmez. Elementor, uzun gönderinize bir içindekiler tablosu eklemenize izin veren varsayılan bir widget'a sahiptir. Burada örtbas edeceğiz.
Içindekiler son zamanlarda yeni bir widgetElementor tarafından tanıtıldı. Bu widget ile uzun makale sayfanızda ek gezinme sağlayarak ziyaretçilerinizin makalenizin bölümleri arasında kolayca geçiş yapmasını sağlayabilirsiniz.
Elementor'ın İçindekiler widget'ı, içindekiler tablonuzda görüntülenecek tam başlık etiketlerini seçmenize olanak tanır. Sayfadaki belirli bir kapsayıcıdan gelen başlıkları da kullanabilirsiniz.
Not: İçindekiler, profesyonel bir widget'tır. Kullanmak için Elementor'un pro sürümünü yüklemeniz gerekir.
Elementor'da İçindekiler widget'ı nasıl kullanılır?
Elementor'da İçindekiler widget'ını kullanmanın iki ideal yolu vardır. Her şeyden önce, Sayfalarda ve Gönderilerde (tamamen Elementor ile oluşturulmuş sayfalar ve gönderiler) kullanabilirsiniz. Alternatif olarak, WordPress web sitenizin benzersiz gönderi şablonunun üstünde İçindekiler widget'ını oluşturabilirsiniz.
Elbette, benzersiz gönderi şablonu Elementor ile yapılmalıdır. İçindekiler widget'ını tek bir gönderi şablonuna uygulayarak, gönderi, İçindekiler widget'ında ayarladığınız başlık düzeylerine dayalı olarak başlık etiketlerini içerdiği sürece, gönderinizde otomatik olarak bir içindekiler tablosu oluşturulacaktır.
İçindekiler widget'ını tek bir gönderi şablonuna ekleyin
Bu makalede, İçindekiler widget'ını tek bir gönderi şablonuna nasıl ekleyeceğinizi göstereceğiz. Yeni bir tek gönderi şablonu oluşturabilir veya mevcut şablonu düzenleyebilirsiniz. Bu örnekte yeni bir tek gönderi şablonu oluşturacağız.
Başlamak için WordPress kontrol panelinize giriş yapın ve şuraya gidin: Şablonlar -> Tema Oluşturucu. Tema Oluşturucu sayfasında şuraya gidin: Tek sekme ve düğmesine tıklayın TEK EKLE bir şablon oluşturmak için.
Seç bölümünde model türleri, seçmek Tekil Mesaj. Modelinize bir isim verin ve butona tıklayın BİR MODEL OLUŞTURUN.
Tek gönderi şablonunu sıfırdan oluşturacağız; şablon kitaplığını kapatın.
Elementor'un düzenleme kutusundaki artı düğmesine tıklayarak yeni bir bölüm ekleyin ve üç sütun yapısını seçin.
Yaklaşık %28: %61: %10 karşılaştırması yaparak sütunların genişliğini ayarlayın.
Gönderi başlığı, gönderi bilgisi ve gönderi içeriği gibi ortak öğeleri ikinci sütuna ekleyin ve buna göre özelleştirin. Bittiğinde, İçindekiler widget'ını ilk sütuna ekleyin.
Bölümdeki içindekiler tablonuzun başlığını tanımlayın Başlık ve bölüme dahil etmek istediğiniz başlık düzeylerini ayarlayın Etiketlere Göre Çapalar.
CSS konusunda bilginiz varsa, içerik listesinde görünmelerini önlemek için CSS seçicilerini hariç tutabilirsiniz.
bölümünde İşaretçi Görünümü, içerik öğeleri (madde işaretleri veya sayılar) için işaretçi ayarlayabilirsiniz. Madde işaretleri seçerseniz, simge kitaplığından simgeyi ayarlayabilirsiniz.
açık Ek Opsiyonlar Diğer ayar seçeneklerini görüntülemek ve istenen ayarları seçmek için
Şimdi sekmeye git stil İçindekiler Tablonuzu özelleştirmek için Arka plan rengini, bordür rengini, bordür genişliğini ve bordür yarıçapını bölümden ayarlayabilirsiniz. Kutu.
bölümünde Liste, Etkin öğenin metin rengini, farenizi üzerine getirdiğinizde öğenin metin rengini ve normal modda öğelerin metin rengini ayarlayabilirsiniz. Burada ayrıca içerik öğelerinin tipografisinin yanı sıra işaretçi rengini de ayarlayabilirsiniz.
İçindekiler Tablonuzu daha kullanışlı hale getirmek için, ziyaretçileriniz aşağı kaydırdığında görünür hale getirebilirsiniz. Bunu yapmak için sekmeyi açın gelişmiş ve seçeneğe erişin Hareket etkisi. Tanımlamak yapışkanüstte ve ofseti 80 civarına ayarlayın. İsterseniz bölümdeki giriş animasyonunu da ayarlayabilirsiniz. Giriş animasyonu.
İçindekilerden memnun kalana kadar sol panelle oynayabilirsin. Bittiğinde, düğmeye tıklayın YAYINLAve görüntüleme koşulunu ayarlayın.
İşte oluşturduğumuz bir içindekiler tablosu örneği.
Yukarıda oluşturduğunuz tek gönderi şablonunun görüntüleme koşulunu ayarlarsanız Tüm Tekil, belirttiğiniz başlık düzeyine göre başlık etiketlerini içeren uzun bir makale yazdığınızda otomatik olarak bir içindekiler tablosuna sahip olursunuz.
Sonunda
Uzun bir makaleye içindekiler tablosu eklemek, en iyi kullanıcı deneyimiziyaretçilerinize. İçindekiler tablosundaki öğelere tıklayarak makalenizin bir bölümünden diğerine kolayca atlayabilirler. Elementor'un yeni widget'ı ile bir makaleye içindekiler tablosu eklemek için ek bir eklenti yüklemeniz gerekmez.
Elementor ile bir sayfa veya gönderi oluştururken İçindekiler widget'ını kullanabilirsiniz. Alternatif olarak, WordPress web sitenizin benzersiz gönderi şablonuna İçindekiler widget'ını da ekleyebilirsiniz, böylece başlık etiketleri içeren her uzun gönderi yazdığınızda, içindekiler tablosu otomatik olarak oluşturulur.
Burada ! Elementor'da içindekiler tablosunu nasıl ekleyeceğinizi gösteren bu makale bu kadar.Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.
Hemen hemen her tür web sitesini oluşturmak için Elementor'u kullanabilirsiniz. Ezinler veya bloglar gibi dinamik web siteleri dahil. Ezinler veya bloglar gibi web siteleri için yeterince önemli unsurlardan biri navigasyondur.
Sayfalandırma, web sitenizin içeriğini birden çok sayfaya bölmenize olanak tanır. Diyelim ki ana sayfada göstermek istediğiniz yüzlerce makaleniz var. Sayfalandırma ile bu makaleleri birden çok sayfaya bölebilirsiniz. Örneğin, sayfa başına yalnızca 10 makale görüntüleyebilirsiniz. Diğer makaleleri görüntülemek için sayfalandırmayı kullanabilirsiniz.
Sayfalandırma tartışması yukarıda bahsettiğimizden daha geniş olabilir. Ancak biz bu bağlamda odaklanmak istiyoruz.
Elementor, web sitenize sayfalama eklemenizi sağlar. Widget ile çalışırken sayfalandırma ayarını bulabilirsiniz. Mesajlar ve widget Arşiv Yazıları. Bu makalede, bu widget'larla çalışırken sayfalandırmayı nasıl ekleyeceğinizi göstereceğiz.
Not: Gönderiler ve Gönderileri Arşivle widget'ları yalnızca Elementor Pro'da kullanılabilir.
Gönderiler ve Arşiv Gönderileri widget'ları ile Elementor'da sayfalandırma nasıl eklenir
Başlamak için yeni bir sayfa / gönderi oluşturabilir ve Elementor ile düzenleyebilirsiniz. Mevcut bir sayfayı da düzenleyebilirsiniz.
Ardından, Elementor düzenleyicisinde widget'ı ekleyin Mesajlar sol panelden düzenleme kutusuna sürükleyerek.
Widget eklendikten sonra sol panele gidin ve seçeneği açın Sayfalara numara koyma sekmenin altında içindekiler. Açılır menüden sayfalandırma türünü seçin. Bu örnekte kullandığımız Sayılar.
Sayfa numaralandırmanız varsayılan olarak sayfaları 5 ile sınırlandırır. Bu seçeneği, sahip olduğunuz makale sayısına bağlı olarak değiştirebilirsiniz. Burada dikkat etmeniz gereken çok önemli bir nokta var. Sayfa sınırı, ziyaretçinizin erişebileceği maksimum sayfa sayısıdır.
Çok sayıda gönderiye sahipseniz (örneğin 100'ün üzerinde), ziyaretçilerinizin gezinmede sayfa başına gönderileri görmelerini sağlamak için sayfa sınırını daha yüksek bir sayıya ayarlamalısınız. Sayfa sınırını 5'e ayarlarsanız, sayfa başına gönderi sayısını 10'a ayarlarsanız, ziyaretçiniz web sitenizdeki yalnızca son 50 gönderiyi görebilir.
WordPress (veya daha doğrusu Elementor), son 50 gönderi dışındaki eski gönderileri gizleyecektir.
Sayfalandırmanızı kısa ve düzenli hale getirmek için seçeneği etkinleştirebilirsiniz. kısaltın.
Sayfalandırmayı özelleştirme
Sayfalandırmanızı özelleştirmek için seçeneği açabilirsiniz. Sayfalara numara koyma altında Stil sekmesi sol panelden.
Yazı tipi stilini, yazı tipi boyutunu ve yazı tipi ailesini bölümünden ayarlayabilirsiniz. Tipografi. Tipografi ayarını açmak için kalem simgesini tıklayın.
Sayfalandırmanın rengini ayarlamak için bölümdeki renk seçiciye tıklayabilirsiniz. Renkler. Ayarlayabileceğiniz 3 renk vardır: NORMAL, HOVER ve AKTİF (aktif sayfa). Bölümdeki sayfa numaraları arasındaki boşluğu tanımlayabilirsiniz. Arasındaki boşluk.
İşiniz bittiğinde, düğmeye tıklayabilirsiniz YAYINLA sayfanızı yayınlamak için. Veya bir sayfayı düzenliyorsanız, düğmesine tıklayabilirsiniz. GÜNCELLEME Yeni değişiklikleri uygulamak için
Son sözler
Sayfalandırma, ezineler veya bloglar gibi dinamik web sitelerinde yeterince önemlidir. Elementor'da widget'ları kullanabilirsiniz Mesajlar Web sitenizdeki makaleleri görüntülemek için Widget'ı da kullanabilirsiniz Arşiv Yazıları Web sitenizin arşivlerini görüntülemek için
Bu widget'lar, web sitenizin bunları kullandığınız herhangi bir bölümüne gezinme eklemenize olanak tanıyan sayfalandırma ayarları seçeneklerine sahiptir.
Burada ! Elementor'da sayfalandırmanı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.
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.
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.
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).
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.
Ş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.
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.
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.
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.
İş akışınızı hızlandırmak için Elementor modellerini içe veya dışa aktarmak ister misiniz?
Sayfa şablonlarını dışa aktarmak, en sevdiğim özelliklerden biridir. Elementor. Pourquoi?
Çünkü aynı şablonu başka bir web sitesinde oluşturmak zorunda kalarak bana zaman kazandırıyor. Sayfa şablonunu dışa aktarmam ve başka bir web sitesine aktarmam gerekiyor.
Bu yazıda size bunu nasıl yapacağınızı göstereceğim.
Ancak, bu süreçte bazı sorunlarla karşılaşırsanız ne olur?
Pekala, çok kolay ve ben de sana göstereceğim.
Şablon nasıl oluşturulur
sadece şuraya git Kayıtlı modeller altında modeller Elementor. Düğmeye tıklayın " Ayriyeten '.
Sayfa şablonu mu, bölüm şablonu mu yoksa başka bir şablon mu istediğinizi belirtin. Bir isim ver. Düğmeye tıklayın " Şablon oluşturma '.
Klasör simgesine tıklayarak ücretsiz şablonlardan birini seçin Bir şablon ekle.
Beğendiğiniz bir model seçin ve " eklemek ". Şablonu indirecek ve sayfaya koyacaktır.
" yayınlamak "Ve sonra" geri gelmek WORDPRESS EDİTÖRÜ '.
Kayıtlı modellerinize bir göz atın ve modelinizin kaydedildiğini görün.
Bir şablonu Elementor'a dışa aktarın
Şimdi, bir şablonu dışa aktarmak için fareyi kayıtlı şablonunuzun üzerine getirin ve "Şablonu Dışa Aktar"a tıklayın.
Bilgisayarınıza bir JSON dosyası indirecektir. Tanımlamayı kolaylaştırmak istiyorsanız, yeniden adlandırabilirsiniz.
Bir şablonu Elementor'a içe aktarın
Diğer web sitesine gidin ve kayıtlı modellerinize gidin. "Modelleri içe aktar" düğmesine tıklayın.
İndirdiğiniz şablonu veya JSON dosyasını seçin ve "Şimdi İçe Aktar"a tıklayın.
Nasıl? sadece şuraya git Elementor eklentileri listesive gelişmiş görünümde en altta Önceki Sürüm bölümünü bulacaksınız.
Elementor'un en son kararlı sürümünü seçip indirmenizi öneririm.
Artık eklenti sürümünüzü düşürmenin iki yolu var.
Her şeyden önce, eklentilere gitmeniz gerekir. Elementor'ı devre dışı bırakın ve ardından silin. Daha sonra indirdiğiniz eski sürümü indirebilir ve etkinleştirebilirsiniz.
İkinci olarak, adlı bir eklenti yükleyebilirsiniz. Kolay Tema ve Eklenti Yükseltmeleri. Aslında en sevdiğim eklentilerden biri. Yaptığı şey, kurulu bir eklentiniz olsa bile, üzerine bir eklenti yüklemenize izin vermesidir. Bunu çok uygun buluyorum ve tüm web sitelerimde kullanıyorum.
Böylece, bu eklenti kuruluyken, Elementor'un eski sürümünü indirebilir ve sahip olduğunuz mevcut sürümün üzerine yazabilirsiniz. Eklentiyi etkinleştirin.
Elementor'un önceki sürüme indirildiğini göreceksiniz.
Elementor kitaplığınıza gidin ve eski sürümden oluşturulan modeli içe aktarın. Zaten kitaplığınıza aktarıldığını göreceksiniz.
Eklentilere geri dönün ve Elementor sürümünüzü en son sürüme yükseltin. Kontrol panelinizi yenilediğinizde, bunu görebileceksiniz. Kayıtlı modeller, model orada ve doğru şekilde içe aktarıldı.
Buraya ! Elementor'da modelleri nasıl içe veya dışa aktaracağınızı gösteren bu makale bu kadar.Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa fbize bildirin Yorumlar.
Elementor ile bir WooCommerce mağazası için nasıl özel sayfa oluşturulacağını öğrenmek ister misiniz?
Bildiğiniz gibi Elementor Pro, WooCommerce ile kodlama yapmadan özel bir e-Ticaret web sitesi oluşturmanıza olanak tanıyan bir WooCommerce oluşturucu özelliği ile birlikte gelir. Bu özellik, Elementor'un sezgisel bir arayüz sunan görsel düzenleyicisini kullanarak özel WooCommerce sayfaları oluşturmanıza olanak tanır.
Bu makaleyi yazarken mağaza sayfası, ürün sayfası ve ürün arşiv sayfaları (etiketler ve kategoriler) için özel sayfalar oluşturabilirsiniz. Yakında, ödeme sayfası ve alışveriş sepeti sayfası için özel sayfalar da oluşturabileceksiniz.
Bu makalede, Elementor Pro'nun WooCommerce oluşturucu özelliğini kullanarak özel bir WooCommerce mağaza sayfasının nasıl oluşturulacağını göstereceğiz.
Mağaza sayfasının kendisi WooCommerce'deki varsayılan sayfalardan biridir. Bu sayfa, ürünlerinizi sergilemek için bir vitrin görevi görür. adresine giderek bu sayfaya ulaşabilirsiniz. siteniz.com/store. Varsayılan olarak, WooCommerce mağaza sayfası yalnızca WooCommerce ürünlerini görüntüler.
Elementor Pro'yu kullanarak özel bir mağaza sayfası oluşturarak vitrininizi daha çekici hale getirmek için öğeler ekleyebilirsiniz.
Elementor ile bir WooCommerce mağazasının özel sayfası nasıl oluşturulur
Bir WooCommerce mağazasının özel sayfasını oluşturmak için kullanabileceğiniz en az iki Elementor widget'ı vardır: Arşiv Ürünleri ve Ürünler.
Bu örnekte, ikincisini kullanıyoruz.
Widget'ın işlevi Ürünler widget'ınkine oldukça benzer Mesajlar. Aradaki fark, Ürünler pencere öğesinin WooCommerce ürünlerini görüntülemek için kullanılması, Yazılar pencere öğesinin ise blog gönderilerini görüntülemek için kullanılmasıdır.
Ürünler widget'ını yalnızca WooCommerce eklentisi yüklendiğinde ve etkinleştirildiğinde bulabileceğinizi lütfen unutmayın.
Elementor Pro'yu kullanarak özel bir WooCommerce mağaza sayfası oluşturmaya başlamak için şu adrese gidin: ilk à Şablonlar -> Tema Oluşturucu WordPress kontrol panelinizde. sekmesine tıklayın Ürünler Arşiv Tema Oluşturucu sayfasının ardından düğmesine tıklayın eklemek ÜRÜN ARŞİVİ.
Modelinize bir isim verin ve butona tıklayın BİR MODEL OLUŞTURUN.
Bir şablondan özel mağaza sayfası oluşturmak istemeniz durumunda seçebileceğiniz üç özel mağaza sayfası şablonu vardır. Özel mağaza sayfasını sıfırdan oluşturmak istiyorsanız, şablon kitaplığını kapatmanız yeterlidir.
Bu örnekte, özel mağaza sayfasını sıfırdan oluşturacağız. Yukarıda belirtildiği gibi, ürünleri görüntülemek için Ürünler widget'ını kullanacağız.
Ürünler widget'ını düzenleme kutusuna eklemeden önce, yerleşimi bölümler ve sütunlar ekleyerek tanımlayabilirsiniz. Düzen hazır olduğunda, Ürünler pencere öğesini düzenleme kutusuna sürükleyebilirsiniz.
Gördüğünüz gibi, Ürünler widget'ı en son WooCommerce ürünlerini otomatik olarak yükler ve görüntüler. Bloğu açarak sorguyu değiştirebilirsiniz. Sorgu sekmenin altında içindekiler ayarlar panelinden. Aralarından seçim yapabileceğiniz beş seçenek vardır:
Geçerli Sorgu - Geçerli Sorgu
En Son Ürünler - En Son Ürünler
Satış - Satış
Öne Çıkan - Öne Çıkan
Manuel Seçim - Manuel Seçim
Ayrıca ürünlerin görüntülenme sırasını ayarlayabilir veya belirli
Sütun ve satır sayısını ayarlamak için bloğu açabilirsiniz. içerik sekmenin altında İçerik. Bu bloktan ayrıca etkinleştirebilirsiniz sayfalara numara koyma.
Ürünler widget'ı için en iyi ayarları elde edene kadar ayarlar paneliyle oynayabilirsiniz. Ürünler widget'ını tamamladığınızda, sayfanıza daha fazla widget ekleyebilirsiniz.
Sayfayı düzenlemeyi bitirdikten sonra, düğmesine tıklayabilirsiniz. YAYINLA Ayarlar panelinin alt kısmında.
Düğmeye tıklayarak bir görüntüleme koşulu ekleyin bir koşul ekleyin. Özel bir mağaza sayfası oluşturmak istediğiniz için seçeneği belirleyin. Mağaza Sayfa. düğmesine tıklayın KAYDET KAPAT Değişikliği kaydetmek için.
Şimdiye kadar, Elementor Pro'yu kullanarak özel WooCommerce mağaza sayfasını başarıyla oluşturdunuz. Gidebilirsin sitenizde.com/store sonucu kontrol etmek için.
Ürünler widget'ını özelleştirin
Sayfanızı yayınlamadan önce Ürünler widget'ını daha çekici hale getirmek için özelleştirebilirsiniz. Bunu yapmak için düzenleme kutusundaki widget'a tıklayın ve sekmeye gidin stil ayarlar panelinden. Aşağıdaki gibi açabileceğiniz dört blok vardır:
Ürünler
Sütunlar ve satırlar arasındaki boşluğu tanımlamak için bu bloğu açabilirsiniz. Bu bloktan, ürün başlığı, ürün fiyatı, ürün puanı, ürün vb. gibi ürün öğelerinin metin renginin yanı sıra tipografiyi (yazı tipi ailesi, yazı tipi boyutu vb.) de ayarlayabilirsiniz. Ürün resminin kenarlığını da ayarlayabilirsiniz,
kutu
Bu bağlamda Box, her bir ürünün konteynerini ifade eder. bloğu açabilirsiniz kutu konteynerin sınır genişliğini, sınır yarıçapını tanımlamak için, kutunun gölgesi, arka plan rengi, kenarlık rengi vb.
Sayfalara numara koyma
seçeneği etkinleştirirseniz Sayfalara numara koyma bloktan İçerik, bloğu açabilirsiniz Sayfalara numara koyma sekmenin altında stil Sayfalandırmayı özelleştirmek için. Boşluk, kenarlık rengi, arka plan rengi vb. gibi şeyleri ayarlayabilirsiniz.
Ayrıca her durum için farklı parametreler (normal, işaret ve aktif) tanımlayabilirsiniz.
Satılık Flaş
WooCommerce'de yeni bir ürün eklediğinizde, ziyaretçilerinize ilişkili ürünün indirimli olduğunu göstermek için bir indirimli fiyat özelliği belirleyebilirsiniz. Bunu vurgulamak için indirimli ürünlerin indirimli rozeti olması için indirim özelliğini mağaza sayfasında görüntüleyebilirsiniz.
bloğu açabilirsiniz Satılık Flaş satış rozetini kişiselleştirmek için. Metin rengi, arka plan rengi, tipografi, kenarlık yarıçapı, boyut (genişlik ve yükseklik), mesafe vb. öğeleri tanımlayabilirsiniz.
Sonunda
WooCommerce Builder, Elementor Pro tarafından sunulan özelliklerden biridir. WooCommerce ve kodlama olmadan kişiselleştirilmiş ve benzersiz bir e-Ticaret web sitesi oluşturmanıza olanak tanır. WooCommerce için tasarlandığını iddia eden bir WordPress teması yüklemenize gerek yok. Bunun yerine, Elementor'un görsel düzenleyicisini kullanarak kendi kendinize özel WooCommerce sayfaları oluşturabilirsiniz.
3.2.2 sürümüne kadar, Elementor Pro yalnızca Özel Mağaza Sayfası, Özel Tek Ürün Sayfası ve Özel Ürün Arşivi Sayfaları oluşturmanıza izin verir. Ancak Elementor, Elementor Pro'nun bir sonraki sürümünde ayrıca özel bir sepet sayfası, özel bir ödeme sayfası ve özel bir müşteri hesabı sayfası oluşturabileceğinizi duyurdu.
Buraya ! Elementor ile bir WooCommerce mağazası için özel bir sayfanı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.
Gizlilik ve tanımlama bilgileri: bu site tanımlama bilgileri kullanır. Bu siteye göz atmaya devam ederek, onu kullanmamızı kabul etmiş olursunuz.
Çerezleri nasıl kontrol edeceğiniz dahil daha fazla bilgi edinmek için aşağıdakilere bakın:
Çerezler politikası
