Her kurs için ayrı CMS sayfası oluşturmadan detayları gösterin

Bir stüdyo Fotoğrafçılık, Seramik ve Ahşap işçiliği kursları veriyor. Sitede her kursun kısa tanıtımı var. Ziyaretçi Fotoğrafçılık kartını seçince kursun programını, süresini ve görselini kendine ait bir adreste görmek istiyor. Her kurs için CMS’te ayrı bir sayfa açıp yönetmek gerekir mi?

WebBlocks CMS’teki Otomatik Sayfalar ile uyumlu bir kurs kaynağı bu bilgileri ortak bir tasarıma sağlayabilir. Fotoğrafçılık adresinde fotoğrafçılık, Seramik adresinde seramik bilgileri görünür. Editör tasarımı bir kez düzenler; kurs uygulaması kayıtları yönetir. Bağlantının tamamını kurgusal Northstar Studio kurslarıyla inceleyelim.

Kurs listesi /courses adresindedir. Üç kart /courses/photography, /courses/ceramics ve /courses/woodworking adreslerine bağlanır. Liste ile kurs detayı farklı görünümlerdir: kart seçim yapmayı kolaylaştırır; detay adresi seçilen kursu gösterir.

Listenin kendi koleksiyon yapılandırması bulunur. Karta bağlantı eklemek hedefini oluşturmaz. Önceki liste ve uygulama verisi örneği tekrarlanan kartları açıklar; aşağıdaki adımlar detay tasarımını bağlar. Görsellerde İngilizce arayüz ve kurs adları kullanılıyor.

Course detail design adlı bir sayfa oluşturun. İçine Başlık, Zengin Metin ve Görsel blokları yerleştirin. Yerleşim ortak kalır; değerleri görüntülenen kurs sağlar. Bu örnekte summary alanında kursun süresi ve kısa programı birlikte bulunur.

Fotoğrafçılık için altı haftalık kadraj, ışık ve küçük bir fotoğraf projesi; Seramik için dört haftalık elle şekillendirme, çamur hazırlama ve sırlama programı gösterilir. İki adres, aynı yerleşimi farklı metin ve görsellerle kullanır.

Önce bir geliştirici veya eklenti kurslar için uyumlu yayın kaynağını ve tek kurs kaynağını sağlamalıdır. Örnekte bunların etiketleri Published courses ve Published course. Yalnızca kart verisi sağlayan sıradan bir koleksiyon, Otomatik Sayfalar için yeterli değildir.

Course detail design sayfasındaki Başlık bloğunu açıp Dynamic Content bölümüne geçin. Başlık bağlantısında Published course kaynağını, örnek kayıt olarak Photography’yi ve kaynak alanı olarak title değerini seçin. Görsel gerçek kaynak, kayıt ve alan seçimlerini gösteriyor. Photography düzenleme sırasında örnektir; otomatik detay isteğinde URL’nin seçtiği kurs kullanılır ve kaydedilmiş örnek seçimi değiştirilmez.

Zengin Metin bloğunun Dynamic Content sekmesini açın. İçeriğini aynı Published course kaynağının summary alanına bağlayın. Kurgusal kurs uygulaması programı ve süreyi burada sağlar. Her kursun programını ayrı CMS sayfasına kopyalamak yerine bu bloğu hangi kaynak değerinin dolduracağını seçiyorsunuz.

Görsel bloğunun Dynamic Content sekmesinde görsel kaynağını image_url, alternatif metni image_alt, altyazıyı image_caption alanına bağlayın. Bunlar ayrı bağlantılardır. Hem görsel hem açıklamaları, desteklenen her dilde o anda açılan kursa uygun olmalıdır.

Dinamik İçerik → Otomatik Sayfalar bölümünde site için taslak kural oluşturun. Content source alanında Published courses, Detail design alanında Course detail design seçin. Base path alanına /courses yazın. İsteğe bağlı Catalogue page alanı Studio courses liste sayfasını gösterir; bu seçim kart listesini yapılandırmaz veya değiştirmez.

Kuralın Fields supplied by the selected record bölümü blok bağlantılarını bir arada gösterir. Başlığın title, metnin summary, Görsel bloğunun da resim ve açıklama alanlarını aldığını kontrol edin. Veri ile sayfa tasarımını birleştiren bağlantı budur.

Taslağı kaydedin, Inspect records seçeneğini açın ve Photography kaydını seçin. Önerilen adresleri ve gerçek içeriği etkin dillerin her birinde inceleyin. Inspect source fields bölümünü genişleterek başlığın, programın ve görselin arkasındaki değerleri kontrol edin; ardından Render preview açın. Örneğin Türkçe Fotoğrafçılık, Türkçe kurs içeriğiyle /tr/courses/photography adresinde açılır; kısa adres değişmez.

Review transition ile adres çakışmalarını, çevirileri ve mevcut detay sayfalarını denetleyin. Taslağı kaydetmek veya önizlemek adresleri yayımlamaz. Activate automatic routes, bu incelemeden sonra yetkili işletmecinin yaptığı ayrı bir işlemdir. Buradaki görseller akışı yalnızca geçici showcase ortamında gösterir.

Kural etkin olduktan sonra kurs kaynağında geçerli bir Suluboya kaydı kamuya açıldığında, /courses/watercolour adresi aynı tasarımla görüntülenebilir. Bu kayıt için yeni bir CMS detay sayfası kopyası veya ayrı kural etkinleştirmesi gerekmez. Koleksiyon yapılandırması ayrı olduğundan listeyi de kontrol edin.

Belirgin biçimde farklı bir editoryal yerleşim isteyen kurs için ayrı sayfa uygun olabilir. Eşleşen mevcut native sayfaların bireysel tasarımları korunabilir. Yayından kaldırılan kursun otomatik detay adresi 404; erişilemeyen kaynak veya geçersiz yayın içeriği 503 döndürebilir. Kayıt anahtarlarını ve kısa adresleri sabit tutun; kısa adres değişikliği eski adresi kendiliğinden yönlendirmez.

Tam kurulum ve inceleme süreci için Otomatik Sayfalar, alan bağlantıları için Dinamik İçerik belgelerine bakın. Makale WebBlocks CMS geliştiricisi tarafından yazılmıştır. Görseller yayımlanmış CMS 1.105.5 showcase’inde kurgusal Northstar Studio içeriğini kullanır.

Yorumlar yayımlanmadan önce incelenir.