Elementor’a özel bir kesme noktası nasıl eklenir
Bu makalede, Elementor’a nasıl özel bir kesme noktası ekleyeceğimizi tartışacağız. Yıllar boyunca, bu, onu entegre etmemiş olsalar bile, Elementor ekibinin çok talep edilen bir özelliği haline geldi. Neden özel kesme noktaları istiyorsunuz? İstemci web siteleri oluşturmak için öğeler kullanan bir ajans olarak, genellikle özel kesme noktası kullanırız. Örneğin, birisi bir cep telefonunda, peyzaj modunda bir web sitesi görmek istiyorsa, bunu yapmak için doğuştan gelen bir yetenek yoktur. En basit haliyle, elementin hücresel peyzaj modlarını uygulamasını istiyoruz. Bunu yaparlarsa, editördeki duyarlı seçmen sekmesi şöyle görünecektir:
Kaynak
Daha karmaşık bir biçimde, belirli bir piksel genişliği için kolayca özel bir durdurma noktası ekleyebilmek istiyoruz.
Github’ın isteği: Özel duraklama noktaları nerede? 25 Mayıs 2020’de açıldı
Github İsteği: [Özellik İsteği] 19 Temmuz 2017’de açılan özel kesme noktası
Bir noktada, 2010’ların başında, çoğu cihaz aynı ekran boyutuna sahipti. Bu, şimdi dizüstü bilgisayarlar ve mobil cihazlar dönemini ifade ediyor, 2020’de orada birçok farklı ekran çözünürlüğü var. Örneğin, 13 inç MacBook Retina ekranının 2560 x 1600 çözünürlüğe sahipken, 13 inç Dell XPS ekranının 3,840 x 2.400 çözünürlüğü vardır. Aynı sınıf, farklı boyutlar.
Özel durdurma noktasının bu ekranın genişliğine uyacak şekilde ayarlanması yardımcı olabilir. Ziyaretçilerinizin çoğunun Apple dizüstü bilgisayarlarından geldiğini biliyorsanız, bu özelliği oluşturmak kullanıcıyı daha iyi hale getirecek ve sonuçta daha fazla dönüşüm ve daha düşük oran üretecektir. Neden özel bir kesme noktasına ihtiyacınız olduğuna dair bir başka örnek de budur. Daha küçük bir tablette, dört sütun kullanılamayacak kadar dardır. Bununla birlikte, iPad Pro gibi daha büyük tabletlerde, dört sütun ekrana çok uygundur ve bilgileri etkili bir şekilde görüntüler. Şu anda özel bir geçici durdurma noktası olmadığından, bir düzen ile sıkışıp kalırsınız ve bazı fedakarlıklar yapmanız gerekir. 2 sütun düzenini kullanabilirsiniz – bu, daha küçük bir tablette işlev görebilirsiniz, ancak daha büyük bir tablette çok boş görünüyor veya büyük tabletlerde iyi görünen ancak küçük bir tablette çok dar hale gelen dört sütun kullanabilirsiniz. Kolonun çökmesini sağlayacak iyi bir geçiş kırılma noktası ayarlamanın bir yolu yoktur. Tldr; Herkes gerçekten özel bir kesme noktası ve peyzaj modu istiyor. Bunun için geçerli kullanım durumları vardır, ancak Elementor bu özelliği önerildiğinden beri üç yıl içinde eklememiştir. (Bu, Elementor ile tekrarlanan bir sorun gibi görünüyor, geliştirici geri bildirimlerini dinlemiyor, ancak bu başka bir gün için bir nokta.)
Orijinal Elementor üreticisinde herhangi bir uygulama olmadığından, bize bunu yapma yeteneği sunan birkaç üçüncü taraflı eklenti bulmalıyız. Araştırmamızdan, Elementor’a özel bir kesme noktası eklemenizi sağlayan üç ana eklenti bulduk. Hangisinin tüketiciler için en iyisi olduğunu öğrenmek için her şeyi elde ederiz ve size eksiksiz bir rehber ve karşılaştırma vereceğiz. Breakpoint eklentisi için iki seçenek Elementor web sitesine özel bir kesme noktası eklemek için ilk tercih, CodeVision tarafından geliştirilen tek başına bir eklentidir. “Elementor için Özel Breakpoints” başlıklı bu eklenti 20 Euro veya 22,5 USD değerindedir. İkinci seçenek, Elementor’a özel bir kırılma noktası eklemek için tasarlanmış başka bir bağımsız eklentidir. Buna “Elementor için Wepixel Özel Kesme Pointleri eklentisi” denir ve şu anda Beta 1.0 sürümünde. Bir süredir bu versiyonda kalıyor, bu yüzden geride kalan proje olabilir. Ancak, işleyen bir lisans satın almak ve bunu test web sitemize yükleyebiliriz. Bir alanda kullanılabilecek lisanslar için 35 avroya mal olur (görüşümüze göre bir eklentinin beta sürümü için oldukça pahalıdır). Üçüncü seçenek, bu özelliği birçok modülden biri olarak içeren Piotnet Addons adlı eklenti paketidir. Pafe bir süredir çıktı ve biz sunduklarının hayranıyız. Makalemizde, Elementor için en iyi eklentileri karşılaştıran bahsediyoruz. Fiyat bir site lisansı için 40 $ veya sınırsız site lisansları için 60,00 $ ‘dır. Ayrıca ömür boyu anlaşma sunarlar.
Diğer eklentileri veya ücretsiz çözümleri biliyorsanız, lütfen aşağıya bir yorum bırakın. Şimdi, kurulumdan, özellikle Elementor için geçici bir durdurma noktası eklemeye kadar her eklentiyi devam edelim ve keşfedelim. Umarım, bu size eklentinin ne sunduğunun iyi bir resmini verecek ve doğru satın alma kararlarını vermenize yardımcı olacaktır. Elementor için Breakpoint Kustom CodeVision Bu eklentinin tek amacı Elementor kurulumunuza özel bir kesme noktası eklemektir. Bu eklenti kürek yoluyla satılır, yani satın alma işlemi çok sorunsuz çalışır. Bu aktif olarak korunur ve oldukça iyi tasarlanmıştır. Web sitenize yükledikten sonra, yönetici menü girişini tıklayarak özel bir kesme noktası eklentisi için ayarlara erişebilirsiniz. Bu ekrandan dışa aktarımı içe aktarabilir ve gerektiğinde yeni kesme noktaları ekleyebilirsiniz. CodeVision eklentisi, daha önce yüklenmiş 18 kesme noktası ile birlikte gelir ve ihtiyacınız olduğu kadar ekleyebilirsiniz. Ayrıca etkinleştirebilir ve devre dışı bırakabilirsiniz, yani kırılma noktalarını silmenize gerek yoktur, ancak Elementor Düzenleyici Arayüzünden silebilirsiniz.
Özel durma noktanızı ayarladıktan sonra, Elementor’un editörüne gidebilir ve kullanabilirsiniz. (Bu örnek için sekiz hariç tüm kırılma noktalarını devre dışı bırakıyoruz.)
Bir kırılma noktasından geçerken, peyzaj modu ve portre arasında seçim yapabilirsiniz. Break noktaları arasında bazı karşılaştırmalar.
Daha karmaşık bir biçimde, belirli bir piksel genişliği için kolayca özel bir durdurma noktası ekleyebilmek istiyoruz.
Github’ın isteği: Özel duraklama noktaları nerede? 25 Mayıs 2020’de açıldı
Github İsteği: [Özellik İsteği] 19 Temmuz 2017’de açılan özel kesme noktası
Bir noktada, 2010’ların başında, çoğu cihaz aynı ekran boyutuna sahipti. Bu, şimdi dizüstü bilgisayarlar ve mobil cihazlar dönemini ifade ediyor, 2020’de orada birçok farklı ekran çözünürlüğü var. Örneğin, 13 inç MacBook Retina ekranının 2560 x 1600 çözünürlüğe sahipken, 13 inç Dell XPS ekranının 3,840 x 2.400 çözünürlüğü vardır. Aynı sınıf, farklı boyutlar.
Özel durdurma noktasının bu ekranın genişliğine uyacak şekilde ayarlanması yardımcı olabilir. Ziyaretçilerinizin çoğunun Apple dizüstü bilgisayarlarından geldiğini biliyorsanız, bu özelliği oluşturmak kullanıcıyı daha iyi hale getirecek ve sonuçta daha fazla dönüşüm ve daha düşük oran üretecektir. Neden özel bir kesme noktasına ihtiyacınız olduğuna dair bir başka örnek de budur. Daha küçük bir tablette, dört sütun kullanılamayacak kadar dardır. Bununla birlikte, iPad Pro gibi daha büyük tabletlerde, dört sütun ekrana çok uygundur ve bilgileri etkili bir şekilde görüntüler. Şu anda özel bir geçici durdurma noktası olmadığından, bir düzen ile sıkışıp kalırsınız ve bazı fedakarlıklar yapmanız gerekir. 2 sütun düzenini kullanabilirsiniz – bu, daha küçük bir tablette işlev görebilirsiniz, ancak daha büyük bir tablette çok boş görünüyor veya büyük tabletlerde iyi görünen ancak küçük bir tablette çok dar hale gelen dört sütun kullanabilirsiniz. Kolonun çökmesini sağlayacak iyi bir geçiş kırılma noktası ayarlamanın bir yolu yoktur. Tldr; Herkes gerçekten özel bir kesme noktası ve peyzaj modu istiyor. Bunun için geçerli kullanım durumları vardır, ancak Elementor bu özelliği önerildiğinden beri üç yıl içinde eklememiştir. (Bu, Elementor ile tekrarlanan bir sorun gibi görünüyor, geliştirici geri bildirimlerini dinlemiyor, ancak bu başka bir gün için bir nokta.)
Orijinal Elementor üreticisinde herhangi bir uygulama olmadığından, bize bunu yapma yeteneği sunan birkaç üçüncü taraflı eklenti bulmalıyız. Araştırmamızdan, Elementor’a özel bir kesme noktası eklemenizi sağlayan üç ana eklenti bulduk. Hangisinin tüketiciler için en iyisi olduğunu öğrenmek için her şeyi elde ederiz ve size eksiksiz bir rehber ve karşılaştırma vereceğiz. Breakpoint eklentisi için iki seçenek Elementor web sitesine özel bir kesme noktası eklemek için ilk tercih, CodeVision tarafından geliştirilen tek başına bir eklentidir. “Elementor için Özel Breakpoints” başlıklı bu eklenti 20 Euro veya 22,5 USD değerindedir. İkinci seçenek, Elementor’a özel bir kırılma noktası eklemek için tasarlanmış başka bir bağımsız eklentidir. Buna “Elementor için Wepixel Özel Kesme Pointleri eklentisi” denir ve şu anda Beta 1.0 sürümünde. Bir süredir bu versiyonda kalıyor, bu yüzden geride kalan proje olabilir. Ancak, işleyen bir lisans satın almak ve bunu test web sitemize yükleyebiliriz. Bir alanda kullanılabilecek lisanslar için 35 avroya mal olur (görüşümüze göre bir eklentinin beta sürümü için oldukça pahalıdır). Üçüncü seçenek, bu özelliği birçok modülden biri olarak içeren Piotnet Addons adlı eklenti paketidir. Pafe bir süredir çıktı ve biz sunduklarının hayranıyız. Makalemizde, Elementor için en iyi eklentileri karşılaştıran bahsediyoruz. Fiyat bir site lisansı için 40 $ veya sınırsız site lisansları için 60,00 $ ‘dır. Ayrıca ömür boyu anlaşma sunarlar.
Diğer eklentileri veya ücretsiz çözümleri biliyorsanız, lütfen aşağıya bir yorum bırakın. Şimdi, kurulumdan, özellikle Elementor için geçici bir durdurma noktası eklemeye kadar her eklentiyi devam edelim ve keşfedelim. Umarım, bu size eklentinin ne sunduğunun iyi bir resmini verecek ve doğru satın alma kararlarını vermenize yardımcı olacaktır. Elementor için Breakpoint Kustom CodeVision Bu eklentinin tek amacı Elementor kurulumunuza özel bir kesme noktası eklemektir. Bu eklenti kürek yoluyla satılır, yani satın alma işlemi çok sorunsuz çalışır. Bu aktif olarak korunur ve oldukça iyi tasarlanmıştır. Web sitenize yükledikten sonra, yönetici menü girişini tıklayarak özel bir kesme noktası eklentisi için ayarlara erişebilirsiniz. Bu ekrandan dışa aktarımı içe aktarabilir ve gerektiğinde yeni kesme noktaları ekleyebilirsiniz. CodeVision eklentisi, daha önce yüklenmiş 18 kesme noktası ile birlikte gelir ve ihtiyacınız olduğu kadar ekleyebilirsiniz. Ayrıca etkinleştirebilir ve devre dışı bırakabilirsiniz, yani kırılma noktalarını silmenize gerek yoktur, ancak Elementor Düzenleyici Arayüzünden silebilirsiniz.
Özel durma noktanızı ayarladıktan sonra, Elementor’un editörüne gidebilir ve kullanabilirsiniz. (Bu örnek için sekiz hariç tüm kırılma noktalarını devre dışı bırakıyoruz.)
Bir kırılma noktasından geçerken, peyzaj modu ve portre arasında seçim yapabilirsiniz. Break noktaları arasında bazı karşılaştırmalar.
Bu kırılma noktası peyzaj modunda iPhone 11/xr içindir.
Bu eklenti aktif olarak korunur ve görevlerini çok iyi yapar. Arka uç arabiriminin anlaşılması ve kullanılması kolaydır ve Elementor’un editöründeki özel kesme noktaları arasında hızlı bir şekilde geçiş yapabilirsiniz. Bu eklentiyi tanımlamak için en iyi terim “biraz belirsiz”. Yön sayfası çok iyi tasarlanmamıştır (destek formları yön sayfasının altında bulunabilir ve yalnızca genel bir Elementor formudur) ve biraz titrek bir lisans anahtarı satın alır. Ancak, web sitesi işlevleri hakkındaki talimatları izleyerek, işlev gören bir lisans ve eklenti anahtarı alabiliriz. Yönetici menü bağlantısı aracılığıyla sayfaya giderek özel bir kesme noktası eklentisi için ayarlara erişirsiniz. Özel bir geçici durdurma noktası için Ayarlar sayfasından, gerektiği gibi silinen ekran boyutunu ekleyebilirsiniz. Ayrıca diğer web sitelerinde kullanılmak üzere bu kesme noktasını devam edip içe aktarabilir ve dışa aktarabilirsiniz.
Break noktanızı ayarladıktan sonra, Elementor’un editörüne gidebilir ve Duyarlı Mod sekmesine tıklayabilirsiniz. Yeni gümrük görünürken durma noktasını göreceksiniz.
Bu, varsayılan kesme noktası Elementor gibi çalışır, tek yapmanız gereken tek tek kesme noktası girişlerini tıklamak ve ekran bunu ayarlayacaktır.
Bu, varsayılan kesme noktası Elementor gibi çalışır, tek yapmanız gereken tek tek kesme noktası girişlerini tıklamak ve ekran bunu ayarlayacaktır.
Örneğin, bu, maksimum 1024 piksel genişliğe sahip elementte özel bir durdurma noktası olan Breakpont 3 arasındaki oran ve jenerik hücresel durdurma (360 piksel için önizleme).
Gerektiğinde kolayca yeni kesme noktası ekleyebileceğinizi unutmayın. Testlerimizden, bu eklenti düzgün çalışıyor gibi görünüyor ve çoğu insanın tam olarak ihtiyacı var. Bu eklentiyi kullanarak Elementor için özel bir kesme noktası kolayca belirleyebilirsiniz. Gerçekten bir eklenti almak için belirsiz süreç dışında, web sitesinde bulunduktan sonra iyi çalışır. Bu Elementor için Piotnet eklentileri, Pro Elementor ve Elementor için ortak bir eklenti eklentisidir ve temel özellik paketinde özel kesme noktası işlevselliği içerir. Diğer makalelerde tartışacağımız bu eklentiye dahil olan birçok uzantısı ve eklenti var. Bu makalede endişelendiğimiz en önemli şey, bu eklenti tarafından yapmanızı sağlayan özel bir kesme noktası eklemektir. Pro bir sürüm satın aldıktan ve web sitenize yükledikten sonra, arka uç özelliklerini etkinleştirerek özel kesme noktası işlevselliğine erişebilirsiniz. Bu eklentideki özel medya kraliçesini durdurmak diğer ikisinden biraz farklı çalışır. Duyarlı mod menüsünden özel girişinize erişmek yerine, her öğenin gerçek ayarlarında erişirsiniz. Örneğin, her sütun için kesme noktasını ayarlamak istiyorsanız, sağ tıklayın, PAFE sekmesine gidin, ardından özel medya sorgularını etkinleştirin. İstediğiniz kadar ekleyebilirsiniz.
Elementlerin genişliği, marj, dolgu ve tipografik ayarlar gibi birçok ayara erişebilirsiniz.Bu kırılma noktasına sütunlar ve tipografik öğeler için erişebilirsiniz.Devamını buradan okuyun: https://pafe.piotnet.com/docs/custom-media-query-breakpoints Bu eklenti, Breakpoint Kueri özel medya diğer ikisinden biraz farklıdır.Diğer ikisi size her şeyi düzenleyebileceğiniz battaniyenin ekran boyutunu verirken, bu araç stili tek tek öğelere ayarlar.Bu, herhangi bir eklenti kullanmıyorsanız, CSS aracılığıyla manuel olarak yapmanız gerekenlere çok daha yakındır.Diğer ikisine kıyasla, bunu yapan bir şey arıyorsanız, ancak sorunu da karmaşıklaştırabilirseniz, bu sizin için iyi bir seçim olabilir.Sizin için en iyi seçim nedir?
Tabii ki, bu bütçenize ve ihtiyaçlarınıza bağlı olarak vermeniz gereken bir karardır. Ancak, tavsiyemiz CodeVision’ın ilk özel kesme noktaları eklentisidir. Bu eklentinin tek amacı, Elementor’un editörüne BreakPoint CSS manzarası ve portresi eklemektir ve bu çok iyi yapar. 18 ön ayarla görünür ve ihtiyacınız olan kadar ekleyebilirsiniz. Alman merkezli eklentinin arkasındaki ekip, hızlı bir desteğe sahip ve çok harika işler yapıyor. İkinci eklenti için herhangi bir kullanım durumunu görmüyoruz, çünkü CodeVision’ın 15 Euro daha fazla yaptığı ile neredeyse aynıdır (hala beta sürümünde olduğu ve oldukça gayri resmi bir satın alma işlemine sahip olduğundan bahsetmiyorum bile akan). Piotnet, ek eklenti arıyorsanız nihayet daha fazla değer sunabilir. CodeVision eklentisi 20 $ değerindedir ve yalnızca Elementor’a özel kesme noktası işlevselliği ekler. Öte yandan, Piotnet bu işlevi düzinelerce eklenti ve diğer editör iş akışlarıyla birlikte 40 dolara ekledi. Kesme değeri arıyorsanız, Piotnet bu kategoriyi kazanır. Piotnet’in bu özelliklerden uygulanmasının diğer ikisinden biraz farklı olduğunu unutmayın. Ayrıca, bunun piyasanın gerçekten ne istediğine (CodeVision eklentisine daha benzeyebileceği) biraz sapkın olduğuna inanıyoruz. Bu Pers paketini kişisel olarak birkaç müşteri web sitemizde kullandık ve eklentiye dahil olan eklentinin ürün kalitesi, hızlı destek ve hacminden etkilendik.
