Elementor Gelişmiş İpuçları ve Hileler
İpuçları ve püf noktaları kullanarak daha az zaman harcayan web siteleri oluşturmanın yollarını mı arıyorsunuz? Bir sonraki elementteki ipuçlarını ve püf noktalarını bilmek ister misiniz? İlgili olduğu sürece, Elementor piyasada en çok zaman kazanan sayfa üreticisidir. Elementor harika bir araçtır ve size çok fazla ayar gücü sağlar. Şimdi, bu zaman ve çaba içinde gelişti ve herhangi bir kodlama olmadan tamamen işleyen bir web sitesi tasarlamanıza izin veriyor. Birçok olağanüstü ipucu ve püf noktası var. Bunun için Elementor ipuçları ve püf noktaları size çok yardımcı olabilir.
Gelişmiş Elementor’da neden ipuçları ve püf noktaları kullanıyorsunuz?
İpuçları ve püf noktaları temel olarak yararlı talimatlar ve işinizi çok daha rahat hale getirmenin daha kolay yollarıdır. Bir Elementor ile çalışırken, sitenizin deneyimini daha da zenginleştirmek için Elementor Gelişmiş İpuçlarını ve Püf noktalarını kullanabilirsiniz. Bildiğimiz gibi, yeni araçların alışması zaman alıyor. İşinizi menüye göre yaparsanız, uzun zaman alacaktır. Bu yüzden zamanınızı kazanmak için bazı ipuçları ve püf noktaları kaydetmeniz gerekiyor. Elementor Gelişmiş İpuçlarını ve Püf noktalarını kullanarak, bir web sitesi oluşturabilir ve karmaşıklık olmadan ve zaman kaybetmeden ayarlayabilirsiniz.
Elementor’un ipuçları ve püf noktaları size yardımcı olmaya nasıl devam ediyor?
Elementor Advanced ipuçları ve püf noktaları iş alanında çok önemlidir. Bunu sevmenize yardımcı olabilirler-
Sayfaları daha hızlı yapmanıza ve iş akışınızı artırmanıza yardımcı olur.
Elementor’da profesyonel bir sayfa oluşturun.
Gelişmiş özellikleri kullanın ve sayfanıza görsel yetenek ekleyin.
Bu makalede, Elementor hakkında bazı ipuçları ve püf noktaları isteyeceğim ve size nasıl kullanılacağını göstermek için açıklayacağım. Size çok yardımcı olacak anında ve kolay bir şekilde uygulayabilirsiniz. İşte Gelişmiş Elementor’daki bazı ipuçlarının ve püf noktalarının bir listesi: Mucit kullanın
Elementor şablonunu kullanın
Navigator ile çalışmak
Kısayol veya kısayol düğmesini kullanın
Elementor şablonunuzu kaydedin
Önce Elementor’daki çözümü bulun
Global Widget’ları verimli kullanın
Kendi yazı tipinizi yükleyin
Widget’ınıza/parçanıza animasyon ekleyin
Form bölücü ekle
Filtre efektini resminize ekleyin
Varsayılan yazı tipini ayarlayın
Varsayılan rengi ayarlayın
Tam yüksek kısmı ekleyin
Video arka plan ekle
Görüntünün arka planı için özel bir konum kullanın
Sayfa Düzeni Ayarlarını Değiştir
Bir paralaks efekti ekle
Başlayalım!
1. Arayanları kullanın
‘Bulucu’ kullanmak için zamana ihtiyacınız varsa, kullanmayı reddedemezsiniz. Çünkü üst menüde yer yapar. Elementor Advanced’in ipuçları ve püf noktaları arasında, Finder’ı kullanmak en çok tercih edilen.
2. Elementor şablonunu kullanın
Buraya Tıkla
Elementor’un devam eden hilelerinin ipuçları ve püf noktaları arasında bu bir şablonu seçin, ancak bundan bahsedebiliriz. Tekerleklerin geri dönüşüne hiçbir zamanda gerekmez. Web sitesi için bir tasarımınız yok ya da Elementor ile tam olarak rahat değilsiniz, endişelenmeyin! Elementor kütüphanesi tarafından sağlanan standart bir şablon kullanın. Şablonları kolayca bularak öğelerle sayfaları düzenleyebilirsiniz. ‘Klasör’ simgesini tıklamanız yeterlidir ve kitaplık hemen görünecektir. Kuşkusuz, Google’da ‘Şablon öğesi’ anahtar kelimesiyle arayarak daha güzel bir şablon bulacaksınız. Bu Elementor Gelişmiş İpuçlarını ve Püf noktalarını işinize uygulayabilirsiniz. 3. Gezgin ile çalışmak Navigator Elementor, sayfanıza genel bakışınızı kolayca saklamanıza yardımcı olur. Parçaları/sütunları/widget’ları kolayca diğer konumlara taşımak için Navigator’ı da kullanabilirsiniz. Elementor Advanced’in tüm ipuçları ve püf noktaları arasında bunu daha iyi bir seçim olarak kullanabilirsiniz. Uzun bir sayfa oluşturacağınız zaman, navigatör iş için çok yararlıdır. Navigator, temelde tüm sayfanızı küçük bir panelden gezinmenize izin veren en az kullanılan Elementor özelliğidir. Navigatör ile tüm öğelere tıklayarak erişebilirsiniz. Widget’ı bölümdeki kolayca görebilir ve doğrudan Navigator’dan silebilirsiniz.
Elementor panelinizin sol alt kısmında Gezgin düğmesini göreceksiniz, yalnızca açmak için tıklamanız gerekir. Bunu yapmanın başka bir yolu daha var- widget’a sağ tıklayın ve Navigator’ı seçin. 4. Kısayol veya kısayol düğmesini kullanın
Sayfalar veya ayarlar arasında hızlı geçiş yapmanız mı gerekiyor? Yoksa sayfaları hızlı bir şekilde tasarlamanız, bir şeyi kaydetmeniz, değiştirmeniz, bir Elementor kütüphanesi açmanız veya bir bulucu kullanmanız mı gerekiyor? Bir Elementor ile çalışıyorsanız, bir şeyi hızlı bir şekilde bitirmek için bir dizi klavye kısayolunu kullanabilirsiniz. Elementor Gelişmiş İpuçları ve Püf noktaları kısayol kullanma gibi önemli özelliklere sahiptir. Kısayollar yardımıyla hızlı görevler yaparak kendinizi daha üretken hale getirin. Aslında, kısayollar şüphesiz işinizi daha kolay ve daha hızlı hale getiriyor. Kısayollar sayfa üreticisine girildiğinden tasarım sürecinizi hızlandırabilirsiniz. Elementor’da birçok özel kısayol alacaksınız. İpucu: ‘CMD/CTRL +?’ Kullanarak bir kısayol referans sayfası açarak tüm kısayolların bir listesini görebilirsiniz. Aşağıda, Elementor’da bulunan farklı kısayolların bir listesi: Aksiyon kısayolları:
Açık kısayol: 5. Elementor şablonunuzu kaydedin
Diyelim ki sizin için veya müşteriler için iyi bir tasarım yaptığınızı ve Elementor’u kullanarak daha sonra kendi web sitenizde tekrar kullanmak istediğinizi varsayalım. Bu durumda, sol alt kısımda gösterildiği gibi yayın/güncelleme düğmesinin bir şablonu olarak kaydetmeniz gerekir. Bu size her örnek için tekrar tekrar yeniden tasarlamanız gerekmediği avantajını sağlar. Bunun için kullanıcılar hız ve hızlı erişim konusunda da özgür hissederler. Başka bir şablon girerken depolanan bir şablon ekleyebilirsiniz. Bölümü şablon olarak kaydetmek istiyorsanız, aşağıdaki talimatları izleyin: Elementor’u açın ve bölümde sağa tıklayın ‘Şablon Olarak Kaydet’i tıklayın, şablonunuzdaki adı verin ve tamamlayın.
Ancak, tüm sayfayı bir şablon olarak saklamak istiyorsanız, aşağıdaki talimatları izleyin:
Yayınlama düğmesinin/güncellemenin yanındaki Yeşil Ok simgesini tıklayın
‘Şablon olarak Kaydet’ seçeneğini tıklayın
Şablonunuz için bir isim verin ve kaydedilecektir.
Bölüm ve sayfalar dahil tüm şablonlar Elementor Şablon Kütüphanesinde saklanacaktır. Elementor ayrıca şablonları dışa aktarmanıza izin verir. Bunu elde etmek için, WordPress kontrol panelinizde, Elementor’u açın> depolanmış şablonu.
Bu sayfadan .json formatında depolanan şablonu indirebilirsiniz. Daha sonra bu şablonu tüm şablonu yeniden yapmak zorunda kalmadan başka bir web sitesinde kullanabilirsiniz.
6. Önce Elementor’daki çözümü bulun
Bir şey yapma ve web sitesinde çözümler için bir eklenti aramak için saatler harcıyorsanız, Elementor’da bir çözüm bulun. Şaşırtıcı bir şekilde, burada bir çözüm bulabilirsiniz çünkü Elementor web sitenizdeki birçok eklenti değiştirir. Tabii ki, Elementor ve Element Pack eklentisini kullanıyorsanız, sıradan web siteleri için başka eklentiler aramanız gerekmez. Pro Elementor ile Element Pack ile Pro sürümü olarak düşünerek bazı büyük avantajlar elde edebilirsiniz.
7. Global Widget’ları verimli kullanın
İlk olarak buraya tıklayın
Ardından, adı yazın ve ‘Kaydet’i tıklayın Widget’ları yeniden kullanmak için salin/macun kullanma alışkanlığınız varsa, çalışma sürecinizi hızlandırmak için küresel bir widget ile başlayabilirsiniz. Elementor, widget’ı belirlemenizi ve çeşitli sayfalarda kullanmanızı sağlayan ‘Global Widget’ adlı bir özelliğe sahiptir. Widget Global olarak tanımlandıktan sonra, yapılan değişiklikler widget’ın eklendiği tüm sayfaları etkileyecektir. Aynı widget’a sahip birçok sayfaya sahip bir web siteniz varsa, altın özelliği olarak düşünün, yani: CTA düğmesi, referanslar, vb. Elementor’da Global Widget’ı nasıl kullanabileceğinize bakalım: Widget’ı sağlayın ve ‘Global Olarak Kaydet’i tıklayın.
Widget’ınıza bir isim verin ve ‘Kaydet’i tıklayın.
Küresel bir widget’a dönüştürdükten sonra widget çevresindeki sarı sınırı göreceksiniz ve diğer normal widget’lar gibi düzenleyebilirsiniz. Elementor’daki Global sekmesinden küresel widget’ınızı farklı sayfalara ekleyebilir ve çatışmayı önlemek için gerekirse kullanabilirsiniz. 8. Kendi yazı tipinizi yükleyin Google yazı tipinden geniş bir koleksiyon yazı tipi kullanarak şaşırtıcı sayfalar oluşturabilirsiniz. Ancak kalabalıktan öne çıkmak istiyorsanız, özel bir yazı tipi kullanabilirsiniz.
Elementor’a kendi yazı tipinizi yükleyebilir ve sayfanızda kullanabilirsiniz. Bu, kullanabileceğiniz olağanüstü bir elementin ucu ve hilesidir. Elementor’a özel yazı tipleri yükleme işlemi:
WordPress kontrol panelinizde Elementor> Özel Yazı Tipi’ni açın.
Özel Yazı Tipi sayfasından, özel yazı tipinizi yüklemek için ‘Yeni Ekle’yi tıklayın.
Yazı tiplerini aşağıdaki formatta yüklemeniz istenecektir: .woff, .woff2, .ttf, .svg, .eot, vb. Tüm yazı tipi formatlarınız yoksa farklı bir format oluşturmak için bir yazı tipi dönüştürücü kullanabilirsiniz. Tüm yazı tipi varyasyonlarınızı yüklediğinizden emin olun. Özel yazı tipleri yüklerken ağırlık ve yazı tipi stilini seçebilirsiniz. Widget’ınıza/parçanıza animasyon ekleyin
Çevrimiçi pazarda UX hayati bir sorundur. Kullanıcılarınıza eğlenceli ve pürüzsüz olan UX verirseniz, sitenize acele ederler. Bazı pürüzsüz görsel öğeler bile girerek web sitenizin tüm UX’ini değiştirebilirsiniz. Bu büyük elementin bir ipucu ve hilesidir. Bunu sadece widget’ınıza ve parçalarınıza animasyonlu efektler ekleyerek yapabilirsiniz. Elementor, widget’ınıza animasyon eklemek için birçok özellik sunar. Elementor’a nasıl animasyonlu efektler ekleyebilirsiniz? Bunu takip et:
Widget’ı seçin ve gelişmiş> hareket efektlerine gidin.
Bu sekmeden, birçok seçenek arasında widget’ınızdaki animasyonu seçin.
Animasyonun süresini ve gecikmesini ayarlayın.
10. Şekil bölücülüğünü ekleyin
Form bölücü, bölümün üst/altına eklenen ortak bir özelliktir ve eminim onu kullandınız. Bu sizin için olağanüstü bir element ipucu ve hile. Çok daha iyi görünecek sıradan böcekleri kullanmak yerine bir şekil bölücü ekleyerek sayfanızı çekici hale getirebilirsiniz. Form bölücü eklemek için talimatları izleyin:
Stil’e git> Form Böcek
Bölümün üst kısmında veya altında görüntülenmek için seçin
Seçebileceğiniz 15+ form biçimi vardır. İstenenleri seçtikten sonra rengi ayarlayabilir, yüksekliği değiştirebilir, bölücüyü çevirebilir ve şeklin şeklini öne getirebilirsiniz. Filtre efektini resminize ekleyin
İlk olarak buraya tıklayın O zaman, dilediğiniz gibi değiştir
Temel Görüntü Özelleştirme, yani: Değiştirme Tesviye, görüntü boyutu ve genişliği Elementor’da yapılabilir. Temel görüntüleri Elementor’da düzenleyebilirsiniz. Bu, size uygun iyi bir elementin ucu ve hilesidir. Görüntü widget’ındaki Stil sekmesindeki CSS filtresi ile resminizde temel düzenleme yapabilirsiniz. Görüntünün parlaklığını, kontrastını, doygunluğunu ve tonunu ayarlayabilirsiniz. Görüntüyü bile gizleyebilir ve sayfada daha iyi görünmesini sağlamak için ihtiyacınız olan her şeyi değiştirebilirsiniz.
12. Varsayılan/Global yazı tipini ayarlayın
Genel olarak bir sayfa oluşturduğunuzda yazı tipini değiştirmeniz gerekir. Elementor Gelişmiş İpucu ve Püf noktalarını kullanırsanız ve web sitenizin her yeni sayfada görünecek varsayılan yazı tipini ayarlarsanız ve endişelenmenize gerek yoktur. Web sitenizi varsayılan yazı tipini/Global’ı seçebilirsiniz. Bunu yapabileceğiniz yol budur:
Stil ve Ayar Yapılandırma menüsünü açmak için Elementor’daki sol üst hamburger menüsünü tıklayın.
Varsayılan yazı tipi seçeneğini burada göreceksiniz. Bu seçeneğe tıklayın ve varsayılan yazı tipini ayarlayın. Ana başlık, ikincil başlık, içerik metni ve vurgu metni için farklı bir yazı tipi seçebilirsiniz.
Varsayılan/Global yazı tipini seçtikten sonra, yazı tipi her yeni sayfada otomatik olarak seçilir veya sayfaları düzenler. Yazı tiplerini açıkça uyguladıysanız varsayılan yazı tipinin çalışmayacağını unutmayın. Varsayılan/global rengi ayarlayın Elementor’un devam eden ipuçları ve püf noktaları arasında, bu varsayılan/global yazı tipine benzer. Varsayılan yazı tipini ayarladığınız için varsayılan/global rengi ayarlayabilirsiniz. Ancak varsayılan yazı tipinden farklı olarak, bu özellik önceden belirlenmiş Elementor Renk seçmenlerine seçtiğiniz rengi ekler. Ancak, bu yararlı bir özelliktir, çünkü renk kodunu istediğiniz zaman kopyalayıp eklemenize gerek yoktur. Varsayılan rengi ayarlamak için: Sol üstteki Hamburger Elementor menüsünü tıklayın ve varsayılan rengi tıklayın.
Varsayılan rengi seçin. Birincil, ikincil, vücut ve aksan renklerini seçebilirsiniz. Varsayılan renginiz olarak da seçebileceğiniz önceden yapılmış bir palet vardır.
14. Tam yüksek bir parça ekleyin
Tüm tarayıcı ekranını kaplayan parçalar ekleyebilirsiniz. Bu aynı zamanda Elementor’ın ipuçları ve püf noktaları arasında iyi bir seçimdir. Elementlerle dolu yüksek bir kısmı kolayca yapabilirsiniz. Bunu yapmak için aşağıdaki adımları izleyin:
Tam yüksek yapmak istediğiniz kısmı seçin.
Düzeni ayarlarken bir yüksekliğe tıklayın. ‘Ekrana Fit’e tıklayarak ayarlayın.
Bitmişsin! Bu, tüm parçaları tarayıcı ekranına otomatik olarak ayarlar.
15. Videonun arka planını ekleyin
Elementor’un gelişmişinin ipuçlarından ve püf noktalarından biri video arka plan eklemektir. Sayfanıza kolayca muhteşem video arka planı ekleyebilirsiniz. Elementor’a bir video arka plan eklemek için: Bölümü seçmelisiniz.
Stil’e Git> Arka Plan Arka plan ayarlarındaki arka plan türünü videoya değiştirin.
Bir Video Seçin
Videoya bir bağlantı ekleyin, videonun zamanını ve sonunu ayarlayın.
Geriye dönük bir görüntü seçme seçeneği de var. Bu görüntü tabletler ve mobil cihazlardaki arka plan videosunun yerini alır.
16. Görüntünün arka planı için özel bir konum kullanın
Yeni başlayanlar, arka plan konumunu doğru şekilde nasıl ayarlayacağını bilmiyorlar ve bu en büyük sorunlardan biri. Merak etme! Görüntünün arka planı için özel bir konum kullanmak, Elementor’da sorunu çözebilecek ipuçlarından ve püf noktalarından biridir. Görüntünün arka planı için konumu ayarlamanızı sağlayan bir seçenek vardır. Arka plan görüntüsünüz hala konumlandırılmamışsa, özel bir konum ayarlayabilirsiniz. Bunu yapmak için aşağıdaki talimatları izlemelisiniz: Arka plan görüntü stili ayarlarına gidin
Konum Ayarları’na tıklayın
Seçeneği seçin, yani: sol üst, sağ üst, orta sol, vb.
Özel konumlar için başka bir seçenek daha var. Bu seçenek, X ve Y görüntüsünün konumunu kolayca ayarlamanıza olanak tanır. Bu, parçayı diğer konum seçeneklerine doğru ayarlamak için çok yararlıdır. Mobil cihazlar için görüntüleri konumlandırmak için bu seçeneği kullanabilirsiniz.
17. Sayfa Düzeni ayarlarını değiştirin
Birçok yeni Elementor kullanıcısı diğer özellikleri bilmiyor. Bu, Elementor’daki ipuçlarından ve püf noktalarından biridir. Sayfa düzeninizi sayfa düzen ayarlarını kullanarak ayarlayabilirsiniz. Sayfalarınızı Nasıl Değiştirirsiniz Düzeni: Sol alttaki Ayarlar düğmesini tıklayın
Genel Ayarlar’ı seçin
Sayfa düzenini değiştirin, yani: Varsayılan Düzen, Canvas Elementor, Tam Genişlik Elementor. Bakalım bu düzen ne yapıyor:
Varsayılan düzen: Varsayılan düzen, tema sayfanızın düzenini içerir.
Elementor Canvas: Elementor Canvas, baştan başlamanıza ve sayfalarınızı boş bir tuvalden tasarlamanıza olanak tanır.
Tam Genişlik Elementor: Tam Genişlik Elementor, içeriği tam olarak yapar. Bu, başlıklar ve altbilgiler dahil tasarımın en başından itibaren izin verir.
18. Bir paralaks efekti ekleyin
Elementor Advanced Tips ve Püf noktalarından bir başka şaşırtıcı ipucu da bir paralaks efekti eklemektir. Sayfayı daha ilginç ve kullanışlı hale getirir. Bir tasarım özelliği olmanın yanı sıra, bu çekici bir ortam yaratır ve tatmin edici bir UX sağlar. Elementor tarafından yeni tanıtılan hareketin etkisi ile farklı bir paralaks efekti ekleyebilirsiniz. İki tip var: Kaydırma efekti: Sayfayı kaydırdığınızda bu etkisidir. Dikey ve yatay kaydırmaların etkileri eklenebilir.
Fare Etkisi: Bu, derinlik duygusu yaratmaya yardımcı olabilir. Bu, elemanların farenin hareketine göre hareket etmesini sağlar.
Bir paralaks efekti eklemek için:
Efekt eklemek istediğiniz widget’ı seçin.
Devam eden> hareket etkisine gidiyor.
Ne seçmek istediğinizi etkinleştirin ve istediğiniz gibi ayarlayın.
Bu widget’ın şeffaflık, bulanıklık, ölçek, rotasyon ve diğer özellikleri kolayca değiştirilebilir.
Çözüm
