Yeni Başlayanlar İçin Kapsamlı Elementor Eğitimi

Bir web sitesi için bir fikir bulmakla o web sitesini oluşturmak arasındaki boşluğun hiç bu kadar küçülmediğini söylemek yanlış olmaz. Bu günlerde çok az kaynak ve temel kodlama bilgisi ile çok şey yapabiliriz çünkü WordPress gibi büyük site oluşturucular işimizi kolaylaştırıyor.

WordPress hepsini kendi başına yapmıyor. Yine de, Gutenberg editörünün yayınlanmasından gördüğümüz gibi, çabalıyor. Fakat WordPress’i bir web sitesi oluşturmak için kullanımı bu kadar kolay bir sistem yapan şey, sayfa oluşturuculardır.

Elementor eklentisi hızla dünyanın en yaygın kullanılan WordPress sayfa oluşturucularından biri haline geldi. Ve bugün onu bu kadar özel yapan şeyin ne olduğunu öğreneceğiz ve size WordPress’i çarpıcı WordPress sayfaları oluşturmak için nasıl kullanabileceğinizi göstereceğiz. Yeni başlayanlar için Elementor eğitimimizde aşağıdaki konuları ele alacağız:

• Elementor Sayfa Oluşturucu nedir?

• Elementor Nasıl Kurulur ve Kurulur

• Elementor Sayfa Düzenleyicisinin Anatomisi

• Elementor Panelinde Nasıl Gezinilir?

• Elementor Düzenleme Ekranı Nedir?

• Elementor’da Öğeler Nasıl Özelleştirilir

• Elementor ile Sayfa Nasıl Yapılır?

Elementor Sayfa Oluşturucu nedir?

Bir sayfa oluşturucunun rolü iki şeye indirgenebilir: içerik yönetim sisteminizin sunduklarından en iyi şekilde yararlanmanıza yardımcı olmak ve bunu mümkün olan en uygun şekilde yapmak. WordPress içerik odaklı bir web sitesi oluşturucu olduğundan, iyi bir sayfa oluşturucunun her türlü içeriği bir sayfaya veya gönderiye kolayca eklemenize izin vermesini beklersiniz. Ve Elementor kesinlikle bunu yapıyor.

Elementor, sürükle ve bırak oluşturucu olarak adlandırılan şeydir; bu, içindeki birçok görevi, yalnızca belirli öğeleri olmasını istediğiniz yere sürükleyerek gerçekleştirdiğiniz anlamına gelir. Aynı zamanda bir ön sayfa oluşturucudur, bu da onu web sitenizin ziyaretçilerinin göreceği aynı sayfa öğelerini değiştirerek oluşturduğunuz anlamına gelir. Ve canlı bir oluşturucu olduğundan, tüm değişiklikleri yaparken göreceksiniz.

Fakat bu, bir sayfa oluşturucu olarak yalnızca Elementor’dur. Bir WordPress eklentisi olarak Nisan 2020 itibarıyla dört milyonu aşkın yükleme sayımı ve yaklaşık beş bin kullanıcı incelemesine dayalı beş yıldızlı derecelendirme ile en popüler eklentilerden biridir. Temel işlevlerinin kullanımı ücretsizdir. Fakat Pro sürümü için ödeme yapabilir ve ek widget’lar, önceden tasarlanmış şablonlar, açılır pencere oluşturucu ve daha fazlası gibi bazı yararlı seçenekler elde edebilirsiniz.

Elementor ayrıca premium temalara sahip paketlere daha sık dahil oluyor. Elementor’u amiral gemisi temamız Bridge ile entegre ettik, böylece müşterilerimiz onunla ve deneyimli bir sayfa oluşturucu olan WPBakery arasında seçim yapabilir. Ama hepsi bu kadar değil. Hatta ana sayfa oluşturucu eklentisi olan Elementor ile daha fazla WordPress teması göndermeye başladık.

Elementor Nasıl Kurulur ve Kurulur

