Heroic Knowledge Base – การใช้ระบบ Templating

หากคุณใช้เวลามากมายในการตอบคำถามสนับสนุนเดิมซ้ำแล้วซ้ำเล่า พวกเราที่ HeroThemes มีคำตอบ….

หมายเหตุ: บทความนี้อนุมานว่าคุณรู้วิธีติดตั้ง WordPress, ปลั๊กอิน และคุณมีความรู้ในการพัฒนาธีมรวมถึงธีมสำหรับผู้ปกครอง / ลูก, HTML, CSS และความเข้าใจพื้นฐานของ PHP

ฐานความรู้ฮีโร่

ปลั๊กอินฐานความรู้ของเรามอบโซลูชันการตั้งค่าที่รวดเร็วและง่ายมาก เพื่อสร้างฐานความรู้ที่กำหนดเองบนเว็บไซต์ของคุณ ให้คำตอบแก่ลูกค้าของคุณสำหรับคำถามที่พบบ่อยเหล่านี้ทันที และช่วยให้คุณลดเวลาที่ใช้ในการรับสายสนับสนุนและอีเมลเพื่อให้คุณสามารถข้ามผ่านทุ่งดอกเดซี่แทนได้ (หรือทำสิ่งที่คุณอยากจะเน้น แทน) และทำให้มั่นใจว่าคุณมีลูกค้าที่มีความสุขมากขึ้น

เช่นเดียวกับปลั๊กอิน WordPress ส่วนใหญ่ การติดตั้งครั้งแรกไม่ง่ายเลย เพียงอัปโหลดปลั๊กอินไปยังไดเร็กทอรีปลั๊กอินของคุณผ่านแดชบอร์ดและเปิดใช้งาน ปลั๊กอินฐานความรู้ผสานรวมกับธีมที่มีการเข้ารหัสอย่างดี จึงไม่ทำให้เกิดความแตกต่างไม่ว่าคุณจะใช้ธีมที่ออกแบบเองโดยสมบูรณ์ หนึ่งในผลิตภัณฑ์ HeroThemes ระดับพรีเมียมของเรา หรือธีมเริ่มต้นสำหรับ WordPress คุณจะมีฐานความรู้ที่ใช้งานได้อย่างสมบูรณ์ซึ่งรวมอยู่ในเว็บไซต์ WordPress ของคุณในเวลาไม่กี่นาทีโดยมีความยุ่งยากเพียงเล็กน้อย

หากคุณมีความรู้เกี่ยวกับการพัฒนาธีมและต้องการปรับแต่งปลั๊กอินเพิ่มเติม โค้ดที่สะอาดและเป็นมิตรกับนักพัฒนา ฟังก์ชันที่เสียบได้ และระบบเทมเพลตที่ง่ายต่อการติดตาม จะช่วยให้คุณปรับแต่งขั้นสูงได้ บทความนี้จะกล่าวถึงสิ่งดีๆ ที่คุณสามารถทำได้เพื่อปรับแต่งปลั๊กอินโดยใช้ระบบเทมเพลต

ฉันจะให้ภาพรวมโดยย่อของ:

• การติดตั้งปลั๊กอิน การตั้งค่าทั่วไป และเพิ่มเนื้อหาบางส่วน
• การรวมพื้นฐานกับธีม TwentySixteen ใหม่ที่มาพร้อมกับ WordPress 4.4
• การรวมขั้นสูง: การปรับเปลี่ยนเทมเพลตเพื่อการปรับแต่งเพิ่มเติม

เริ่มต้น

หลังจากติดตั้ง WordPress ครั้งแรก ตรวจสอบให้แน่ใจว่าคุณมีทั้งธีม TwentySixteen และปลั๊กอิน Knowledge Base ติดตั้งและเปิดใช้งาน

TwentySixteen เป็นธีมเริ่มต้นใหม่ที่มาพร้อมกับ WordPress 4.4 หากหลังจากอัปเกรดการติดตั้ง WordPress แล้ว คุณไม่มีธีมใหม่อยู่ในรายการ ลักษณะที่ ปรากฏ > ธีม คุณสามารถดาวน์โหลดได้จากหน้าธีม TwentySixteen บน WordPress.org

ปลั๊กอินฐานความรู้

