Divi ile Web Siteniz İçin Bir Bilgi Tabanı Nasıl Oluşturulur

Web sitenizde bir Bilgi tabanına sahip olmak hem müşterileriniz hem de çalışanlarınız için son derece değerli bir varlık olabilir. Ve eğer doğru yapılırsa, bir bilgi tabanı, işletmeniz için uzun süredir devam eden bir kalite güvence damgası haline gelebilir. Sıkça Sorulan Sorular, Belgeler, Yazılım kılavuzları, Öğreticiler ve çok daha fazlası için harika bir çözüm olabilirler.

Bu derste size Divi ile web sitenize nasıl bilgi tabanı ekleyeceğinizi göstereceğim. Bunu yapmak için, bilgi tabanı sayfalarınızı düzenlemeyi ve biçimlendirmeyi kolaylaştıran bazı yararlı yapılandırma seçeneklerine sahip Echo Bilgi Bankası eklentisini (ücretsiz sürüm) kullanacağım. Divi Builder'ı kullanarak bilgi bankası ana sayfasını ve makale sayfalarını nasıl şekillendirebileceğinizi de göstereceğim.

Gizlice Bakış

İşte ne inşa edeceğimize dair gizli bir bakış.

Ana Bilgi Bankası Sayfası

Örnek Makale Sayfası

Bu Eğitim İçin İhtiyacınız Olan Şeyler