Tüm bunlar size heyecan verici geliyorsa, harika. Olması gerekiyor. Özellikle, bir satır kod yazmak zorunda kalmadan çarpıcı sayfalar oluşturmanıza olanak sağlayacak çok yönlü bir sayfa oluşturucu pazarındaysanız! Öyleyse, WordPress web sitenize Elementor’u nasıl kurabileceğinize ve kurabileceğinize bir göz atalım.

Diğer herhangi bir eklenti için yaptığınız aynı eklenti kurulum adımlarını uygulayarak başlarsınız. Eklenti bulucuda Elementor’u bulun, “Yükle” düğmesini tıklayın ve ardından “Etkinleştir”i tıklayın.

Eklentiyi etkinleştirdikten sonra Elementor’un ayarını yapabilirsiniz. Fakat bunu yapmak zorunda değilsiniz çünkü kutudan çıkar çıkmaz kurulu olarak gelir. Yine de, doğrudan kontrol panelinden erişebileceğiniz seçeneklerin üzerinden geçelim.

Ayarlar

Elementor ayarlarının Genel sekmesinde, kullanmayı planladığınız gönderi türlerini seçebilecek ve varsayılan renkleri ve yazı tiplerini devre dışı bırakabileceksiniz – web sitenizin temanın renklerine sahip olmasını istiyorsanız yapmanız gereken bir şey. kullanıyorum.

Stil sekmesinin altında, varsayılan genel yazı tiplerini, tablet ve mobil kesme noktalarını ayarlamayı içeren seçeneklerin yanı sıra görüntü Işık Kutusunu etkinleştirmek için bir onay kutusu bulacaksınız. Bu seçeneklerden bazılarına daha sonra düzenleyici içinden erişebileceksiniz.

Gelişmiş Sekmesi, yalnızca ileri düzey kullanıcıların ilgilenmesi gereken şeylerle doludur. Burası, CSS yazdırma yöntemini ayarlayacağınız, sunucu sorunlarını giderirken yükleyici yöntemini değiştireceğiniz ve SVG desteğini etkinleştireceğiniz yerdir.

Rol Yöneticisi

Farklı kullanıcı türleri, rollerine bağlı olarak web sitenize farklı erişim düzeylerine sahip olabilir. Elementor, kullanıcıların düzenleyiciye erişimini engellemenize olanak tanıyan bazı temel rol yönetimi seçenekleri sunar. Pro sürümüne sahipseniz, kullanıcıların erişimini yalnızca içeriğe de sınırlayabilirsiniz.

Aletler

Genel araçlar, web sitenizdeki CSS’yi yeniden oluşturmanıza ve gerekirse Elementor kitaplığınızı manuel olarak senkronize etmenize olanak tanır. Burası, her ikisi de web sitenizde sorun giderirken kullanışlı olan güvenli modu ve hata ayıklama çubuğunu etkinleştirdiğiniz yerdir.

URL Değiştir sekmesi, adından da anlaşılacağı gibi, site adresini değiştirdiyseniz URL’leri değiştirebileceğiniz bir yerdir. Sürüm Kontrolü sekmesinde, Elementor’un önceki bir sürümüne dönebilir ve Elementor beta test kullanıcısı olabilirsiniz. Bunların hiçbiri, net bir sebep olmadan yapmanız gereken şeyler değildir.

Bakım Modu sekmesinde, web sitesinin bakım modu üzerinde ihtiyaç duyacağınız tüm kontrollere sahip olursunuz. Bakım modunu etkinleştirmenin yanı sıra, etkinken web sitenize kimlerin erişebileceğini ayarlayabilir ve bakım modu sayfası için bir şablon seçebilir veya oluşturabilirsiniz.

Kalan ayarlar bilgi amaçlıdır veya yalnızca Pro kullanıcıları tarafından erişilebilir. Sistem Bilgisi altında, sunucu ortamı, WordPress sürümü, kullandığınız tema, yüklediğiniz eklentiler ve daha fazlası hakkında bilgiler göreceksiniz. Başlarken, sizi doğrudan yeni bir sayfa oluşturmaya yönlendiren bir düğme içeren bir Elementor öğretici bölümüdür. Son olarak Özel Yazı Tipleri ve Özel Simgeler, özel yazı tipleri ve simgeler eklemek için Elementor’un Pro sürümüne sahipseniz kullanabileceğiniz iki bölümdür.

