Ana İçeriğe Geç

Elementor öğretici: Arayüz tanıtılıyor

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Profesyonel bir görünüme sahip bir web sitesi tasarlamak herkese verilmemiştir, özellikle de hepimiz bir kodlama ve web tasarım uzmanı olmanın kesinlikle gerekli olduğunu düşündüğümüzden. Günümüzde WordPress ekosistemi için yeni araçlar görüyoruz, bir web sitesi tasarlamaya ve bunu en yeni başlayanların erişimine daha basit bir çözüm sağlamak için.

WordPress mizanpajlarının tasarımına ilişkin olarak, eklentiyi zaten sunmak zorunda kaldık Görsel Besteci, kesinlikle yerleşim tasarımı için en iyi araçlardan biridir. Ancak bu çözümün herkes için uygun olmadığı belirtilmelidir. Bu derste size daha fazla WordPress eklentisi Elementor'ü tanıtacağız.

WordPress için Elementor nereden edinilir

Eklentinin potansiyelini görmenizi ciddiye almayı düşünüyoruz ve ücretsiz çözüm bir kuruş ödemeden başlamanıza yardımcı olacak. Bu ücretsiz çözüm şurada mevcuttur: WordPress.org. Bir WordPress eklentisi olmak, ikincisi başka herhangi bir şeye benziyor panodan eklenti.

Eklenti sizi tamamen tatmin etmeyi başarırsa, sitedeki tüm işlevlerle birlikte tam lisansı alabileceksiniz. Elementor'un Resmi Web Sitesi.

Elementor Başlıca Özellikleri

Öğreticiye eklentinin sunumu ile başlamadan önce, sizi eklentinin ana özellikleriyle tanıştıracağız (ücretsiz ve tam sürüm).

versiyon ÜcretsizTam sürüm
Birden çok sütunGezinme menüsü, öğe
Modüller Metinler, BaşlıklarWooCommerce modülü (ürünler, kategoriler)
Video Modülleri, Görüntü, Atlıkarınca, Galeriler, SoundcloudFacebook entegrasyonu (sayfa, düğme, yorumlar)
Paylaşım modülüTablo fiyatları
HTML modülüPortföy, Form
WordPress widget'ı için modülAraştırma Modülü

Bunun, eklenti tarafından sunulan farklı özelliklerin eksik bir listesi olduğunu unutmayın. Daha fazla ayrıntı bulacaksınız web sitelerini keşfetmek.

Elementor ile başlayın

Burada tüm kurulum sürecini ele almayacağız. Bu bir WordPress eklentisi olduğundan, kurulum prosedürü daha önce açıklanmıştır. önceki bir öğretici. Ancak, kurulumdan sonra eklenti ana sayfasına erişeceksiniz.

delementor.png sunum sayfası

Ekranınızda bu sayfa varsa, Elementor eklentisini doğru bir şekilde kurdunuz. Şu anda bu eğitim için tam sürümü kullanıyoruz, ancak arayüz ücretsiz sürümden çok farklı olmamalıdır.

Düzenleme arayüzüne gitmeden önce sizi lisansınızı kaydetmeye davet edeceğim. Bu sadece tam sürümü seçmiş olanlar için geçerlidir. Ücretsiz sürüme sahipseniz, aşağıdaki bölüme erişebilirsiniz. Lisansınızı kaydetmek için, WordPress'te lisansınızı kaydetmenizi isteyen bir bildirim göreceksiniz.

bildirim eklentisi elementor.png

Kayıt sayfasına gitmek için tıklayın ve tıklayın etkinleştirmek.

bir lisansın kaydı elementor.png

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

Lisansınız geçerliyse normalde onay sayfanıza ihtiyacınız olacaktır.

aktif lisans elementor.png

Bu sayfaya erişemezseniz, sizi daha fazla olması için eklentinin geliştiricileri ile iletişime geçmeye davet ediyorum. sorunla ilgili yardım.

Elementor nasıl kullanılır

Elementor, WordPress'teki sayfalarda ve makalelerde çalışır. Klasik arayüzü veya yeni Gutenberg arayüzünü kullansanız da, Elementor yapıcısını kullanmanızı isteyecek bir düğme göreceksiniz.

kurucu elementor.png

Uygulamada, makalelerinizi her zaman Elementor kullanarak düzenlemeniz gerekmez. Eklentiyi yalnızca sayfalarda kullanmaya davet ediyorum. Düğmeye tıklamak sizi bir déjà vu havası veren Elementor tasarım arayüzüne götürecektir (WordPress Özelleştiricisini kullananlar için).