เช่นเดียวกับ WordPress การตั้งค่าปลั๊กอินฐานความรู้นั้นง่ายมาก เมื่อเปิดใช้งานปลั๊กอิน คุณจะถูกนำไปที่หน้าจอ 'เริ่มต้นใช้งาน' โดยอัตโนมัติ ซึ่งครอบคลุมเคล็ดลับพื้นฐานบางประการที่จะช่วยให้คุณดำเนินการได้ นอกจากนี้ยังมีรายการเมนูใหม่ในเมนูทางด้านซ้ายของแดชบอร์ดที่เรียกว่าฐานความรู้

ฐานความรู้ทำงานในลักษณะที่คล้ายกันมากกับประเภทโพสต์ 'โพสต์' มาตรฐานที่ WordPress ใช้ บทความสามารถจัดตามหมวดหมู่และตามแท็กได้เช่นกัน คุณสามารถเพิ่มหรือลบหมวดหมู่ได้ตลอดเวลา เช่นเดียวกับที่ทำกับโพสต์ อย่างไรก็ตาม เพื่อช่วยให้มั่นใจว่าฐานความรู้ของคุณมีประโยชน์มากที่สุด ขอแนะนำให้วางแผนโครงสร้างหมวดหมู่ของคุณก่อนที่จะเริ่มสร้างเนื้อหา

ตามค่าเริ่มต้น บทความฐานความรู้จะแสดงตามลำดับวันที่โพสต์เหมือนกับโพสต์มาตรฐาน อย่างไรก็ตาม คุณสามารถเปลี่ยนแปลงสิ่งนี้ได้ภายในการตั้งค่าปลั๊กอิน

ฐานความรู้มาพร้อมกับการตั้งค่าที่หลากหลายเพื่อให้สามารถปรับแต่งการติดตั้งของคุณโดยไม่จำเป็นต้องเจาะลึกลงไปในแม่แบบเลย

คุณสามารถปล่อยให้สิ่งเหล่านี้เป็นไปตามที่มันเป็นและฐานความรู้ของคุณจะทำงานได้อย่างสมบูรณ์ อย่างไรก็ตาม หากคุณต้องการเปลี่ยนวิธีการเรียงลำดับบทความ วิธีแสดงหมวดหมู่ ปรับแต่งคุณสมบัติการค้นหาสด เปิดใช้งานการโหวตและแสดงความคิดเห็นในบทความและ มีตัวเลือกอื่นๆ มากมาย คุณสามารถทำได้โดยไม่ต้องมีความรู้ในการเขียนโปรแกรม

การสร้างเนื้อหา

ก่อนที่คุณจะเริ่มปรับแต่งขั้นสูงใดๆ ในฐานความรู้ของเรา คุณต้องมีเนื้อหาบางส่วน ดังนั้นสิ่งแรกที่คุณต้องทำคือสร้างบทความขึ้นมา ด้วยธีม TwentySixteen ที่ติดตั้งหน้าจอเพิ่มใหม่ของคุณ

สิ่งนี้น่าจะดูคุ้นเคยมากหากคุณเคยใช้ WordPress มาก่อน ชื่อโพสต์ เนื้อหา เผยแพร่ รูปแบบโพสต์ หมวดหมู่ และแท็กทั้งหมดเหมือนกัน อันที่จริงแล้ว พื้นที่เดียวที่แตกต่างกันคือตัวเลือกบทความและตัวเลือกการลงคะแนน

หรือคุณสามารถติดตั้งเนื้อหาเริ่มต้นจากหน้าจอเริ่มต้นในขณะที่คุณเริ่มต้นได้

บูรณาการกับ TwentySixteen

การผสานรวมปลั๊กอินฐานความรู้กับธีม TwentySixteen นั้นง่ายมาก หากคุณทำตามขั้นตอนข้างต้นแล้ว ก็เท่านั้น คุณสามารถทิ้งมันไว้ที่นั่นและคุณก็จะมีฐานความรู้ด้านการใช้งานที่ดูดีโดยไม่จำเป็นต้องทำอะไรเพิ่มเติม สมบูรณ์แบบถ้าคุณไม่รู้รหัสมากหรือแค่ต้องการตั้งค่าที่รวดเร็วและง่ายดาย

แต่... จะทำอย่างไรถ้าคุณต้องการทำมากขึ้น?

สิ่งที่ดีจริงๆเกี่ยวกับปลั๊กอินสำหรับนักพัฒนาธีมคือระบบเทมเพลต

