Storefront'un yapı taşı felsefesi
Yayınlanan: 2016-09-06Bugün, WooCommerce için Storefront temasının görünümünü tek bir kod satırına dokunmadan değiştirmenize olanak tanıyan bir uzantı olan Storefront Powerpack'i piyasaya sürdük. Powerpack, herkesin HTML veya CSS ile uğraşmadan mağazasını özelleştirmesine olanak tanır ve bu özelleştirmelerin sonuçları anında görülebilir.
Bu uzantıyı yayınlamaya hazırlanırken, Storefront'un geliştirilmesinin ardındaki düşünce hakkında hiçbir zaman fazla bir şey yazmadığımızı ve neden işlevselliği temanın kendisinde paketlemek yerine uzantılara ayırmayı seçtiğimizi fark ettik. "Neden Powerpack'i Storefront'un bir parçası yapmıyorsunuz?" sorabileceğini düşündük.
Bugün, Storefront'un arkasındaki "yapı taşı" felsefemizi ve bunun Powerpack gibi uzantıların geliştirilmesini nasıl etkilediğini açıklamak için birkaç dakika ayırıyoruz .
Daha fazlasını öğrenmek ister misin? Okumaya devam etmek.
Storefront'un sağlam temeli
Başlangıç olarak, Storefront'u yalnızca bir korumalı alan teması olacak şekilde oluşturmadık. Herkes Storefront'u olduğu gibi, bir çocuk temasıyla veya şimdi Powerpack üzerinden özelleştirmelerle kullanabilir ve muhteşem görünümlü bir mağazaya sahip olabilir .
Vitrin, mağazanızın teması veya özel bir tasarımın başlangıcı olsun, her amaç için sağlam bir temeldir. Kutudan çıktığı anda tamamen işlevseldir, ancak özel ihtiyaçlarınızı karşılamak için hızla güncellenebilir.
Temel WooCommerce felsefesi: ihtiyacınız olanı ekleyin
Storefront'u yalın ve hızlı ama aynı zamanda esnek olacak şekilde oluşturduk. Bu, WooCommerce'in arkasındaki felsefeyle de uyumludur .
Tüm ürünlerimizin arkasındaki fikir aynıdır: Herkesin üzerine istediği her şeyi inşa edebileceği, ancak onu şişkinlikten uzak tutabileceği, zengin özelliklere sahip ve güçlü bir şey sunun. Bu nedenle hem WooCommerce hem de Storefront'un sayfa oluşturucular, tasarımcılar, kaydırıcılar ve diğer gelişmiş özelleştirme araçları veya düzenleyicileri olmadan paketlendiğini göreceksiniz.
Bir sayfa oluşturucu kullanmak veya bir kaydırıcı eklemek istiyorsanız şunları yapabilirsiniz: Ürünlerimizi bu öğelerle uyumlu olacak şekilde oluşturduk. Örneğin Storefront, popüler Beaver Builder ve Visual Composer ile uyumludur.
Ancak , istemeyeceğiniz veya mağazanızı yavaşlatabilecek hiçbir şeyi paketlemiyoruz . İşlevselliğinizi seçebilmenizi, asla kullanmayacağınız seçeneklere sahip olmak zorunda kalmamanızı veya zorluk çekmemenizi istiyoruz.
WooCommerce gibi, Storefront teorisi şudur: ihtiyacınız olanı ekleyin ve yalnızca ihtiyacınız olanı ihtiyacınız olduğunda ekleyin.
Blok blok, temanızı istediğiniz kadar oluşturun
İşte burada bahsettiğimiz yapı taşı felsefesi devreye giriyor.
Storefront'a eklemek, oyuncak tuğlalarla oynamaya çok benzer . Daha büyük, daha karmaşık ve daha renkli tasarımlar oluşturmak için bir araya gelirler.
Bir paket oyuncak tuğla satın aldığınızda, ambalaj üzerinde gösterilenleri oluşturmak için talimatları takip edebilirsiniz. Veya bunun yerine kendi yaratıcılığınızı ve fikirlerinizi kullanarak başka bir şey inşa edebilirsiniz.
Bu, Storefront'a çok benziyor : Size verdiğimiz yapı taşlarıyla, mağazanızı tasarlamak için ürünlerimiz ve belgelerimiz tarafından belirlenen yönergeleri takip edebilirsiniz. Ayrıca bir alt tema kullanabilir, bir uzantı ekleyebilir vb.
Veya özel bir yaklaşımı tercih ederseniz, kodu ve CSS'yi inceleyebilir ve kullanmak istediğiniz araçlarla her şeyi istediğiniz gibi özelleştirebilirsiniz.
Aynı şekilde kimse size tuğlalarınızla bir kule inşa edemeyeceğinizi söylemeyecek, kimse “hey, o temayı yapmak için Storefront'u kullanmak adil değil!” demeyecek. Ne de olsa havalı şeyler yapmanı istiyoruz .
Bloklarımızı kullanın veya kendi bileşenlerinizle inşa edin
Storefront, WooCommerce gibi tamamen açık kaynaktır. İçine giren kodu görebilir ve istediğiniz gibi düzenleyebilir ve hatta güncellenmesi gereken bir şey bulursanız buna katkıda bulunabilirsiniz.
Bu temayı, kendinizi rahat hissettiğiniz herhangi bir şekilde eklemeniz için inanılmaz derecede esnek olacak şekilde oluşturduk . Bu, CSS'yi kazmak ve sıfırdan kendi alt temanızı oluşturmak anlamına geliyorsa, bunu yapabilirsiniz - hiçbir özel kod veya dil sizi durduramaz. Her şeyin nasıl çalıştığını, tüm yapı taşlarının ve özel bileşenlerin Storefront'un çalışması için nasıl bir araya geldiğini görebilirsiniz.
Kod senin işin değilse, bu sorun değil. Powerpack'i Storefront'u veya alt temalarımızdan birini özelleştirmek için kullanabilir, temanın yeteneklerini genişletmek için bir uzantı ekleyebilir, hatta tasarımı daha da geliştirmek için üçüncü taraf bir uzantı deneyebilirsiniz.
İster "resmi" blok mağazasından alınmış olsun, ister elle oluşturulmuş, ister başka bir yerden satın alınmış olsun, diğer tüm bloklarla çalışacak oyuncak bloklar olarak düşünebilirsiniz . Yapabileceklerinizin bir sınırı yok ve isterseniz ücretsiz olarak bulduğunuz talimatları izleyerek tüm blokları elle yapabilirsiniz.
Tweetlemek için tıklayın
Storefront ile istediğiniz gibi güzel bir WooCommerce mağazası oluşturabilirsiniz.
Yani, hepsini özetlersek:
- Temel WooCommerce ve buna karşılık Storefront felsefesi, işleri basit tutmaktır, böylece yalın, duyarlı bir mağaza yönetebilir ve yalnızca ihtiyacınız olanı ekleyebilirsiniz.
- Powerpack gibi uzantılar yapı taşları olarak görülmelidir — Storefront sağlam bir temeldir ve en rahat kullandığınız araçlarla istediğiniz kadar bunun üzerine inşa edebilirsiniz.
- Kendi bloklarınızı kullanın veya bizimkileri deneyin - kendi kodunuzu veya herhangi bir uzantıyı kullanarak beğeninize göre oluşturabilirsiniz.
Amiral gemisi WooCommerce temamızın ardındaki felsefe hakkında biraz daha bilgi edinmiş olduğunuzu umuyoruz. Gelecekte Storefront ile gelecek çok şey var, bu yüzden gözünüzü dört açın.
Elimizdeyken, Storefront için yeni bir uzantı önermek veya temayı daha iyi hale getirmemize yardımcı olacak bir fikriniz varsa, burada fikir ekleyebilir veya fikirlerinizi oylayabilirsiniz.
Bizim için herhangi bir sorunuz var mı? Veya Powerpack hakkında herhangi bir geri bildirim? Yorumlar açık ve ne düşündüğünüzü duymak isteriz.
- Çocuk temaları neden bu kadar önemli?
- Karşılama Mağazası 2.0
- Canvas hakkında bilgi mi arıyorsunuz? Burada okuyun