Bu ayarlara ne kadar girmeye karar vereceğiniz size kalmış. Genel ayarlar altında bulabilecekleriniz gibi bazıları için bunlara erken ulaşmak iyi bir fikir olacaktır. Araçlar ayarlarında bulduğunuz gibi diğerleri yalnızca belirli durumlar için vardır.

Elementor Sayfa Düzenleyicisinin Anatomisi

Elementor kurulumunuz için seçtiğiniz seçeneklerden memnun olduğunuzda, Sayfa > Yeni Ekle’ye gidin. Yeni bir sayfa oluşturacağız ve ardından sayfa oluşturucuda nasıl gezinebileceğinizi size göstermek için Elementor ile düzenleyeceğiz. Sayfanıza bir ad verdikten sonra, mavi “Elementor ile Düzenle” düğmesine basın.

Hemen sayfanın farklı bölümlere ayrıldığını fark edeceksiniz: solda Elementor paneli ve sağda Elementor düzenleme ekranı.

Düzenleme ekranı genellikle panelden daha büyüktür. Fakat panelin en sağ kenarını aşağı yukarı eşit boyutlara getirmek için sağa doğru sürükleyebilirsiniz. Önce panelde bulabileceğiniz harika şeylere bir göz atalım.

Elementor Panelinde Gezinme

Hemen panele kare simgelerin hakim olduğunu fark edeceksiniz. Bunlar Elementor widget’ları ve birazdan onlara ulaşacağız. Fakat öncelikle panelin en üstüne, “Elementor” yazan kırmızı şeride bakmanızı istiyoruz.

En Üstteki Menü

Sağdaki kare, paneli her zaman tüm widget’ların listelendiği şu anda gördüğünüz görünüme geri getirecektir. Fakat soldaki menü düğmesi, belirli seçeneklere erişmenizi sağlar.

Küresel Tarz

Elementor, temanızın varsayılanını kullanmamayı seçerseniz web siteniz için bir renk paleti seçmenize olanak tanır. Hazır palet seçeneklerine sahip olacaksınız ve ayrıca beğeninize göre birincil, ikincil, metin ve vurgu rengini seçebileceksiniz.

Varsayılan Yazı Tipleri seçeneklerinde, ana ve ikincil başlıkların yanı sıra gövde metni ve aksan metni için yazı tiplerini seçebileceksiniz. Yazı tipi ailesini ve karakterlerin ağırlığını seçebilirsiniz.

Tema Stili seçenekleri, yalnızca Ayarlar Sayfasında Varsayılan Renkler ve Yazı Tiplerini devre dışı bıraktıysanız çalışır. Bu seçeneklerde, tipografiden form alanlarına kadar her şeyi ayarlayabileceksiniz. Hatta oluşturucunun Pro sürümüne sahipseniz web sitenizin görünümünü değiştirmek için Özel CSS’yi kullanabileceğiniz yerdir.

Ayarlar

Genel Ayarlar, varsayılan genel yazı tipleri, varsayılan içerik genişliği ve genişletme seçenekleri gibi stil seçeneklerini bulacağınız yerdir. Hatta Görüntü Işık Kutusunu etkinleştirme ve onu davranış ve görünüm seçenekleriyle ayarlama seçeneğiniz de olacak.

Kontrol Paneli Ayarları düğmesi sizi web sitenizin kontrol panelinde gördüğünüz Elementor Ayarlarına götürecektir. Elementor Hakkında düğmesi sizi Elementor’un web sitesine götürecektir. Her iki düğme de basit kısayollardan biraz daha fazlasıdır.

Daha

Tercihler bölümünde, UI temasını Açık, Koyu olarak ayarlayabilir veya işletim sistemi ayarlarınıza göre ayarlayabilirsiniz. Editör’de düzenleme tutamaçlarını ve Lightbox’ı etkinleştirme seçeneğiniz de olacaktır.