ระบบเทมเพลตทำงานโดยคัดลอกไฟล์เทมเพลตที่คุณต้องการเปลี่ยนจากปลั๊กอินไปยังโฟลเดอร์ธีมของคุณ WordPress จะดูที่ธีมของคุณก่อน หากมีไฟล์เทมเพลตที่เกี่ยวข้องในธีมของคุณ ไฟล์นั้นก็จะถูกนำมาใช้ หากไม่เป็นเช่นนั้น เทมเพลตสำรองภายในโฟลเดอร์ปลั๊กอินจะถูกใช้แทนเพื่อจี้ the_content() และแทรกเนื้อหาฐานความรู้ลงใน page.php มาตรฐานของคุณ

ลำดับชั้นของเทมเพลตภายในปลั๊กอินหรือภายในธีมนั้นทำงานในลักษณะที่คล้ายกันมากกับลำดับชั้นเทมเพลต WordPress มาตรฐานทำให้ง่ายต่อการทำความเข้าใจ

ตัวอย่างเช่น hkb-taxonomy-category.php จะ hkb-archive.php ในลักษณะเดียวกับ category-$slug.php จะแทนที่ archive.php มาตรฐาน

หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับลำดับชั้นของเทมเพลต WordPress คุณสามารถอ่านได้จาก codex ของนักพัฒนา

การปรับแต่งเทมเพลต

ตามค่าเริ่มต้น ส่วนฐานความรู้จะมีลักษณะดังนี้เมื่อใช้ธีม TwentySixteen:

ไม่เป็นไร TwentySixteen เป็นธีมแรกสำหรับอุปกรณ์เคลื่อนที่ที่มีสไตล์อย่างสวยงาม อย่างไรก็ตาม เนื่องจากเลย์เอาต์ของเทมเพลตเพจ เพจฐานข้อมูลจึงมีพื้นที่ว่างมากเมื่อเทียบกับเพจอื่นๆ ในเว็บไซต์:

คุณไม่จำเป็นต้องมีช่องว่างทั้งหมดบนหน้าฐานข้อมูล ดังนั้นสิ่งที่คุณต้องทำคือแก้ไข HTML ของเทมเพลตที่เกี่ยวข้องเพื่อลบออก

ก่อนที่คุณจะไปถึงเรื่องนั้น คุณจะต้องสร้างธีมลูกสำหรับ TwentySixteen เพื่อไม่ให้การเปลี่ยนแปลงของคุณหายไปเมื่อมีการอัพเดทธีมออกมา ฉันเรียกโฟลเดอร์ของฉัน ยี่สิบหกลูก แล้ว ข้อมูลเพิ่มเติมเกี่ยวกับธีมลูกสามารถพบได้ในบทความของเราเกี่ยวกับธีมลูก

เมื่อคุณตั้งค่าธีมลูกแล้ว คุณสามารถเริ่มแก้ไขเทมเพลตได้ สร้างโฟลเดอร์ใหม่ภายในโฟลเดอร์ ยี่สิบหกลูก และตั้งชื่อเป็น hkb-templates จากนั้นคัดลอกเทมเพลตที่คุณต้องการแก้ไขจากโฟลเดอร์ปลั๊กอินลงในโฟลเดอร์เทมเพลตที่สร้างขึ้นใหม่

หากต้องการเปลี่ยนหน้าคลังฐานข้อมูล เทมเพลตที่คุณต้องแก้ไขคือ hkb-archive.php เมื่อคัดลอกเสร็จแล้ว ให้เปิดขึ้นในตัวแก้ไขโค้ดของคุณ คุณควรเห็น:

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

<?php get_header(); ?>

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

<?php get_footer(); ?>

หมายเหตุ: เนื่องจากเทมเพลตภายในปลั๊กอินจะแทรกเนื้อหาฐานความรู้ลงในหน้าโดยใช้ the_content() ของ WordPress โครงสร้างแบบเต็มของหน้าจึงไม่รวมอยู่ในเทมเพลตในขั้นต้น เนื่องจากคุณกำลังแทนที่เทมเพลตเริ่มต้น คุณจะต้องเพิ่ม HTML เพิ่มเติมลงในเพจ

ดังนั้นโค้ดใน hkb-archive.php ควรเปลี่ยนให้มีลักษณะดังนี้:

<?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(); ?>

หมายเหตุ: ไม่จำเป็นต้องรวม while loop ในเทมเพลตนี้

