Elementor Kısa Kodlar Widget'ı Nasıl Kullanılır [Yeni Başlayanlar Kılavuzu]

Son zamanlarda, sürükle ve bırak oluşturucum olarak Elementor'a geçiş yaptım. Başlangıçta, öğrenme eğrisi çok kolay ve görsel olarak eğlenceliydi - bir web sayfasını görsel olarak mükemmel ve kesin doğrulukla yapmak için kullanabileceğim bir şeydi.

Birkaç gün sonra WordPress Elementor'da, basitçe 'Elementor Kısa Kodlarını' kullanarak oluşturma sürecini on kat artırabileceğimi fark ettim.

Yeni başlayanlar için, bir web sitesini hızlı hale getirmek için optimize etmek bir şeydir ve diğer yandan bir web sitesini hızlı ve kolay bir şekilde oluşturmak başka bir şeydir. Öyleyse, WordPress Elementor kısa kodlarını çok kolay bir şekilde nasıl kullanacağınızı ve projeniz için Elementor kısa kodlarını kullanmanın iyi bir fikir olup olmadığını konuşalım.

Elementor Kısa Kodları nedir?

Elementor kısa kodları, web sitenizin belirli bir bileşenini çoğaltmak için kopyalanıp yapıştırılabilen bir karakter dizisi veya bir pasajdır. Başka bir deyişle, kısa kodlar özel etiketlerdir; bir şey girildiğinde, onu görüntülediğinizde farklı bir bileşen oluşturacaktır.

Bu karmaşık geliyorsa, o zaman sizin için parçalamama izin verin. Elementor kitaplığı, web sitesi oluşturma sürecinizi hızlandırmak için kullanabileceğiniz çok sayıda önceden oluşturulmuş widget koleksiyonuna sahiptir.

Şimdi, geliştirme aşamasındaysanız ve bir bileşeni kopyalamanız gerekiyorsa, kısa kodlar bunu birkaç saniye içinde yapmanın en iyi yoludur.

İlk olarak, seçilen bileşenin snippet'ini kopyalamanız ve kopyalamak istediğiniz yere yapıştırmanız gerekir.

Başka bir sayfada kullanacağınız bir form oluşturmaya çalıştığınızı varsayalım. Normalde, aynı formu Elementor kullanarak oluşturursunuz ve bunu yapmanız birkaç dakikanızı alır.

Bununla birlikte, Elementor Şablon Kısa Kodları, bir web sayfasından seçtiğiniz önceden hazırlanmış bir bileşeni seçmenize ve ardından onu başka yerlerde çoğaltmanıza olanak tanır.

Bu, widget kısa kodlarının en temel kullanımlarından biridir ve dürüst olmak gerekirse, bunun daha verimli kullanımı vardır. Yani, zaten düşünüyorsanız…

Elementor Kısa Kodları Ne Zaman ve Nasıl Kullanılır?

İşte WordPress Elementor kısa kodlarını kullanmak için en uygun bulduğum gerçek hayattan bir vaka:

Elementor kısa kodları, kısmen Elementor kullanılarak tasarlanmışsa, web sitenize hızla daha fazla içerik eklemek için ideal seçimdir.

Eski içeriği ayarlamak ve sayfanıza önceden tasarlanmış widget'lar eklemek istiyorsanız, uzman önerisi kısa kodların gitmenin yolu olduğunu söylüyor. Öyleyse, istediğiniz şablon için kısa kodları girin ve işte!

İnce ayar için Elementor kısa kodlarını enjekte etmek en iyi seçimdir. Bu durumla karşılaşabileceğiniz yaygın bir senaryo, seçilen bir temanın varsayılan sayfalarında çalışıyor.

Tüm temalar Elementor kullanılarak tasarlanmamıştır, bu nedenle onları bir Elementor web sayfasına dönüştürmeye çalışmak sayfa yapısını bozabilir.

Ayrıca, Elementor'u desteklemeyen diğer eklentiler bu öğeleri düzenlemenize izin vermeyecek ve böylece sizi bir felaket durumunda bırakmayacaktır.

Ama merak etme…

Elementor kısa kodlarıyla, diğer sayfa oluşturucular ve/veya eklentilerle herhangi bir çakışma riski olmadan web sitenize yeni bileşenler veya öğeler ekleyebilirsiniz. Ayrıca, kendi özelleştirilmiş şablonunuzu eklemenize de olanak tanır.

Elementor için Kısa Kodlar Nasıl Yüklenir?

Kısa kodları yüklemek gerçekten çok kolay ve bunu yapmak için sadece 3 adım gerekiyor. Elementor için kısa kodları nasıl kurabileceğiniz aşağıda açıklanmıştır.

Nazik bir hatırlatma - bu kurulum kılavuzundaki üç adımın tümü, WordPress'te Elementor'un kurulu olmasını gerektirir. Bu nedenle, şimdiye kadar bunu yapmadıysanız, hızlı bir şekilde yapın ve daha sonra adımları gözden geçirin.