sunum arayüzü elementor.png

Sol tarafta, eklentinin sunduğu çeşitli kontroller var ve sağ tarafta, değişikliklerin canlı bir önizlemesi var. Bu derste, Yirmi Onaltı WordPress temasını kullanıyoruz.

Elementor bölümleri

Elementor bölümleri, Elementor'un sunduğu özellik bloğu gruplarıdır. Bölüm sayısı, tam sürümü kullanıp kullanmadığınıza ve WooCommerce, Yoast SEO veya diğer uyumlu eklentileri kullanmanıza bağlı olarak değişir. Bu şartlara bağlı olarak, arayüzünüzde az ya da çok bölüm bulunacaktır. WooCommerce eklentisi etkinken tam sürümü kullandığımızdan, arayüzümüz nasıl görünüyor?

bölüm elementor.png

Elementor bloğu nasıl yerleştirilir

Bir bölüm geliştirdikten sonra, Elementor bloklarını bulacaksınız. Farklı Elementor blokları, kesikli çizgilerle vurgulanan alana "sürükle ve bırak" ile yerleştirilir.

blok ekle elementors.png

Elementor'da bir düzen nasıl seçilir

Elementor'a bir blok eklemeden önce, vurgulanan bölümdeki "+" düğmesini tıklatarak bir düzen seçmeyi düşünmelisiniz.

bir düzen seçin elementor.png

İhtiyaçlarınıza bağlı olarak, en uygun düzeni seçeceksiniz. Bir düzeni seçtikten sonra, bu vurgulu alanda aynı bölümü temsil etmiş bulunuyorsunuz. Bu bölüm istediğiniz gibi aynı sayıda sütunu gösterecektir. Benim durumumda, 3 sütunlu bir sütun seçtim.

zone.png ile elementor bölümü

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

İçinde "+" işareti bulunan farklı bloklar, Elementor bloklarını kabul edebilecek bölgelerdir. Önceden bir düzen seçmeden bir Elementor bloğu eklerseniz, tek sütun düzeni varsayılan olarak seçilecektir.

Elementor'ün bölümleri, aynı "Sürükle ve Bırak" ilkesinin ardından, yeniden sıralanabilir. Artık kullanmak istemiyorsanız bir bölümü de silebilirsiniz.

bir bölümün taşınması elementor.png

Burada, 2 bloklarını, yani başlık bloğunu ve metin bloğunu içeren bir bölüm örneği.

2 blocs.png ile bölüm öğesi

Diğer tasarım araçları nasıl kullanılır?

Tasarımınızı tamamladığınızda, yapmak isteyeceğiniz şeylerden biri işinizi geri almak. Bu seçeneği farklı Elementor bölümlerini gösteren bölümün en altında bulacaksınız.

elementor.png yedekleme

Doğrudan kayıt (Yayınlama) ile taslak veya şablon olarak kaydetme arasında seçim yapabilirsiniz. Bu noktaları daha sonra keşfedeceğiz.

Tasarımınız sırasında, ek Elementor arabirimi olmadan değişiklikleri önizlemek de isteyebilirsiniz. Tek yapmanız gereken göz simgesine tıklamak.

değişikliklerin önizlemesi elementor.png

Tasarım sırasında bir hata meydana gelir (istemsiz bir eylem). Bu durumda, Elementor tüm eylemlerinizde gezinmenizi sağlayan bir geçmiş sunar.

hareketler elementor.png

Bu kolayca geri dönmenizi sağlayacaktır.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Ücretsiz]

Geçmiş düğmesinden hemen önce gelen "Gezgin" seçeneği, ziyaretçiler tarafından kullanılan tarayıcıyla ilgili farklı bölümleri değiştirmenize olanak sağlar. Bu seçenek, bölüm yapılarının (sütun genişlikleri) gelişmiş düzenlemesine erişmenizi sağlar. Burada büyük bir dikkatle değişiklik yapmanız gerekir.

tarayıcı seçeneği elementor.png

"Ayarlar" düğmesi, sayfaya, görüntüdeki bir resme veya diğerlerinin durumu gibi sayfaya özgü belirli seçenekleri değiştirmenize olanak sağlar.

elementor.png ayarları

Hepsi bu ders için, bir sonraki dersimizde daha fazla Elementor keşfedeceğiz. Bakmak için tereddüt etmeyin Resmi Sitesi çok daha başarılı örnekler sunuyor.

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta adresiniz gösterilmeyecektir. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
12 hisseleri
hisse6
cıvıltı3
Enregistrer3