Elementor: Dosya Yükleme Formu Nasıl Oluşturulur

Elementor: Dosya Yükleme Formu Nasıl Oluşturulur

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.

Rehberimizi okuyun: WordPress'te Elementor nasıl kurulur

İ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.

Elementor'da bir form nasıl oluşturulur

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.

Ayrıca Oku: Elementor formunuza reCAPTCHA nasıl eklenir

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.

Elementor'da dosya yükleme formu nasıl oluşturulur

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.

Nasıl olduğunu öğrenin: Elementor'da bölüm oluşturmak için bölücü nasıl eklenir

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.

Elementor'da dosya yükleme formu nasıl oluşturulur

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.

Elementor'da dosya yükleme formu nasıl oluşturulur

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.

Elementor'da dosya yükleme formu nasıl oluşturulur

  • Ö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.

Elementor'da dosya yükleme formu nasıl oluşturulur

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.

Elementor Pro'yu Hemen Alın!

Sonuç

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.

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: İçindekiler nasıl eklenir

Elementor: İçindekiler nasıl eklenir

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 widget Elementor 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.

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

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.

Ayrıca bakınız: Elementor formunuza reCAPTCHA nasıl eklenir

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.

Elementor'da içindekiler nasıl eklenir

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.

Ayrıca okuyun: Elementor'da bölüm oluşturmak için bölücü nasıl eklenir

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

Elementor'da içindekiler nasıl eklenir

Ş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.

Başlık rengini, başlık tipografisini ve başlık metnini ayarlarken bölüme gidebilirsiniz. Üstbilgi.

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.

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

İç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 YAYINLA ve görüntüleme koşulunu ayarlayın.

İşte oluşturduğumuz bir içindekiler tablosu örneği.

Elementor'da içindekiler nasıl eklenir

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ı deneyimi ziyaretç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.

Elementor Pro'yu Hemen Alın!

Sonuç

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.

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: Sayfalandırma Nasıl Eklenir

Elementor: Sayfalandırma Nasıl Eklenir

Elementor'da sayfalama eklemeniz mi gerekiyor?

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.

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

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.

Ayrıca Oku: Elementor'da içindekiler nasıl eklenir

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.

Elementor'da sayfalama nasıl eklenir

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.

Ayrıca bakınız: Elementor formunuza reCAPTCHA nasıl eklenir

Ç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.

Elementor'da sayfalama nasıl eklenir

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

Elementor'da sayfalama nasıl eklenir

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

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

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.

Elementor Pro'yu Hemen Alın!

Sonuç

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.

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ş.

...

Elementor: Şablonlar nasıl içe veya dışa aktarılır

Elementor: Şablonlar nasıl içe veya dışa aktarılır

İş 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Ü '.

Elementor'da modeller nasıl içe veya dışa aktarılı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.

Elementor'da modeller nasıl içe veya dışa aktarılırBilgisayarı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.

Elementor'da modeller nasıl içe veya dışa aktarılır

İndirdiğiniz şablonu veya JSON dosyasını seçin ve "Şimdi İçe Aktar"a tıklayın.

Kayıtlı şablonlarınızda şablonun içe aktarıldığını göreceksiniz.

Ayrıca Oku: Elementor'da Renk Örnekleyici nasıl kullanılır?

Bunu yapmanın başka bir yolu, yeni bir şablon oluştururken veya bir şablon eklerken, bir şablonu içe aktarma seçeneği vardır.

İndirdiğiniz şablonu veya JSON dosyasını seçin, kitaplığınıza eklenecektir. Benim modellerim. Artık şablonu sayfaya ekleyebilirsiniz.

Elementor'da modeller nasıl içe veya dışa aktarılır

Bir modeli içe aktarma hatası ve nasıl düzeltileceği

Şimdi, bir şablonu içe aktarmayı denediyseniz ve geçersiz bir dosya hatasıyla karşılaştıysanız?

Endişelenme. Bu yaygın bir hatadır ve normalde içe aktarmaya çalıştığınız model Elementor'un daha eski bir sürümünden oluşturulduğunda oluşur.

Ayrıca bakınız: Elementor'da renk seçici nasıl kullanılır?

Bunun için bir düzeltme var mı? Evet, kesinlikle var.

İşte yapmanız gerekenler. Elementor sürümünüzü düşürün.

Nasıl? sadece şuraya git Elementor eklentileri listesi ve gelişmiş görünümde en altta Önceki Sürüm bölümünü bulacaksınız.

Elementor'da modeller nasıl içe veya dışa aktarılır

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.

Elementor'da modeller nasıl içe veya dışa aktarılır

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.

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

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ı.

Elementor Pro'yu Hemen Alın!

Sonuç

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.

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: WooCommerce için Özel Sayfa Nasıl Oluşturulur

Elementor: WooCommerce için Özel Sayfa Nasıl Oluşturulur

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.

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

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.

Ayrıca okuyun: Elementor'da modeller nasıl içe veya dışa aktarılı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.

Elementor ile bir WooCommerce mağazası için özel sayfa nasıl oluşturulurBir ş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.

Ayrıca bakınız: Elementor'da Renk Örnekleyici nasıl kullanılır?

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

Elementor ile bir WooCommerce mağazası için özel sayfa nasıl oluşturulur

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.

Ayrıca okuyun: Elementor'da renk seçici nasıl kullanılır?

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.

Elementor ile bir WooCommerce mağazası için özel sayfa nasıl oluşturulur

Ş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.

Ayrıca Oku: Elementor'da bölüm oluşturmak için bölücü nasıl eklenir

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.

Elementor Pro'yu Hemen Alın!

Sonuç

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.

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ş.

...