บันทึกไฟล์ของคุณและดูหน้า ตอนนี้ควรมีลักษณะดังนี้:

ขณะนี้ใช้เลย์เอาต์ของ page.php มาตรฐานในธีมยี่สิบหกสิบหกและลบช่องว่างสีขาวออกจากด้านซ้าย อย่างไรก็ตาม มันได้ลบสไตล์ของปลั๊กอินทั้งหมดออกไปด้วย และตอนนี้ได้เปลี่ยนรูปแบบเริ่มต้นของธีมไปแทน

เนื่องจากทันทีที่คุณเริ่มกำหนดธีมเอง ปลั๊กอินจะถือว่าคุณต้องการอิสระในการเขียนสไตล์ของคุณเอง ดังนั้นจึงไม่โหลดสไตล์ชีต สิ่งนี้มีประโยชน์จริง ๆ เมื่อคุณสร้างธีมที่ออกแบบเองโดยสมบูรณ์ อย่างไรก็ตาม หากคุณต้องการเก็บสไตล์ที่มีอยู่ คุณสามารถคัดลอกและวางสไตล์จาก hkb-style.css ลงใน style.css ในธีมย่อยของคุณ หรือหากคุณกำลังสร้างธีมตามสั่ง คุณสามารถคัดลอกสไตล์ชีตจากโฟลเดอร์ปลั๊กอินไปยังโฟลเดอร์ของธีม จากนั้นจัดคิวใน functions.php ของคุณโดยใช้โค้ดต่อไปนี้:

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

หมายเหตุ: หากคุณใช้วิธีนี้กับธีมลูก คุณจะต้องใช้ get_stylesheet_directory_uri() แทน get_template_directory_uri() เนื่องจาก get_stylesheet_directory_uri() จะดูโครงสร้างไฟล์สำหรับธีมลูกของคุณ get_template_directory_uri() จะชี้ไปที่โฟลเดอร์ธีมหลักแทน

หากคุณกำลังสร้างธีมตามสั่งแทนที่จะปรับเปลี่ยนธีมที่มีอยู่ด้วยธีมย่อย ฉันชอบที่จะแยกสไตล์ชีตออกจากกันและใช้วิธี enqueue เพื่อใส่สไตล์ลงในธีมอย่างเหมาะสม เนื่องจาก style.css มักจะมีขนาดใหญ่มากและจัดการได้ยากอย่างรวดเร็ว การแยกสไตล์ที่เกี่ยวข้องออกจากกันทำให้ง่ายต่อการค้นหาหากคุณต้องการแก้ไขเพิ่มเติม คุณสามารถใช้องค์กรเดียวกันนี้ได้หากคุณใช้ตัวประมวลผลล่วงหน้าเช่น SASS จากนั้นคุณสามารถ @import สไตล์ชีตใหม่ของคุณเพื่อรวมเป็น style.css โดยอัตโนมัติ ซึ่งสามารถฉีดเข้าไปในธีมของคุณโดยใช้ wp_enqueue_style()

เมื่อนำสไตล์ไปใช้อีกครั้งแล้ว ให้ดูหน้าอีกครั้งและตอนนี้คุณควรเห็น:

หน้านี้ได้รับการจัดรูปแบบใหม่ และพื้นที่ด้านซ้ายถูกลบออก ทำให้ทุกอย่างดูเป็นระเบียบมากขึ้นโดยไม่สูญเสียสไตล์และการออกแบบของธีม หากมีเทมเพลตหน้าอื่นที่คุณต้องการใช้การเปลี่ยนแปลงเค้าโครงนี้ เพียงคัดลอกเทมเพลตที่เกี่ยวข้องลงในธีมย่อยของคุณ เท่านี้ก็เสร็จเรียบร้อย!

ความคิดสุดท้าย

หวังว่าฉันได้แสดงให้เห็นว่าปลั๊กอิน Heroic Knowledge Base ปรับแต่งได้อย่างไร มีหลายอย่างที่คุณสามารถทำได้โดยไม่จำเป็นต้องรู้รหัสใดๆ อย่างไรก็ตาม หากคุณต้องการปรับแต่งสิ่งต่าง ๆ เพิ่มเติม และคุณมีความเข้าใจเกี่ยวกับมาตรฐานโค้ด WordPress และการพัฒนาธีม คุณสามารถทำได้ง่ายมาก