Finder, Elementor’da herhangi bir şeyi bulmak için kullanabileceğiniz bir arama çubuğudur. Web sitesinde gezinmeyi kolaylaştıracak ve web siteniz büyüdükçe ona daha çok ihtiyacınız olacak. Sayfayı Görüntüle düğmesi, sizi düzenlemekte olduğunuz sayfanın önizlemesine götürür.

Widget’lar

Widget Ara çubuğunun hemen altında, içerik birimleri gibi çalışan öğeler olan Widget’ları bulacaksınız. Başlık, resimler, video, düğme ve hatta ayırıcılar için bir Widget göreceksiniz — bunlar, Elementor’da sayfanızın en küçük yapı taşlarıdır.

Ücretsiz sürümde tüm pencere öğelerine erişiminiz olmayacak. Fakat temel widget’lar, genel widget’lar ve kullandığınız tema tarafından sağlananlar arasında, bir sayfayı içerikle doldurmak için fazlasıyla yeterli olacak.

Alt Şerit Menüsü

Son olarak panelin altında çok kullanışlı seçeneklere ve işlevlere sahip başka bir çubuğunuz var.

Ayarlar

Ayarlar, tüm sayfayı etkileyen değişiklikleri yaptığınız yerdir. Genel Ayar, örneğin sayfanın başlığını ve durumunu değiştirmenize izin verir. Burası, sayfanıza bir alıntı ve öne çıkan görsel ekleyebileceğiniz, aynı zamanda başlığı gizleyip sayfa düzenini seçebileceğiniz yerdir.

Stil ayarları, arka plan türünü ve dolguyu seçebileceğiniz Gövde Stili ile sınırlıdır. Gelişmiş Ayarlar’a gelince, sayfa oluşturucunun Pro sürümünü kullanıyorsanız, özel CSS’yi buradan ekleyebilirsiniz.

Gezgin

Elementor’un en kullanışlı araçlarından biri olan Navigator, çok sayıda öğe içeren büyük, karmaşık sayfalar oluştururken vazgeçilmezdir. Bir sayfaya içerik eklerken, aynı zamanda gezgin penceresinde Elementor öğelerinin hiyerarşik düzeninde görünecektir. Sayfanıza eklediğiniz her bölüm, sütun ve widget’ta kolayca gezinmenizi sağlar.

Tarih

Elementor, bir sayfa veya gönderi oluştururken gerçekleştirdiğiniz tüm işlemlere göz kulak olacaktır. Ne yaptığınızı görmek istediğinizde tek yapmanız gereken Geçmiş simgesine basmak ve Eylemler sekmesine bakmak. Hatta bir sayfanın veya gönderinin önceki sürümlerini kaydettiyseniz, bunları Düzeltmeler sekmesi altında bulabilirsiniz.

Duyarlı Mod

Bu simgeye tıklamak, farklı cihaz türleri arasında seçim yapabileceğiniz bir menü getirir. Birini seçmek, size sayfanızın bu tür bir cihazda nasıl göründüğüne dair bir önizleme verecektir. Masaüstü bilgisayar, tablet ve cep telefonu arasında seçim yapabileceksiniz.

Değişiklikleri Önizle

Bu simgeye tıkladığınızda, sayfanın önizlemesi ayrı bir tarayıcı sekmesinde açılır.

Elementor paneli ayrıca, düzenleme ekranına yerleştirdiğiniz tüm widget’lar ve öğeler için seçeneklerin görüneceği yerdir. Fakat bunu uygulamalı olarak görmeden önce, düzenleme ekranının kendisine ve Elementor’da bir sayfayı oluşturan öğelere daha yakından bakalım.

Düzenleme Ekranı ve Öğeler

Başlangıçta, düzenleme ekranında temanızla birlikte gelen üst bilgi ve alt bilgi dışında pek bir şey görmezsiniz. Pro sürümünüz yoksa bunları Elementor aracılığıyla düzenleyemezsiniz. Ama merak etmeyin, ikisinin arasına ücretsiz olarak pek çok içerik koyabilirsiniz.

“Widget’ı buraya sürükleyin” yazan dikdörtgeni ve sayfanın ortasındaki iki düğmeyi görün; buna bölüm denir ve…