Bu kurulum kılavuzunda iki işlem vardır – Otomatik Kurulum ve Manuel Kurulum

Otomatik Kurulum

1. 'Eklentiler'e gidin ve aynı ekrandan 'Yeni Ekle'yi takip edin.
2. Elementor için WordPress Kısa Kodlarını arayın.
3. Eklentiyi kurun ve etkinleştirin.

Manuel Kurulum

1. RS<a href=” #”> Elementor Kısa Kodunu indirin.
2. Shortcode.zip dosyasını çıkarın. Eklenti dosyaları rselements-lite adlı dizinde olacaktır.
3. Eklenti dosyalarını WordPress kurulumunuzun konumuna yükleyin. Dizin şöyle bir şey olmalıdır – /wp-content/plugins/elementor-short-code.
4. WordPress menüsündeki 'Eklentiler' bölümünden eklentiyi etkinleştirin.

Manuel kurulum, belirli bir eklentinin yalnızca bir örneğidir ve süreç, manuel olarak yüklemek istediğiniz herhangi bir eklenti için benzerdir.

Kısa Kodları Kullanarak Elementor Şablonlarına Nasıl Girilir?

Kısa kodları kullanarak önceden tasarlanmış bir Elementor şablonunu şu şekilde girebilirsiniz. İşte bunu nasıl yapabileceğiniz. Başını aşmak -

WordPress -> Şablonlar -> Kayıtlı Şablonlar

Burada, kütüphanedeki her widget için kısa kodu kontrol edebileceksiniz. Ayrıca kendi şablonunuzu oluşturabilir ve bunun için benzersiz bir kısa kod oluşturabilirsiniz.

Kaydedilen her şablonun, diğer sayfalarda her zaman kullanıma hazır olan kendi benzersiz kısa kodu vardır.

Örneğin, müşterilerinizin sipariş durumlarını görebileceği bir WooCommerce açılır penceresi oluşturmak istiyorsunuz.

Bunun için yapmanız gereken tek şey, tuvalinizdeki kenar çubuğundan bir açılır pencere aracını sürükleyip bırakmaktır. Şimdi, orijinal açılır pencereden kısa kodu oluşturun ve yeni açılır pencereye yapıştırın ve hiçbir zaman tam olarak aynı açılır pencere pencere öğesini oluşturacaktır.

Artık kısa kodları ve nasıl çalıştıklarını bildiğinize göre, Elementor'un bir web sayfasındaki her içeriği kısa kodlara dönüştürüp dönüştürmediğini merak edebilirsiniz. Pekala, zaten bunu soruyorsan, işte cevabın.

Elementor, Kısa Kodlu veya Kısa Kodsuz Web Sayfalarına İçerik Girer mi?

Karışıklığınızı gidermek için Elementor, kısa kodlar kullanarak bir web sayfasına içerik eklemez. Basitçe söylemek gerekirse, bir şablonu benzersiz bir kısa koda dönüştürmez ve ardından web sayfasına koyar. İşte neden…

Elementor, kütüphanede oluşturulan her şablon için kısa kodlar kullansaydı, kütüphane öğeleri büyük ölçüde Elementor eklentisine bağımlı olurdu.

Ve herhangi bir nedenle, Web sayfanız için yüklü eklentiler listesinden Elementor'u kaldırmanız gerekirse, mevcut Elementor kitaplığı bileşenlerine yönelik tüm desteği kaybedersiniz ve kısa kodlar bunlarla ilişkilendirilir. Sanki olması durumunda mutlak bir kabusa dönüşecekmiş gibi.

Ancak, sorunu basitçe çözdüğü için Elementor'da durum böyle değil. Elementor, kopyalamak istediğiniz seçili şablon için bir kısa kod oluşturur.

Ancak bunu yapmadan önce, tasarladığınız şablonunuzun bir kopyasını sayfada kod olarak yapar.

Ve böylece, bir dahaki sefere bir şeyi bir yerden diğerine kopyaladığınızda, kodu arkaya yapıştırıyorsunuz. Ancak görsel olarak, bunu yapmak için kısa kodlar kullanıyorsunuz.

Daha önceki sayfa oluşturucular, bir web sitesinde diğer eklentileri kullanmak zor olan belirli eklentilere ve şablonlara bu tür bağımlılıklara sahipti.

Ancak şimdi, hiçbir bağımlılık olmadan, Elementor sayfa oluşturucu kullansın veya kullanmasın bir web sayfasında kolayca ince ayar yapabilirsiniz.

Özetlemek

Şimdiye kadar, WordPress web sitenizde Elementor kısa kodlarını kullanmaya başlamak için ihtiyacınız olan tüm fikirlere sahipsiniz. Ayrıca, ilk birkaç sefer her zaman biraz kafa karıştırıcıdır. Bu nedenle, öğrenmenizin mükemmel olduğundan emin olmak için bunu yaparken bazı videoları kontrol ettiğinizden emin olun.