• Divi Teması (Yüklü ve Aktif)
• Echo Bilgi Bankası Eklentisi (Yüklü ve Etkin)
• Dijital Ürün Düzeni Paketi (Divi Builder'da ÜCRETSİZ olarak mevcuttur)

Divi'de Bilgi Bankası Gönderi Türünü Etkinleştir

Divi, belirli üçüncü taraf özel gönderi türleri için destek sağlamayı kolaylaştırır. Bilgi bankası eklentisi makaleler için kendi gönderi türlerini kullandığından, bunları Divi'de etkinleştirmeniz gerekir. Bu, bu makaleleri düzenlemek için Divi Builder'ı kullanmanıza izin verecektir.

Bunu yapmak için WordPress Kontrol Panelinize gidin ve Divi > Tema Seçenekleri'ne gidin. Oluşturucu sekmesine tıklayın ve “KB: Bilgi Bankası” yazı tipini etkinleştirin.

Bilgi Bankası Makaleleri ve Kategorileri Oluşturma

Tasarımın nasıl görüneceğine dair iyi bir fikir edinmek için bazı Bilgi tabanı makalelerine ve kategori ayarlarına sahip olmanız gerekir. Şimdilik sahte içerik kullanmakta bir sakınca yok.

Bilgi Bankası Kategorilerinizi Oluşturma

Tıpkı WordPress'teki normal gönderi kategorileri için yaptığınız gibi bilgi tabanı Kategorileri oluşturabilirsiniz.

Bunu yapmak için Bilgi Bankası > Kategoriler'e gidin. Ardından, bilgi bankası makaleleri için kullanacağınız kategorilerin her biri için bir Ad, Bilgi ve Ana Kategori (varsa) ekleyin. Bu örnek için, her biri birkaç alt kategoriye sahip 6 ana kategori ekledim.

Size bunun nereye gittiği hakkında bir fikir vermek için, Ana Kategoriler ve Alt Kategorilerin bilgi tabanı ana sayfasında nasıl görüntüleneceği aşağıda açıklanmıştır.

Yeni Makalelere Kategori Atama

Şu anda kategorileriniz yerinde ancak bunlara atanmış makale yok. Makaleler oluşturmanız ve oluşturduğunuz kategorilerden birini (veya daha fazlasını) her birine atamanız gerekecektir.

Tıpkı WordPress'te yeni bir gönderide yaptığınız gibi yeni bir makale oluşturabilirsiniz. Bilgi Bankası > Yeni Makale Ekle'ye gidin. Ardından bir Başlık ekleyin ve makaleye bir kategori atayın. Bu gönderi türünü Tema Seçeneklerinde etkinleştirdiğimiz için Divi Builder'ın etkinleştirilebileceğini fark edeceksiniz. Bunu yapmak için bazı ipuçlarını daha sonra paylaşacağım. Ancak şimdilik, sahte içerik varsayılan WordPress düzenleyicisi ekleyebilirsiniz. Bundan sonra makaleyi yayınlayın.

Her kategorinin kendisine atanmış en az bir makalesi olması için gereken tüm makaleleri oluşturmak için aynı işleme devam edin.

Varsayılan Bilgi Bankası Sayfasını Kontrol Edin

Eklentiyi etkinleştirdiğinizde, sizin için otomatik olarak bir bilgi bankası sayfası oluşturulur. Bu sayfa, ana bilgi tabanını dağıtmak için gereken kısa koda sahiptir.

İşte sayfanın varsayılan olarak nasıl görüneceği.

Bilgi Bankası Düzenini ve Stilini Yapılandırma

Bilgi tabanı eklentisi, bilgi tabanını web sitenizin tasarımına uyacak şekilde yapılandırmak için birçok kullanışlı seçeneğe sahiptir. Ana Sayfa, Makale Sayfası ve Arşiv Sayfası için özelleştirilebilir seçenekler vardır.

Ana Sayfayı Yapılandırma

Ana Sayfa Kurulumu

İlk olarak, bilgi tabanı yapılandırma sayfasının üst kısmındaki Ana Sayfa düğmesine tıklayın. Kurulum sekmesi altında varsayılan düzen stilini ve renklerini bırakabilirsiniz. Ancak bu örnek için, "Makaleler için Tasarlanmış Bilgi Tabanı Şablonları"nı kullanmak için şablon seçeneğini değiştireceğim. Bunu esas olarak, Arşiv Sayfasını önceden hazırlanmış farklı stil seçenekleriyle özelleştirmenize izin verdiği için yapıyorum. Ancak bunun için Divi Tema Şablonlarını saklamak istiyorsanız “Yazılar ve Sayfalar İçin Kullanılan Güncel Tema Şablonları” seçeneğini seçili tutabilirsiniz.

Şablonlar açılır penceresinde, Ana Başlığı Görüntüle seçeneğinin seçimini kaldırın ve tüm dolguları ve kenar boşluklarını 0px olarak ayarlayın. Bu, sayfa başlığı ve boşluk için Divi Builder'ı kullanmamıza izin verecektir.

Ana Sayfa Düzenleme ve Tüm Metin seçenekleri

Şimdilik, Organize Et ve Tüm Metin seçeneklerini varsayılan ayarlarında bırakacağım, ancak bunları kendi başınıza değiştirmekten çekinmeyin. Düzenle sekmesinin altında, kategorilerinizi istediğiniz sırayla sürükleyip bırakabilirsiniz. Ve Tüm Metin seçenekleri, sayfa boyunca kullanılan ifadeleri değiştirmenize olanak tanır (örneğin, arama Başlığı ve düğme metni).

Ana Sayfa Ayarlama Seçeneği

Ardından, Ayar sekmesine tıklayın. Bu, ana bilgi tabanı için şekillendirmenin çoğunun gerçekleştiği yerdir. Bu ayarların hepsini kullanmayacağım, ancak bazı renkleri değiştireceğim ve bazı simgeler ekleyeceğim. Bu, bilgi tabanını önceden hazırlanmış Divi Düzeninizle nasıl eşleştirebilirsiniz. Dijital Ürün yerleşim paketini kullanmayı planladığımdan, bilgi tabanı sayfasını biçimlendirmek için bu renkleri kullanacağım.

Arama Kutusu Renkleri

Arama kutusu kategorisi altında renkleri seçin ve aşağıdakileri güncelleyin:

Başlık: #333333
Arama Arka Planı: #ffffff
Düğme Arka Planı: #091c4f

İçerik Stili

İçerik kategorisi altında, Stil'i seçin ve aşağıdakileri güncelleyin:

Sayfa Genişliği: Tam Genişlik

Makale Stili ve Renkleri Listesi

Makale Listesi kategorisi altında, Stil'i seçin ve aşağıdakileri güncelleyin:

Simge: Ok Üçgeni
Makaleler Listesi Yükseklik: 100 piksel minimum yükseklik (bu, tüm kutuları aynı yükseklikte yapmak için kullanışlıdır)

Ardından Renkler'i seçin ve aşağıdakileri güncelleyin:

Makaleler Metin: #091c4f
Makaleler Simgesi: #6767ef

Kategoriler Stil ve Renkler

Ardından, Kategoriler altında Stil'i seçin ve aşağıdakileri güncelleyin:

Simgeler Konumu: üst

Ardından, seçmek için önizlemedeki kategori kutularından birine tıklayın. Ardından, belirli bir kategoriye ait bir Kategori Simgesi seçin. Bunu Kategori kutularının her biri için yapın.

Aralarından seçim yapabileceğiniz 500'den fazla simge var!

Ardından Renkler'i seçin ve aşağıdakileri güncelleyin:

Üst Düzey Kategori Simgesi: #ffffff
Alt kategori Metin ve Simge: #333333
Bölücü: #ffffff
Kategori Kutusu Başlık Metni: #ffffff
Kategori Kutu Başlığı Arka Planı: #091c4f

Makale Sayfası Özellikleri

Artık Ana Sayfayı yapılandırdığımıza göre, sayfanın üst kısmındaki Makale Sayfasına tıklayın. Ardından özellikler sekmesine tıklayın. Burada, makale düzeninin en üstünde görünecek olan geri düğmesi ve içerik haritaları gibi öğeleri özelleştirebilirsiniz.

Şimdilik, makale sayfası için kullanacağım önceden hazırlanmış düzen ile geri düğmesini eşleştireceğim. Özellikler altında Geri Gezinti'yi seçin ve aşağıdakileri güncelleyin:

Metin Rengi: #ffffff
Arka Plan Rengi: #091c4f
Kenar Rengi: #091c4f
Kenar genişliği: 3px

Arşiv Sayfa Düzeni Stili

Arşiv sayfasının düzenini değiştirmek için sayfanın üst kısmındaki “Arşiv Sayfası”na tıklayın. Kurulum sekmesi altında, mevcut farklı stillerin bir açılır listesini göreceksiniz. Varsayılanları koruyorum ancak diğer stilleri denemekten çekinmeyin.

Burada, varsayılan Stil 1 ile bir kategori arşiv sayfasının nasıl göründüğüne dair bir örnek verilmiştir.

Divi ile Bilgi Bankası Sayfasını Tasarlama

Bilgi bankası sayfalarımızın konfigürasyonunu tamamladığımıza göre, Divi Builder ile bilgi bankası ana sayfasının tasarımını tamamlamaya hazırız.

İlk olarak, eklenti tarafından otomatik olarak oluşturulan Sayfa Başlıkları “Bilgi Tabanı”nı düzenlemeye gidin.

Ardından Divi Builder'ı Dağıtın. “Bir Hazır Düzen Seçin” seçeneğini seçin ve ardından Kütüphaneden Yükle açılır penceresinden Dijital Ürün Düzen Paketini seçin. Ardından, Dokümantasyon Sayfası Düzenini sayfaya dağıtın.

Düzen sayfaya yüklendikten sonra “Ön Uçta Oluştur” seçeneğini seçin.

Üst bölümün, yeni biçimlendirilmiş bilgi tabanımızı görüntüleyen kısa kodlu metin modülünü tuttuğunu göreceksiniz.

Şimdi tek yapmamız gereken, onu önceden hazırlanmış düzen içinde olmasını istediğimiz yere taşımak ve Divi Builder seçenekleriyle tasarımı gerektiği gibi ayarlamak.

Bu örnek için, KB kısa kodunu tutan metin modülünü doğrudan “Belgeler” başlıklı metin modülünün altına taşıdım.

Ardından, “Belgeler” Metin Modülü ve kısa kodu içeren metin modülü ile bir satır içeren üst kısım kalana kadar her şeyi sildim. Alt kısmı da CTA ile tuttum.

Tasarımı tamamlamak için kısa kodu içeren metin modülünün ayarlarını açın ve aşağıdakileri güncelleyin:

Arka Plan Rengi: #ffffff
Metin Yazı Tipi: Poppins
Yuvarlatılmış Köşeler: 10px

İşte son tasarım.

Ayrıca mobilde de güzel bir şekilde uyum sağlıyor.

Divi Builder'ı Kullanarak Makale Sayfası Tasarlama

Divi Tema Seçenekleri'nde KB Bilgi Bankası gönderi türünü etkinleştirdiğimiz için makalelerinizi Divi Builder'ı kullanarak tasarlayabilirsiniz. Bilgi bankası makale şablonu, Divi Builder'ı Sayfa Başlığı ve Ekmek Kırıntıları ve geri düğmesi altındaki içerikle sınırlar. Ayrıca divi oluşturucu içeriğini maksimum 1080 piksel genişlikle sınırlar.

Bu örnek için, önceden hazırlanmış bir düzen ile bir bilgi bankası makalesinin tasarımını başlatacağım. Bunu yapmak için makalelerden birini düzenleyin ve Divi Builder'ı dağıtın. “Önceden Hazırlanmış Bir Yerleşim Seçin”i seçin ve Kütüphaneden Yükle Açılır Penceresinden Dijital Ürün Yerleşim Paketini seçin ve Dijital Ürün İletişim Sayfasını dağıtın.

Şimdi makalenin nasıl göründüğüne bakın. Divi Builder içeriğinin, Divi Builder tarafından özelleştirilemeyen Makale Başlığı, İçerik Kırıntıları ve geri düğmesinin hemen altında olduğuna dikkat edin.

Ancak Divi Builder'a izin veren içerik için hala bazı güçlü özelleştirme seçenekleriniz var. Makalenin farklı bölümleri (veya adımları) için bölüm arka planı olarak arama yapmak için iletişim sayfası düzeninin üst bölüm arka planını kullanabilirsiniz. Ve görüntü modülünü kullanarak kolayca ekran görüntüsü ekleyebilirsiniz. Temel olarak, tüm makale için Divi Builder'ın sınırsız potansiyeline sahipsiniz.

Divi ile tasarlanmış bir makale sayfasının nasıl görünebileceğine dair basit bir örnek.

Tabii ki, tam genişlikte bir düzen elde etmek için makale kabının genişliğini ayarlamak için bazı özel CSS ekleyebilirsiniz. Ve Başlığı gizlemek için bazı kodlar ekleyebilir ve ardından makale başlığını Divi Builder'da istediğiniz yere yerleştirmek için Divi'nin dinamik içeriğini kullanabilirsiniz.

Son düşünceler

Echo Bilgi Bankası eklentisi, mevcut tüm premium eklentiler olmasa bile şaşırtıcı derecede güçlüdür (yine de kontrol etmeye değerdir). Yapılandırma seçenekleri, bilgi tabanı sayfalarınızı Divi düzeninize kolayca uyacak şekilde düzenlemenize ve biçimlendirmenize olanak tanır. Üstüne üstlük, bilgi tabanı sayfanızı ve makale sayfanızı tasarlamak için Divi Builder'ı bile kullanabilirsiniz. Umarım bu eğitim, Divi web sitenize bilgi tabanı eklemek isteyenler için yardımcı olmuştur.

Yorumlarda sizden haber bekliyorum.

Şerefe!