Kahramanca Bilgi Tabanı – Şablonlama sistemini kullanma

Aynı destek sorularını tekrar tekrar yanıtlamak için çok zaman harcıyorsanız, o zaman HeroThemes'te bizde cevap var….

Not: Bu makale, WordPress'i ve eklentileri nasıl kuracağınızı bildiğinizi ve Ebeveyn / Çocuk temaları, HTML, CSS ve temel bir PHP anlayışı dahil olmak üzere bazı tema geliştirme bilgisine sahip olduğunuzu varsaymaktadır.

Kahramanca Bilgi Tabanı

Bilgi Bankası eklentimiz, web sitenizde özel bir bilgi tabanı oluşturmak için hızlı ve kurulumu çok kolay bir çözüm sunar. Müşterilerinize daha sık sorulan bu soruların yanıtlarını anında sağlamak ve destek çağrılarını ve e-postaları yanıtlamak için harcadığınız zamanı azaltmanıza olanak tanır, böylece bunun yerine gidip papatya tarlalarını atlayabilirsiniz (veya odaklanmak istediğiniz her şeyi yapabilirsiniz). bunun yerine) ve daha mutlu müşterilere sahip olmanızı sağlamak.

Çoğu WordPress eklentisi gibi, ilk kurulum daha kolay olamazdı. Eklentiyi pano üzerinden eklenti dizininize yükleyin ve etkinleştirin. Bilgi Bankası eklentisi, en iyi kodlanmış temalarla sorunsuz bir şekilde bütünleşir, bu nedenle, tamamen ısmarlama bir tema, premium HeroThemes ürünlerimizden biri veya WordPress için varsayılan tema kullanmanız fark etmez. Çok az güçlükle dakikalar içinde WordPress web sitenize entegre edilmiş tamamen işlevsel bir bilgi tabanına sahip olacaksınız.

Tema geliştirme konusunda biraz bilginiz varsa ve eklentiyi daha fazla özelleştirmek istiyorsanız, temiz, geliştirici dostu kodumuz, takılabilir işlevlerimiz ve takip etmesi kolay şablonlama sistemimiz gelişmiş özelleştirmeler yapmanıza olanak tanır. Bu makale, şablonlama sistemini kullanarak eklentiyi özelleştirmek için yapabileceğiniz bazı harika şeylere bir göz atacak.

Hızlı bir genel bakış sunacağım:

• Eklentiyi yükleme, genel ayarlar ve biraz içerik ekleme
• WordPress 4.4 ile sunulan yeni TwentySixteen temasıyla temel entegrasyon
• Gelişmiş entegrasyon: Daha fazla özelleştirme için şablonları değiştirme

Başlarken

WordPress'in ilk kurulumundan sonra, hem TwentySixteen temasının hem de Bilgi Bankası eklentisinin kurulu ve etkinleştirildiğinden emin olun.

TwentySixteen, WordPress 4.4 ile birlikte gelen yeni varsayılan temadır. WordPress kurulumunuzu yükselttikten sonra, Görünüm > Temalar altında yeni tema listelenmiyorsa, WordPress.org'daki TwentySixteen tema sayfasından indirebilirsiniz.

Bilgi Bankası Eklentisi

Tıpkı WordPress'in kendisi gibi, Bilgi Bankası eklentisini kurmak da çok kolaydır. Eklenti etkinleştirildiğinde, otomatik olarak başlamanıza yardımcı olacak birkaç temel ipucunu içeren bir 'Başlarken' ekranına yönlendirilirsiniz. Gösterge panelinin solundaki menüde Bilgi Bankası adı verilen yeni bir menü öğesi de vardır.

Bilgi Bankası, WordPress'in kullandığı standart 'post' yazı tipine çok benzer bir şekilde çalışır. Makaleler kategoriye ve ayrıca etikete göre düzenlenebilir. Kategoriler, gönderilerde olduğu gibi herhangi bir zamanda eklenebilir veya kaldırılabilir, ancak bilgi tabanınızın olabildiğince yararlı olduğundan emin olmak için, içerik oluşturmaya başlamadan önce kategori yapınızı planlamanız önerilir.

Varsayılan olarak bilgi bankası makaleleri, tam olarak standart gönderilerin yaptığı gibi gönderi tarihi sırasında görüntülenir, ancak bunu eklenti ayarlarından değiştirebilirsiniz.

Bilgi tabanı, şablon oluşturmaya hiç gerek duymadan kurulumunuzu özelleştirebilmeniz için çok çeşitli ayarlarla birlikte gelir.

