Proteinde Design Block Kavramı ve Kullanımı

Design Block nedir? Protein sitelerinde nasıl kullanılır? Design Block; Özel tasarımlı içeriklerin bir block halinde kullanılması amacıyla oluşturulmuştur.

Yol: Protein > Design Block

Design Block Nedir?

Design Block, esasında sayfa tasarımdan istenilen bölgede kullanılabilen bir kutu (box) gibi düşünülebilir. Design Block yapısında mevcut editör marifeti ile oluşturulacak; özel tasarımlı içerikler, görseller, başlıklar ile bir block yapılabilir. Üretilen block ise, site üzerinde sayfa veya menülerde istenilen bölge kullanılabilir. İhtiyaç halinde sitenin birden fazla sayfasında da kullanılabilir. Üretilen bir blockta tasarımda küçük değişikler yapılarak kullanımı da seçenekler arasındadır. Design Block tasarımda esneklik ve bir tasarımı birden fazla kullanımı imkanı sunar.

Design Block Nasıl Oluşturulur?

Workcube üzerinden Protein site yapma eklentisine tıklanınca aşağıda görselde yer alan sayfaya ulaşılır. Buradan Design Block seçilerek ilerlenir.

Sonrasında daha önce oluşturulmuş blockların listelendiği ve yeni block oluşturma görselinin yer aldığı sayfaya ulaşılır. Burada oluşturulmuş tasarımların isimleri ile aratılarak bulunabilir veya listeden seçilerek üzerinden düzenleme yapılabilir. Yeni bir tasarım için görselde de yer aldığı üzere "Design Block Oluştur" seçeneği kullanılarak, block tasarımına başlanır.

Block tasarım sayfasında; başlık, yazar ve içerik editörü mevcuttur. Her bir block için; block ismi, yazarı ve içeriği eklenip kaydedilerek block oluşturulur. Block Editörü kullanılarak sayfa içinde kullanılacak içerikler, başlıklar, görseller vb eklenebilir. Yine farklı kod ortamlarında oluşturulmuş tasarımların kodları, Editör üzerinde mevcut sekmelerden View>Source code  tıklanarak açıklan kutu içine atılarak kaydedilebilir. Bu şekilde oluşturulmuş tasarım Editör üzerinde gözükecektir. Ayrıca, her bir tasarım View>Preview ile görüntülenebilir.

Daha önce oluşturulmuş bir tasarıma tıklanıp, bu tasarımda değişiklik yapılarak güncellenebilir. Bu sayfada sağ üstte yer alan "Dünya" ikonu ile, tasarımı kullanabileceğimiz protein üzerinde oluşturulmuş sitelere kısayol olarak ulaşım sağlayabiliriz. "Fırça" ikonu ile de "Design Block" sayfasına kısayol olarak erişim sağlanabilir.

Design Block Kullanımı

Protein > Siteler > Site domain ismi tıklanarak bir sitenin yönetim sayfasına gidilir. Pages box'ın altında yer alan sayfalardan block eklenmek istenen sayfa seçilir ve görsel de yer alan Designer alanına ulaşılır. Block sayfanın hangi bölgesinde kullanılmak isteniyor ise, o kısma Widgets altında yer alan Design Blok seçilerek sürükle bırak yöntemi ile atılır.

Bu aşamada görselde yer alan ekran çıkacaktır. Bu alanda daha önce tasarlanan ve yukarıdan anlatılan adımlar izlenerek oluşturulmuş blocklar listelenecektir. Bunlardan istenilen block seçilerek sayfada kullanılabilir. Ayrıca bu alanda yeni bir block tasarımı seçeneği seçilerek yeni bir blok da oluşturulabilir. Seçilen veya yeni oluşturulan blok sonrasında Design Block Widgeti üzerinden görselde yer aldığı gibi görüntülenecektir.

Dikkat: Burada dikkat edilmesi gereken önemli bir özellik mevcuttur. Bu alanda seçilen block, sayfaya Design Block Listesinden kopyalanarak eklenir.Bu aşamada seçim yapılan blok tasarımında değişiklik sadece bu widget içinde kullanılan blok ile sınırlıdır ve Genel Design Blok Listesinde ana blocku etkilemez. Bu özellik Design Block yapısına ilave esneklik kazandırmaktadır.

Design Block'un Menüde Kullanımı

Yukarıda Design Block'un sayfa yapısında kullanımından bahsettik. Benzer şekilde üretilen blocklar Menü yapısında da kullanılabilir. Site yönetim sayfasında Menu Definations box altında oluşturulan menüler mevcuttur. Bu menülere alt menüler eklenerek daha fazla sayfa içi link sağlanabilir. Drop-down menü olarak tanımlanan bu yapılara da block'lar eklenebilir. Aşağıda görsellerde bir menü alt menüleri tasarım sayfasında Design block kullanımı ve sayfaya üzerinden görüntüsü yer almaktadır.

Özetle, sayfa ve menüler üzerinden özel tasarımlı nesneler, birden fazla alanda kullanılacak yapılar, uzun içeriklerden oluşmayan ilgi çekici vurgulayıcı yazılar için Design Block tercih edilmesi gereken bir yapıdır. Tasarımda kolaylık, çabukluk ve esneklik en büyük avantajları arasındadır.