Divi ile web siteniz iç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 çok değerli bir varlık olabilir. Ve doğru yapılırsa, bilgi tabanı işletmeniz için uzun vadeli kalite güvencesinin bir özelliği olabilir. SSS, dokümantasyon, manuel yazılım, öğreticiler ve daha fazlası için iyi bir çözüm olabilirler. Bu öğreticide, web sitenize Divi ile nasıl bir bilgi tabanı ekleyeceğinizi göstereceğim. Bunu yapmak için, bilgi tabanı sayfanızı yönetmeyi ve düzenlemeyi kolaylaştıran birkaç yararlı yapılandırma seçeneğine sahip Echo Bilgi Taban eklentisini (ücretsiz sürüm) kullanacağım. Ayrıca Divi Builder kullanarak bilgi tabanı ve makale sayfasının ana sayfasını nasıl düzenleyebileceğinizi de göstereceğim.
Aşağıdaki gizlice göz attığımız şeyden gelen bir bakış. Ana bilgi tabanı sayfası
Divi teması (yüklü ve aktif)
Yankı Bilgi Taban eklentisi (yüklü ve etkin)
Dijital Ürün Düzeni Paketi (Divi Builder’da Ücretsiz Mevcut)
Divi Divi’deki bilgi tabanı türünü etkinleştirin, üçüncü taraf özel yayın türlerine destek sağlamayı kolaylaştırır. Bilgi tabanı eklentisi makaleler için kendi yazı türlerini kullandığından, Divi’de etkinleştirmelisiniz. Bu, makaleyi düzenlemek için Divi Builder’ı kullanmanıza izin verecektir.
Bunu yapmak için WordPress kontrol panelinizi açın ve Divi> tema seçeneklerine gidin. Oluşturucu sekmesini tıklatın ve “KB: Bilgi tabanı” yayınının türünü etkinleştirin. Ne tür bir tasarım hakkında iyi fikirler elde etmek için makaleler ve bilgi tabanları kategorileri oluşturmak, birkaç makaleye ve bilgi kategorisine sahip olmanız gerekir. Şimdilik yapay içerik kullanmak sorun değil. Bilgi tabanı kategorinizi oluşturma WordPress’teki normal gönderi kategorisi için yaptığınız gibi bir bilgi tabanı kategorisi oluşturabilirsiniz. Bunu yapmak için bilgi tabanı> kategorilerine gidin. Ardından, Bilgi Tabanı makalesi için kullanacağınız her kategori için isimler, salyangozlar ve üst kategoriler (varsa) ekleyin. Bu örnek için, her ebeveynin birkaç alt kategoriye sahip 6 kategorisini ekledim. Size nerede olduğunun bir resmini vermek için, ebeveynin kategorisi ve alt kategorisi bilgi tabanının ana sayfasında nasıl görüntülenecektir. Şu anda kategorilere kategoriler oluşturun, kategoriniz zaten mevcuttur, ancak bu kategori için ayarlanmış makale yoktur. Bir makale yapmanız ve her kategori için yaptığınız bir (veya daha fazla) kategoriyi ayarlamanız gerekir. WordPress’te yeni bir yazı oluşturduğunuz gibi yeni bir makale oluşturabilirsiniz. Bilgi tabanına gidin> Yeni bir makale ekleyin. Ardından başlığı ekleyin ve kategoriyi makaleye ayarlayın. Divi Builder’ın etkinleştirilebileceğini göreceksiniz çünkü tema seçeneğinde bu tür yayınları etkinleştiriyoruz. Bunu daha sonra yapmak için bazı ipuçlarını paylaşacağım. Ancak şimdilik, yapay içeriğin bazı varsayılan WordPress editörü ekleyebilirsiniz. Bundan sonra makaleyi yayınlayın. Her kategorinin en az bir makale için ayarlanması için gereken tüm makaleleri yapmak için aynı sürece devam edin. Varsayılan bilgi tabanı sayfalarını kontrol edin, eklentiyi etkinleştirdikten sonra bilgi tabanı sayfası sizin için otomatik olarak oluşturulur. Bu sayfanın ana bilgi tabanını yaymak için kısa bir kodu vardır. Aşağıda sayfa ekranı varsayılan olarak. Düzen ve Bilgi Stili Bilgi Eklentisi Temel Bilgisinin yapılandırılması Bilgi tabanını web sitesi tasarımınıza uyacak şekilde yapılandırmak için birçok yararlı seçeneğe sahiptir. Ana sayfalara, makale sayfalarına ve arşiv sayfalarına ayarlanabilecek seçenekler vardır. İlk ana sayfa ayarlarının ana sayfasını yapılandırma, Bilgi Taban Yapılandırma sayfasının üst kısmındaki Ana Sayfa düğmesini tıklatın. Hazırlık sekmesi altında, varsayılan düzenin stilini ve rengini bırakabilirsiniz. Ancak bu örnek için, “makale için tasarlanmış bilgi tabanı şablonunu” kullanmak için şablon seçeneğini değiştireceğim. Bunu esas olarak yapıyorum çünkü arşiv sayfasını farklı stil seçenekleriyle ayarlamanıza izin veriyor. Ancak, bunun için Divi tema şablonunu kaydetmek istiyorsanız, “şu anda yayınlar ve sayfalar için kullanılan tema şablonu” nu seçebilirsiniz. Pop -up şablonlarında, ana başlık ekran seçeneğini iptal edin ve tüm dolgu ve 0px kenar boşluğunu ayarlayın. Bu, sayfa başlıkları ve boşluklar için Divi Builder’ı kullanmamızı sağlayacaktır. Ana sayfa ayarları ve tüm metin seçenekleri şimdilik, seçeneğin ayarlanmasına ve tüm metnin varsayılan olarak izin vermesine izin vereceğim, ancak kendiniz değiştirmekten çekinmeyin. Sekme ayarının altında, kategoriyi istediğiniz sırayla çekebilir ve serbest bırakabilirsiniz. Ve tüm metinlerin seçenekleri, tüm sayfalarda kullanılan kelimeleri değiştirmenize izin verir (yani arama başlıkları ve düğme metni). Bir sonraki ana sayfa ayar seçeneği, Ayarlama sekmesini tıklatın. Düzenlemenin çoğu ana bilgi tabanı için yapılır. Tüm bu ayarları kullanmayacağım, ancak bazı renkleri değiştireceğim ve bazı simgeler ekleyeceğim. Bilgi tabanını, daha önce yapılmış olan divi’nin düzeni ile bu şekilde eşleştirebilirsiniz. Bir dijital ürün düzeni paketi kullanmayı planladığım için, bilgi tabanı sayfasını düzenlemek için renkleri kullanacağım. Arama kutusu rengi arama kutusu kategorisinin altında, rengi seçin ve aşağıdakileri güncelle: #333333 Arka plan bulun: # FFFFFF Arka Plan Geri Düğmesi: #091C4F
İçerik Stili İçerik kategorisi altında, aşağıdaki stili seçin ve güncelleme: Sayfalar Genişliği: Tam Genişlik Makalenin Makalenin Stilleri ve Renkleri Listesi Liste Kategorisi Kategorisi, Aşağıdaki Stili ve Güncellemeyi seçin:
Ikon: Makale düzenleme denemesini ayarlayın Listesi: Minimum 100 piksel yükseklik (Bu, tüm kutuların aynı yüksekliğe sahip olması için yararlıdır) Ardından rengi seçin ve aşağıdakileri güncelleyin: Makale Metni: #091C4F Makale simgesi: #6767ef Bir sonraki stil ve renk kategorisi, kategorinin altında aşağıdaki stili seçin ve güncelleme: ICON Konum: Üstten sonra önizlemedeki kategori kutularından birini tıklayın. Ardından belirli kategoriler olan kategori simgesini seçin. Bunu her kategori kutusu için yapın. Seçim yapabileceğiniz 500’den fazla simge vardır! Sonra aşağıdaki rengi seçin ve güncelleme: Üst Seviye Kategori simgesi: #FFFFFF Metin ve Alt Kategori simgesi: #333333 Ekran: #ffffff metin başlık kutusu kategorisi: #ffffff arka plan kutusu başlık kategorisi: #091c4f
Makale sayfası özellikleri Şimdi yapılandırılmış ana sayfaya sahibiz, sayfanın üst kısmındaki makale sayfasını tıklayın. Ardından Özellik sekmesine tıklayın. Burada, makale düzeninin üstünde görünecek olan geri düğme ve ekmek kırıntıları gibi öğeleri ayarlayabilirsiniz.
Şimdilik, geri düğmeyi yalnızca makale sayfası için kullanacağım önceden hazırlanmış düzenle eşleştireceğim. Özelliklerin altında tekrar gezinmeyi seçin ve aşağıdakileri güncelleyin: Metin Rengi: #ffffff Arka Plan Rengi: #091C4F Renk Sınır: #091C4F Genişlik Sınır: 3px Arşiv Sayfasının Düzen Stili Arşiv sayfasının düzenini değiştirmek için sayfanın üst kısmındaki “Arşiv Sayfası” nı tıklayın. Ayarlar sekmesinin altında, mevcut çeşitli stillerden bir gerilme listesi göreceksiniz. Varsayılanlığı koruyorum, ancak diğer stilleri denemekten çekinmeyin. Aşağıda, varsayılan stil 1 ile bir kategori arşiv sayfası ekranı örneğidir. Bilgi tabanı sayfalarını Divi ile Tasarlama Bilgi sayfası yapılandırmamızı tamamladıktan sonra, bilgi tabanı ana sayfasının tasarımını divi üreticisi ile tamamlamaya hazırız. İlk olarak, eklenti tarafından otomatik olarak yapılan “Bilgi tabanı” başlık sayfasını düzenleyin. Ardından Divi Builder’ı uygulayın. “Önceden Yapılan Bir Düzen Seçin” seçeneğini ve ardından Kütüphane’den Pop -up Yüklemesinden Dijital Ürün Düzeni Paketi’ni seçin. Ardından, dokümantasyon sayfasının düzenini sayfaya uygulayın. Düzen sayfaya yüklendikten sonra “Ön uçta oluştur” seçeneğini seçin. Üstün, yeni bilgi tabanımızı görüntüleyen kısa bir kodla metin modülünü içerdiğini göreceksiniz. Şimdi yapmamız gereken şey, daha önce yapılmış olan düzende istediğimiz yere taşımak ve divi oluşturucu seçeneğinde tasarımı gerektiği gibi ayarlamak. Bu örnek için, KB kısa kodunu doğrudan metin modülü altında tutan metin modülünü “Dokümantasyon” başlığı ile taşıdım. Sonra her şeyi, “belgeler” metin modülü ve kısa bir kod içeren metin modülü ile bir satır içeren tek bir sola sildim. Ayrıca alt kısmı CTA ile saklıyorum.Tasarımı tamamlamak için aşağıdaki kısa kodları içeren metin modülü ayarlarını açın: Arka Plan Rengi: #FFFFFF Metin Yazı Tipi: Poppins Yuvarlak Açı: 10 Piksel İşte son tasarım. Ayrıca cep telefonunda da iyi ayarlanır. Makale sayfasını Divi Builder kullanarak tasarlama Divi Tema seçeneğinde KB Bilgi Baskı Postası türünü etkinleştirdiğimiz için makalenizi Divi Builder kullanarak tasarlayabilirsiniz. Bilgi tabanı makale şablonu, divi oluşturucuyu sayfa başlığı ve ekmek kırıntıları altındaki içerikle ve geri düğmeye sınırlar. Ayrıca divi üreticilerinin içeriğini maksimum 1080px genişliğiyle sınırlar. Bu örnek için, bilgi tabanı makalesinin tasarımına hazır bir düzen ile başlayacağım. Bunu yapmak için makalelerden birini düzenlemeye ve Divi Builder’ı dağıtmaya gidin. “Öncül bir düzen seçin” ve Kütüphane açılır penceresinden yükten seçin, Dijital Ürün Düzeni Paketi’ni seçin ve Dijital Ürün İletişim Sayfasını kullanın. Şimdi makalenin neye benzediğini görün. Divi Builder içeriğinin, Divi Builder tarafından ayarlanamayan Makale başlığı, ekmek kırıntıları ve dönüş düğmesi’nin hemen altında olduğunu unutmayın. Ancak yine de Divi Builder’a izin veren içerik için bazı güçlü ayar seçenekleriniz var. Makalenin çeşitli parçalarının (veya adımlarının) parçaları için bir arka plan olarak arama yapmak için iletişim sayfasının üst düzeninin arka planını kullanabilirsiniz. Bir görüntü modülü kullanarak kolayca ekran görüntüleri ekleyebilirsiniz. Temel olarak, tüm makaleler için Divi Builder’dan sınırsız potansiyele sahipsiniz. İşte Divi ile tasarlanmış makale sayfasının görüntülenmesinin basit bir örneği.