Bunları olduğu gibi bırakabilirsiniz ve bilgi tabanınız mükemmel bir şekilde çalışacaktır, ancak makalelerin nasıl sıralandığını, kategorilerin nasıl görüntülendiğini değiştirmek, canlı arama özelliğini özelleştirmek, makaleler üzerinde oylama ve yorumları etkinleştirmek ve geniş bir diğer birçok seçenek, bunu herhangi bir kodlama bilgisine sahip olmanıza gerek kalmadan yapabilirsiniz.

İçerik Oluşturma

Bilgi tabanımızda herhangi bir gelişmiş özelleştirme yapmaya başlamadan önce biraz içeriğe ihtiyacınız var. Bu nedenle yapmanız gereken ilk şey, bazı makaleler oluşturmaktır. TwentySixteen teması yüklendiğinde yeni ekran ekleyin

Daha önce WordPress kullandıysanız, bu çok tanıdık gelmelidir. Gönderi başlığı, içeriği, yayınlama, gönderi biçimleri, kategori ve etiket kutuları aynıdır. Aslında farklı olan tek alanlar makale seçenekleri ve oylama seçenekleridir.

Alternatif olarak, başlarken başlangıç ​​ekranından varsayılan içeriği yükleyebilirsiniz.

TwentySixteen ile entegrasyon

Bilgi Bankası eklentisini TwentySixteen temasıyla entegre etmek gerçekten çok basit. Yukarıdaki adımları izlediyseniz, o kadar. Onu orada bırakabilir ve daha fazla bir şey yapmanıza gerek kalmadan iyi görünen işlevsel bir bilgi tabanına sahip olursunuz. Çok fazla kod bilmiyorsanız veya kurulumu hızlı ve basit bir şey istiyorsanız mükemmel.

Ama… ya daha fazlasını yapmak istersen?

Tema geliştiricileri için eklenti hakkında gerçekten güzel olan şey, şablonlama sistemidir.

Şablonlama sistemi, değiştirmek istediğiniz şablon dosyalarını eklentiden tema klasörünüze kopyalayarak çalışır. WordPress daha sonra önce temanıza bakar. Temanızda ilgili bir şablon dosyası varsa, o kullanılacaktır. Değilse, the_content() işlevini ele geçirmek ve bilgi tabanı içeriğini standart page.php dosyanıza eklemek için eklenti klasöründeki geri dönüş şablonu kullanılacaktır.

Eklenti içindeki veya tema içindeki şablonların hiyerarşisi, standart WordPress şablon hiyerarşisine çok benzer bir şekilde çalışır ve kafanızı toplamanızı kolaylaştırır.

Örneğin, hkb-taxonomy-category.php , category-$slug.php standartarchive.php'yi geçersiz kılması gibi, archive.php hkb-archive.php üzerine binecektir.

WordPress şablon hiyerarşisi hakkında daha fazla bilgi edinmek isterseniz, geliştirici kodeksini okuyabilirsiniz.

Şablonları Özelleştirme

TwentySixteen temasını kullanırken Bilgi Bankası bölümü varsayılan olarak şöyle görünür:

Bu iyi, TwentySixteen çok hoş bir tarza sahip, mobil bir ilk tema. Ancak, sayfa şablonlarının düzeni nedeniyle, Bilgi Bankası sayfalarında web sitesindeki diğer sayfalara kıyasla çok fazla ölü alan vardır:

Bilgi bankası sayfalarında bu boşlukların tümüne ihtiyacınız yoktur, bu nedenle yapmanız gereken, ilgili şablonun HTML'sini kaldırmak için değiştirmektir.

Buna ulaşmadan önce, TwentySixteen için bir alt tema oluşturmanız gerekecek, böylece tema güncellemeleri yayınlandığında yaptığınız hiçbir değişiklik kaybolmaz. Klasörümü yirmi altı-çocuk olarak aradım. Çocuk temaları hakkında daha fazla bilgiyi alt temalar hakkındaki makalemizde bulabilirsiniz.

Alt temanızı kurduktan sonra artık şablonları düzenlemeye başlayabilirsiniz. Twentisixteen -child klasörü içinde yeni bir klasör oluşturun ve buna hkb-templates adını verin. Ardından, düzenlemek istediğiniz şablonu eklenti klasöründen yeni oluşturulan şablon klasörüne kopyalayın.

Bilgi Bankası arşiv sayfasını değiştirmek için düzenlemeniz gereken şablon hkb-archive.php . Kopyalandıktan sonra kod düzenleyicinizde açın. Görmelisin:

<?php /** * Theme template for archive display */ ?>

<?php get_header(); ?>

<?php hkb_get_template_part('hkb-compat', 'archive'); ?>

<?php get_footer(); ?>

Not: Eklenti içindeki şablonlar, WordPress'in the_content() işlevini kullanarak bilgi tabanı içeriğini sayfaya enjekte ettiğinden, sayfanın tam yapısı başlangıçta şablona dahil edilmez. Varsayılan şablonu geçersiz kıldığınız için sayfaya ek HTML eklemeniz gerekecek.

Bu nedenle hkb-archive.php içindeki kod şuna benzeyecek şekilde değiştirilmelidir:

<?php /** * Theme template for archive display */ ?>
<?php get_header(); ?>

<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php // Include the page content template. hkb_get_template_part('hkb-compat', 'archive'); ?>
</main><!-- .site-main -->

<?php get_sidebar( 'content-bottom' ); ?>
</div>

<!-- .content-area -->

<?php get_sidebar(); ?><?php get_footer(); ?>

Not: Bu şablonda while döngüsünü eklemeye gerek yoktur.

Dosyanızı kaydedin ve sayfayı görüntüleyin. Şimdi şöyle görünmelidir:

Bu şimdi, yirmi altı temasındaki standart page.php düzenini kullanıyor ve soldaki beyaz boşluğu kaldırdı. Ancak, aslında tüm eklenti stilini de kaldırdı ve bunun yerine şimdi temanın varsayılan stilini erteledi.

Bunun nedeni, temayı özelleştirmeye başlar başlamaz eklentinin kendi stillerinizi yazma özgürlüğüne sahip olduğunuzu varsayması ve bu nedenle stil sayfasını yüklememesidir. Bu, tamamen ısmarlama temalar oluştururken gerçekten kullanışlıdır, ancak mevcut stilleri korumak istiyorsanız, stilleri kopyalayıp alt temanızdaki style.css'ye hkb-style.css'den yapıştırabilirsiniz. Veya ısmarlama bir tema oluşturuyorsanız, stil sayfasını eklenti klasöründen temanızın klasörüne kopyalayabilir ve ardından aşağıdaki kod satırlarını kullanarak functions.php kuyruğa alabilirsiniz:

// Knowledge Base plugin styles
wp_enqueue_style( 'hkb-style', get_template_directory_uri() . '/css/hkb-style.css', array( 'twentysixteen-style' ), '20151217' );

Not: Bu yöntemi bir alt tema ile kullanırsanız, get_stylesheet_directory_uri() yerine get_template_directory_uri() () kullanmanız gerekecektir. Bunun nedeni, get_stylesheet_directory_uri() () öğesinin alt temanızın dosya yapısına bakacağı, bunun yerine get_template_directory_uri() öğesinin ana tema klasörünü işaret etmesidir.

Mevcut bir temayı alt tema ile değiştirmek yerine ısmarlama bir tema oluşturuyorsanız, kişisel olarak stil sayfalarını ayrı tutmayı ve stilleri temaya uygun şekilde enjekte etmek için kuyruğa alma yöntemini kullanmayı tercih ederim. Bunun nedeni, style.css'nin genellikle çok büyük ve hızlı bir şekilde yönetilmesi zor olabilmesidir, ilgili stilleri ayrı tutmak, daha fazla düzenlemeniz gerektiğinde onları bulmayı kolaylaştırır. SASS gibi bir önişlemci kullanırsanız, aynı organizasyon kullanılabilir, o zaman yeni stil sayfanızı @import edin, böylece otomatik olarak style.css ile birleştirilir ve daha sonra wp_enqueue_style() kullanılarak temanıza enjekte edilebilir.

Stiller yeniden uygulandıktan sonra sayfayı tekrar görüntüleyin ve şimdi şunları görmelisiniz:

Sayfa şimdi yeniden biçimlendirildi ve soldaki ölü boşluk kaldırıldı, temanın stilini ve tasarımını kaybetmeden her şeyin daha düzenli görünmesi sağlandı. Bu düzen değişikliğini uygulamak istediğiniz başka sayfa şablonları varsa, ilgili şablonları alt temanıza kopyalamanız yeterlidir ve işiniz bitti!

Son düşünceler

Umarım Heroic Knowledge Base eklentisinin ne kadar özelleştirilebilir olduğunu göstermişimdir. Herhangi bir kod bilmenize gerek kalmadan kutunun dışında yapabileceğiniz çok şey var, ancak işleri daha da özelleştirmek istiyorsanız ve WordPress kod standartları ve tema geliştirme hakkında bilginiz varsa, bunu çok kolay bir şekilde yapabilirsiniz.