วิธีการหลายผู้เขียนกำหนดให้กับบทความเกี่ยวกับเวิร์ดเพรส

วิธีการหลายผู้เขียนกำหนดให้กับบทความเกี่ยวกับเวิร์ดเพรส

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

วิธีอนุญาตให้ผู้เขียนหลายคนทำงานร่วมกัน

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน " ผู้เขียนร่วมอื่น ๆ " สำหรับรายละเอียดเพิ่มเติมโปรดดูคำแนะนำทีละขั้นตอนของเรา วิธีติดตั้งปลั๊กอิน WordPress.

จากนั้นคุณต้องแก้ไขบทความที่คุณต้องการมอบหมายผู้แต่งมากกว่าหนึ่งคน

ในหน้าจอแก้ไขบทความคุณจะสังเกตเห็นช่องใหม่ " ผู้เขียน »อยู่ด้านล่างของตัวแก้ไขบทความ

กำหนดผู้เขียนบทความ

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

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

ตอนนี้ชื่อของผู้แต่งที่เลือกจะปรากฏใต้ชื่อของผู้แต่งต้นฉบับ

ชื่อผู้เขียนบทความ

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

วิธีการแสดงผู้เขียนหลายคนในบล็อกของคุณ

ขออภัยปลั๊กอินไม่แสดงผู้เขียนหลายคนในไซต์ของคุณโดยอัตโนมัติ สำหรับสิ่งนี้คุณจะต้องแก้ไขไฟล์เทมเพลตของธีมของคุณ

คุณจะต้องแก้ไขไฟล์ที่รับผิดชอบในการแสดงชื่อของผู้เขียนบทความ ซึ่งอาจเป็น single.php, content.php หรือป้ายกำกับเทมเพลตในไฟล์“ functions.php” ของคุณ คุณอาจจะต้องนั่งรถต่อไป WordPress Codex.

คุณจะมองหาโค้ดที่มีแท็ก "the_author_posts_link ()" บนเทมเพลตของคุณและคุณจะต้องแทนที่ด้วยโค้ดต่อไปนี้

ถ้า (function_exists ( 'coauthors_posts_links')) {coauthors_posts_links (); } else {the_author_posts_link (); }

นี่คือลักษณะที่จะปรากฏบนเว็บไซต์ของคุณ

การสาธิตของผู้เขียนบทความ

วิธีเพิ่มผู้เยี่ยมชม

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

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

เรามาดูวิธีเพิ่มผู้เยี่ยมชมเพื่อ " ผู้เขียนร่วมอื่น ๆ '

ขั้นแรกคุณต้องไปที่ " ผู้ใช้ »หน้าลูกค้าของผู้แต่งและคลิกที่ปุ่ม "เพิ่มใหม่" ที่ด้านบน

ผู้เขียนรับเชิญของ Wordpress

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

เพิ่มผู้เขียนแขกของ wordpress

นั่นคือทั้งหมดที่คุณเพิ่มในฐานะผู้เขียนรับเชิญ

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

สำหรับการกวดวิชานี้ฉันหวังว่ามันจะช่วยให้คุณสามารถเพิ่มผู้เขียนร่วมในบล็อก WordPress ของคุณได้อย่างง่ายดาย หากคุณมีคำถามใด ๆ อย่าลังเลที่จะถามพวกเขา

วิธีการเปลี่ยนแบบสุ่มส่วนหัวกับธีมของคุณ

วิธีการเปลี่ยนแบบสุ่มส่วนหัวกับธีมของคุณ

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

เพิ่มส่วนหัวแบบสุ่มใน wordpress

ธีม WordPress ฟรีและพรีเมียมส่วนใหญ่มาพร้อมกับการรองรับส่วนหัวที่ปรับแต่งได้ ส่วนหัวที่กำหนดเองใน WordPress เป็นคุณลักษณะที่ช่วยให้ธีมของ WordPress สามารถแสดงภาพบนส่วนหัวได้

ภาพบนหัว

ส่วนหัวที่กำหนดเองแตกต่างจากภาพพื้นหลังซึ่งช่วยให้คุณสามารถตั้งค่าภาพพื้นหลังที่กำหนดเองบนไซต์ WordPress ของคุณได้

จากที่กล่าวมาเรามาดูวิธีเพิ่มส่วนหัวภาพแบบสุ่มในบล็อก WordPress ของคุณ

วิธีที่ 1: วิธีแสดงภาพสุ่มโดยใช้ธีม Customizer

วิธีนี้ง่ายกว่าและแนะนำสำหรับผู้ใช้ WordPress ส่วนใหญ่

คุณต้องเข้าถึง " ลักษณะที่ปรากฏ> ปรับแต่ง »หน้าเพื่อเปิดส่วนต่อประสานการปรับแต่งของ WordPress

สุ่ม

จากนั้นคุณต้องคลิกที่แท็บ "ส่วนหัว" เพื่อขยาย นอกจากนี้ยังสามารถเปลี่ยนชื่อตัวเลือกส่วนหัว " ส่วนหัวของสื่อ ในธีมของคุณ

คุณจะเห็นรูปภาพส่วนหัวปัจจุบันของไซต์ของคุณและรูปภาพส่วนหัวอื่น ๆ ที่มีอยู่ทั้งหมด

คุณต้องคลิกที่ปุ่ม« เพิ่มภาพใหม่ ในการดาวน์โหลดภาพที่คุณต้องการใช้เป็นส่วนหัวของภาพ

เมื่อคุณดาวน์โหลดภาพบางภาพแล้วภาพเหล่านั้นจะปรากฏใต้ภาพที่เพิ่งอัปโหลดใหม่

รูปภาพที่อัปโหลดก่อนหน้านี้

ตอนนี้คุณต้องคลิกที่ปุ่ม ส่วนหัวที่โหลดแบบสุ่ม ใต้ภาพที่เพิ่งอัปโหลดใหม่จากนั้นให้บันทึกการเปลี่ยนแปลงของคุณ

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

วิธีที่ 2: เปลี่ยนส่วนหัวแบบสุ่มโดยใช้ปลั๊กอิน

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

สิ่งแรกที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน " ส่วนหัว WP Display ". สำหรับรายละเอียดเพิ่มเติมโปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress

wordpress ส่วนหัวแบบสุ่ม

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

หากคุณต้องการเพิ่มรูปภาพเพิ่มเติมสำหรับส่วนหัวให้ไปที่ " ลักษณะที่ปรากฏ> ปรับแต่ง และคลิกที่แท็บส่วนหัว

ส่วนหัวของ Wordpress เพิ่มรูปภาพ

จากนั้นคุณต้องคลิกปุ่ม "เพิ่มภาพใหม่" เพื่ออัปโหลดภาพส่วนหัวเพิ่มเติม คุณไม่จำเป็นต้องเปลี่ยนส่วนหัวของธีมของคุณเพียงแค่ดาวน์โหลดภาพและออกจาก " Customizer '

ปลั๊กอินยังช่วยให้คุณเปลี่ยนรูปภาพส่วนหัวของหมวดหมู่และป้ายกำกับ

คุณจะต้องไปที่ " บทความ> หมวดหมู่ », จากนั้นคลิกที่ปุ่ม« เปลี่ยนแปลง ด้านล่างหมวดหมู่ที่คุณต้องการแก้ไข

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

แสดงภาพแบบสุ่มสำหรับหมวดหมู่

เพียงแค่นี้สำหรับการกวดวิชานี้ฉันหวังว่ามันจะช่วยให้คุณแสดงภาพแบบสุ่มในบล็อก WordPress ของคุณ หากคุณมีคำถามใด ๆ อย่าลังเลที่จะถามพวกเขา

Wallace: ธีม WordPress ฟรีที่ออกแบบด้วย Rest API และ AngularJS

Wallace: ธีม WordPress ฟรีที่ออกแบบด้วย Rest API และ AngularJS

Bradley Kirby ปล่อยเวอร์ชั่น 1.0 ของเขา ธีมของ Wallace WordPress. ธีมได้รับการออกแบบโดยใช้ WP REST API และ Angular 2 Kirby ทำงานกับ Wallace ในช่วงสองปีที่ผ่านมาและได้เขียนใหม่หลายครั้งเพื่อให้ทันกับการเปลี่ยนแปลงใน REST API และ Angular

ธีมวอลเลซเวิร์ดเพรส

ถ้าคุณดู การสาธิตวอลเลซคุณจะสังเกตเห็นว่าธีมนั้นเร็วมากเนื่องจากอินเทอร์เฟซแสดงผลทางฝั่งไคลเอ็นต์ด้วย JavaScript

“ มันเป็นการเปิดโลกใหม่แห่งความเป็นไปได้สำหรับธีม WordPress” Kirby กล่าว “ สำหรับเวอร์ชันนี้ฉันเน้นไปที่การเปลี่ยนภาพที่ราบรื่นเป็นหลัก สิ่งนี้เป็นไปไม่ได้กับธีมที่นำเสนอการแสดงผลแบบดั้งเดิม แต่ฉันคิดว่ามีเทคนิคการปรับแต่งที่ยอดเยี่ยมมากมายที่ API อนุญาต”

แม้ว่า React จะกลายเป็นเฟรมเวิร์ก JavaScript ที่ได้รับความนิยมสูงสุดสำหรับการพัฒนาส่วนหน้าในปี 2016 แต่ Kirby กล่าวว่าเขาเลือก Angular เป็นส่วนใหญ่เพราะเขาเรียนรู้ก่อน

“ ฉันชอบลักษณะที่เป็นคำบอกเล่าของ Angular” Kirby กล่าว “ มีวิธีที่ 'ถูกต้อง' ในการทำสิ่งต่างๆที่คุณจะพบในโปรเจ็กต์ตัวอย่างและฟังก์ชันทั้งหมดมาพร้อมกับเฟรมเวิร์ก ด้วย React คุณต้องใช้คอลเล็กชันของไลบรารีของบุคคลที่สามพร้อมกับผู้ดูแลต่างๆ ด้วย Angular ทุกอย่างจะได้รับการดูแลโดย Google และมีไดเรกทอรีทั้งหมด ฉันคิดว่า React เป็นเฟรมเวิร์กที่ดีอย่างสมบูรณ์แบบและมีการแบ่งปันแนวคิดมากมาย”

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

ตัวอย่างธีมวอลเลซ

“ จากมุมมองของการเขียนโปรแกรมมันยากกว่าการสร้างธีมด้วยการเรนเดอร์ PHP เพราะคุณจะได้รับเครื่องมือมากมายที่มี API ธีมซึ่งคุณจะไม่ได้รับเมื่อคุณทำด้วย Rest API” Kirby กล่าว ประโยชน์หลักของ Themes API คือการโต้ตอบกับเนื้อหาในทันที แต่การสร้างธีมที่ขับเคลื่อนด้วย API นั้นยังไม่ง่ายเหมือนวิธีการออกแบบธีมแบบเก่า

Kirby กล่าวว่าเขากำลังสำรวจแนวคิดในการส่ง Wallace ไปยัง WordPress.org แต่ทีมวิเคราะห์ธีมไม่อนุญาตให้ใช้เทมเพลต Twig

«ฉันส่งธีมไปยังทีมที่อนุมัติธีมและพวกเขาไม่อนุมัติว่าฉันกำลังใช้ไลบรารีเทมเพลต Twig ทางฝั่ง PHPเคอร์บีกล่าวว่า "ดังนั้นฉันต้องรักษาธีมสองเวอร์ชันถ้าฉันต้องแสดงมันไปยังไดเรกทอรีของธีม WordPress. เคอร์บี้ยังไม่ได้ตัดความคิดและวางแผนที่จะคิดใหม่ในปีหน้า

« Twig Templates with Angular Templates เป็นสิ่งที่ดีจริงๆ เคอร์บี้กล่าว “ พวกเขาช่วยลดภาระในการบำรุงรักษาเพราะฉันต้องจำลองโมเดลที่ฝั่งเซิร์ฟเวอร์และฝั่งไคลเอ็นต์ มันจะยากกว่าถ้าฉันต้องสร้างสตริงเสียงสะท้อนจาก PHP ซึ่งเป็นกระบวนการทั่วไปที่ยอมรับใน WordPress "

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

สิ่งต่อไปนี้ใน Wallace Roadmap จะเพิ่มฟังก์ชันการทำงานหลักให้กับธีม Kirby กล่าวว่าเขากำลังสำรวจแนวคิดในการสร้างธีมนิตยสารการค้าในอนาคต

“ ฉันคิดว่ากรณีการใช้งานจริงสำหรับวิธีการพัฒนาธีมนี้คืออีคอมเมิร์ซ แต่ฉันต้องการออกแบบธีมนิตยสารระดับพรีเมียมที่มั่นคงก่อนที่จะจัดการกับมัน” Kirby กล่าว

 

วิธีการเพิ่มสไตล์ให้กับเมนูนำทางของคุณ

วิธีการเพิ่มสไตล์ให้กับเมนูนำทางของคุณ

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

to-สไตล์เพื่อเมนูนำทางเดอเดอ WordPress

วิธีการ 1: วิธีการจัดรูปแบบเมนู WordPress ของคุณด้วยปลั๊กอิน

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

ขั้นแรกสิ่งที่คุณต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน " CSS ฮีโร่ ". สำหรับรายละเอียดเพิ่มเติมโปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress

CSS Hero เป็นปลั๊กอิน WordPress พรีเมี่ยมที่ให้คุณออกแบบธีม WordPress ของคุณเองโดยไม่ต้องเขียนโค้ดบรรทัดเดียว (ไม่มี HTML หรือ CSS ที่จำเป็น).

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

ตอนนี้คุณต้องคลิกที่ปุ่ม ฮีโร่ CSS บนแถบเครื่องมือ WordPress ของคุณ

CSS-พระเอกเมนู WordPress

CSS Hero นำเสนอโปรแกรมแก้ไขแบบ WYSIWYG (สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ "สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ"). การคลิกปุ่มนี้จะนำคุณไปยังเว็บไซต์ของคุณโดยมีแถบเครื่องมือลอย CSS Hero ทางด้านขวา

แถบเครื่องมือ CSS ฮีโร่

คุณต้องคลิกที่ไอคอนสีน้ำเงินที่ด้านบนเพื่อเริ่มแก้ไข

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

ที่มีเมนูที่มี CSS ฮีโร่ปรับแต่ง-

ในภาพหน้าจอด้านบนคุณจะเห็นรายการเมนูเมนูการนำทางและที่เก็บเมนูการนำทางเป็นต้น

สมมติว่าเราต้องการเปลี่ยนสีข้อความของรายการทั้งหมดในเมนูนำทาง ในกรณีนี้เราจะเลือกเมนูนำทางที่แตะทั้งเมนู

CSS Hero จะแสดงคุณสมบัติที่แตกต่างที่คุณสามารถเปลี่ยนได้เช่นข้อความสีพื้นหลังเส้นขอบระยะขอบการเว้นช่องว่าง ฯลฯ

CSS-คุณสมบัติฮีโร่

คุณสามารถคลิกคุณสมบัติที่คุณต้องการแก้ไข CSS Hero จะนำเสนอคุณด้วยส่วนต่อประสานที่เรียบง่ายซึ่งคุณสามารถทำการเปลี่ยนแปลงได้

แก้ไข-a-ทรัพย์สิน CSS ที่มี CSS ฮีโร่

ในภาพหน้าจอด้านบนเราได้เลือกข้อความและแสดงให้เราเห็นอินเทอร์เฟซที่ดีสำหรับการเลือกแบบอักษรการเปลี่ยนสีข้อความขนาดและคุณสมบัติอื่น ๆ

เมื่อคุณทำการเปลี่ยนแปลงคุณจะมีตัวอย่างสดของผลลัพธ์สุดท้าย

PREVIEW การถ่ายทอดสด CSS ฮีโร่

เมื่อคุณพอใจกับการเปลี่ยนแปลงแล้วให้คลิกปุ่ม "บันทึก" บน " ฮีโร่ CSS เพื่อบันทึกการเปลี่ยนแปลงของคุณ

ส่วนที่ดีที่สุดของวิธีนี้คือคุณสามารถยกเลิกการเปลี่ยนแปลงที่คุณทำได้อย่างง่ายดาย CSS Hero เก็บประวัติการเปลี่ยนแปลงทั้งหมดของคุณไว้อย่างครบถ้วนและคุณสามารถไปมาระหว่างการเปลี่ยนแปลงเหล่านี้ได้

วิธีที่สอง: วิธีเปลี่ยนรูปแบบของเมนูการนำทางด้วยตนเอง

วิธีนี้ต้องการให้คุณแก้ไขไฟล์ธีม WordPress ของคุณ คุณควรใช้หากคุณเป็นนักพัฒนาและมีความรู้เกี่ยวกับการสร้างธีม WordPress

วิธีที่ดีที่สุดคือปรับแต่งธีม WordPress ของคุณโดยสร้างธีมลูก หากคุณเปลี่ยน CSS เพียงอย่างเดียวฉันขอเชิญคุณอ่านบทแนะนำของเราเกี่ยวกับ วิธีเพิ่มโค้ด CSS ที่กำหนดเองบน WordPress.

เมนูการนำทางของ WordPress แสดงขึ้นในรายการที่ไม่ได้เรียงลำดับ (รายการหัวข้อย่อย).

หากคุณใช้แท็ก php ต่อไปนี้แท็กดังกล่าวจะแสดงรายการโดยไม่มีคลาส CSS ที่เกี่ยวข้อง


รายการสัญลักษณ์แสดงหัวข้อย่อยของคุณจะมี "เมนู" ของชื่อคลาสที่มีแต่ละรายการมีคลาส CSS ของตัวเอง

สิ่งนี้สามารถใช้งานได้หากคุณมีตำแหน่งเมนูเดียว อย่างไรก็ตามชุดรูปแบบส่วนใหญ่มีหลายแห่งที่คุณสามารถแสดงเมนูการนำทาง

การใช้เฉพาะคลาส CSS เริ่มต้นอาจทำให้เกิดความขัดแย้งกับเมนูในที่อื่น ๆ

นี่คือเหตุผลที่คุณต้องกำหนดคลาส CSS และตำแหน่งเมนู โอกาสที่ธีม WordPress ของคุณกำลังทำอยู่แล้วโดยการเพิ่มเมนูการนำทางโดยใช้โค้ดดังนี้:

'หลัก', 'menu_class' => 'เมนูหลัก',)); ?>

รหัสนี้บอก WordPress ว่านี่เป็นที่ที่ธีมแสดงเมนูหลัก นอกจากนี้ยังเพิ่มคลาส CSS " เมนูหลัก ในเมนูนำทาง

ตอนนี้คุณจะพบรูปแบบของเมนูนำทางของคุณโดยใช้โครงสร้าง CSS

#header เมนู .primary {} // ภาชนะชั้น #header เมนู .primary ยู {} // ภาชนะชั้นแรกรายการเรียงลำดับ #header เมนู .primary ยูยู {} // รายการเรียงลำดับภายในรายการเรียงลำดับ #header .primary -menu li {} // แต่ละรายการนำทาง #header li เมนู .primary {} // แต่ละรายการนำทาง # หัว li สมอเมนู .primary ยู {} // เรียงลำดับรายการหากมีการเลื่อนลงรายการ #header .primary -menu li li {} // แต่ละหล่นลงรายการนำทาง # หัว li li เมนู .primary ได้ {} // แผ่นแต่ละสมอลงรายการนำทาง

แทนที่ #header ด้วยคลาสคอนเทนเนอร์หรือ " ID ใช้โดยธีม WordPress ของคุณ

โครงสร้างนี้จะช่วยให้คุณเปลี่ยนรูปลักษณ์ของเมนูการนำทางได้อย่างสมบูรณ์

เพียงเท่านี้สำหรับบทช่วยสอนนี้ ฉันหวังว่ามันจะช่วยให้คุณสามารถปรับแต่งเมนูของบล็อก WordPress ของคุณ อย่าลังเลที่จะแบ่งปันกับเพื่อน ๆ ของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ

 

วิธีการสร้างปลั๊กอินขยายบน WordPress

วิธีการสร้างปลั๊กอินขยายบน WordPress

ดูเหมือนว่าปลั๊กอิน WordPress บางอันจะโชคดีไหม? WooCommerce, ง่ายหลักดาวน์โหลด, ฟอร์มแรงโน้มถ่วง : ปลั๊กอินเหล่านี้แต่ละตัวขับเคลื่อนโดย บริษัท ทั้งหมดโดยมีส่วนขยายของบุคคลที่สามจำนวนมากและคุณสมบัติอื่น ๆ ที่เพิ่มเข้ามาซึ่งเพิ่มศักยภาพของปลั๊กอิน ในช่วงเวลานี้ปลั๊กอินอื่น ๆ ส่วนใหญ่ไม่สามารถดำเนินการได้

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

วันนี้เราจะใช้ตัวอย่างปลั๊กอิน WordPress เพื่อครอบคลุมฟังก์ชันหลักสองอย่างที่ให้สถานะการขยายปลั๊กอิน ได้แก่ : apply_filters () และ do_action ()

ส่วนขยาย: ส่วนขยายสำหรับปลั๊กอิน

ดังนั้นจึงเป็นที่ชัดเจนว่าเมื่อเราพูดถึง "ส่วนขยาย" เรากำลังอ้างถึงปลั๊กอินที่สร้างขึ้นเพื่อผู้อื่น ลองดูตัวอย่าง: " ลายสำหรับ WooCommerce '

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

คุณจึงมีปลั๊กอินที่ปรับปรุงปลั๊กอินอื่นในลักษณะเฉพาะ มันเป็นส่วนขยาย นี่คือคำวิเศษณ์จากระบบนิเวศของ WordPress

ฟังก์ชัน: apply_filters () และ do_action () ทำงานอย่างไร

คำถามต่อไป: WooCommerce จะมาดูฟังก์ชันเพิ่มเติมได้อย่างไร? ท้ายที่สุดแล้วมันง่ายมากที่จะจินตนาการถึงการเขียนปลั๊กอินอีคอมเมิร์ซที่“ ทำงานเฉพาะกับเกตเวย์การชำระเงินไม่กี่ " จากนั้นหากคุณต้องการ Stripe คุณจะต้องแก้ไข WooCommerce อย่างสมบูรณ์และอาจต้องสร้างเครื่องมือของคุณเองที่ชื่อว่า StripeCommerce ซึ่งอาจกลายเป็นคู่แข่งของ WooCommerce หรือเพียงแค่ใช้ชีวิตบนเว็บไซต์ของลูกค้าของคุณที่สามารถจ่ายได้ ความช่วยเหลือส่วนบุคคล

มันเป็นเรื่องยุ่งยากที่จะพิจารณา แต่โชคดีที่ WooCommerce กำลังทำสิ่งที่ดีกว่ามาก มันทำให้การใช้งานของทั้งสองฟังก์ชั่น: Apply_filters () และ do_action () ทั้งสองฟังก์ชั่นช่วยให้คุณสามารถสร้างวงเล็บเหลี่ยมบน WordPress และนี่เป็นส่วนพื้นฐานของระบบ WordPress Hooks โดยทั่วไป

Apply_filters () และ do_action () ความแตกต่างค่อนข้างง่าย:

  • Apply_filters () อนุญาตให้คุณเชื่อมต่อตัวกรองกับฟังก์ชั่น
  • do_action () อนุญาตให้คุณเชื่อมต่อการทำงานกับฟังก์ชั่น

ลองดูตัวอย่างเพื่อดูว่าพวกเขาทำงาน

ตัวอย่างการใช้ WooPress hooks

สำหรับตัวอย่างของเราเราจะใช้ปลั๊กอิน "ใบเสนอราคาประจำวัน" พร้อมด้วยส่วนขยายที่ปรับเปลี่ยนปลั๊กอินนี้ในลักษณะเฉพาะ หากต้องการติดตามและดูโค้ดฉบับเต็มให้ดาวน์โหลดปลั๊กอินเป็นไฟล์ ZIP https://wpshout.com/media/2016/10/plugins.zip

ปลั๊กอินเดิม

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

ส่วนขยายปลั๊กอิน

ดังที่เราทราบปัญหาของคำพูดส่วนใหญ่คือ "Carl Sagan" ไม่ได้กล่าวไว้ ส่วนขยายของเราแก้ไขปัญหานี้โดยใช้เครื่องมือหลายอย่าง:

  • หัวจดหมายขนาดใหญ่แสดงวันที่ของวันนี้และคำพูดของ Carl Sagan
  • การแทนที่คำเฉพาะเพื่อเปลี่ยนคำพูดให้เป็นสิ่งที่คาร์ลเซแกนอาจพูด
  • ผู้เขียนของคำพูดเดิมมีการเปลี่ยนแปลงและตอนนี้คำพูดที่ถูกนำมาประกอบกับคาร์ลเซแกนอย่างถูกต้อง

นี่คือปลั๊กอินและส่วนขยายในการดำเนินการ:

อ้างอิงในการดำเนินการ

รหัส

เพื่อให้สิ่งนี้เกิดขึ้นจำเป็นต้องมีสองขั้นตอน:

ปลั๊กอินดั้งเดิมกำหนด hooks - action hooks และ filter hooks - อนุญาตให้โค้ดภายนอกแก้ไขหรือเพิ่มโค้ดของตัวเองที่ประเด็นสำคัญ ปลั๊กอินใช้ apply_filters () และ do_action () เพื่อให้บรรลุสิ่งนี้

ส่วนขยายกำหนดฟังก์ชัน hook เกี่ยวกับการดำเนินการและตัวกรองซึ่งจะแก้ไขปลั๊กอินดั้งเดิมด้วยวิธีที่จำเป็น

รหัสในปลั๊กอินดั้งเดิม

ส่วนที่สำคัญที่สุดของโค้ดสำหรับเราคือสิ่งที่เราทำหลังจากได้รับข้อมูลจาก API ข้อมูลนี้มีให้ในรูปแบบอาร์เรย์ที่มีสององค์ประกอบ: ข้อความ: ข้อความของการอ้างอิง; และผู้เขียน: ผู้กล่าวอ้าง ดังนั้นรหัสของเราจะมีลักษณะดังนี้:

add_shortcode ('extensible_plugin_demo', 'bpc_output_extensible_plugin'); ฟังก์ชัน bpc_output_extensible_plugin () {ob_start (); // ขอเกี่ยวก่อนแสดง! do_action ('bpc_before_get_qod_text'); $ qod_data = bpc_get_qod_data (); ถ้า (is_array ($ qod_data)) {echo ' '; $ qod_text = $ qod_data ['text']; $ qod_author = $ qod_data ['ผู้แต่ง']; // กรองเนื้อหา! $ qod_text = apply_filters ('bpc_qod_text', $ qod_text); $ qod_author = apply_filters ('bpc_qod_author', $ qod_author); เสียงสะท้อน $ qod_text; ก้อง ' '; ก้อง $ qod_author; ก้อง ' '; } // Action hook หลังจากที่เหลือของเอาต์พุต! do_action ('bpc_after_get_qod_text'); กลับ ob_get_clean (); }

รหัสคีย์ในส่วนขยาย

ปลั๊กอินไม่ประกอบด้วยสิ่งอื่นใดนอกจากการดำเนินการและตัวกรองเพื่อแก้ไขปลั๊กอินดั้งเดิม นี่คือรหัสสำหรับส่วนขยาย:

add_filter( 'bpc_qod_text', 'bpc_filter_qod_text' );
// Filter: remplacer des mots spécifique
function bpc_filter_qod_text( $text ) {
    $text = str_replace( 
        array( ' I ', ' me ', ' the ', ' is ', ' am ', ' are ' ),
        array( ' I, a descendent of savannah-dwelling hominids that somehow evolved an astounding capacity for self-reflection, ', ' the cooled-off stellar matter I call "me" ', ' the trillions of atoms that make up the ', ' seems, without the mind-boggling perspective of quantum physics, to be ', ' cannot, due to the Heisenberg Uncertainty Principle, be determined not to be ', ' appear to our best scientific instruments to be ' ),
        $text
    );
    return $text;
}

// Filter: barré le texte qui précède le nom de l'auteur et ajouter Carl Sagan à la suite
add_filter( 'bpc_qod_author', 'wpshout_filter_qod_author' );
function wpshout_filter_qod_author( $text ) {
    $text = '<strike>' . $text . '</strike> Carl Sagan';
    return $text;
}

// Action: Ajouter un titre
add_action( 'bpc_before_get_qod_text', 'bpc_set_up_quote' );
function wpshout_set_up_quote() {
    echo '<h4>Carl Sagan Quote of the Day for ' . date( 'F j, Y') . ':</h4>';
}

// Action: Ajouter une image
add_action( 'bpc_after_get_qod_text', 'bpc_add_carl_boom' );
function bpc_add_carl_boom() {

    echo '<div><img class="aligncenter" src="' . plugin_dir_url( __FILE__ ) . 'carl_sagan_mind_blown.gif"></div>';
}

อย่างที่คุณเห็นสิ่งเหล่านี้เป็นการใช้มาตรฐานของ " add_action () "และ" add_filter () "และทั้งสองฟังก์ชั่นจะเชื่อมต่อกับวงเล็บเหลี่ยมซึ่งเราเรียกว่า" bpc_qod_text "

ผลลัพธ์ที่ได้คือตอนนี้ปลั๊กอินของเราสามารถขยายได้: นักพัฒนาที่สองสามารถดูแก้ไขปลั๊กอินและพูดว่า "ฉันหวังว่าคาร์ลเซแกนกล่าวว่า »และทำในขณะที่ใช้ปลั๊กอินดั้งเดิมเป็นฐานเช่นเดียวกับธีมแม่และลูกบน WordPress

นี่เป็นกลอุบายที่ทำให้ปลั๊กอินเช่น WooCommerce เป็นที่นิยมมากทำให้คุณสามารถเพิ่มคุณสมบัติใหม่ได้

เพียงเท่านี้สำหรับบทช่วยสอนนี้ ฉันหวังว่าคุณจะเข้าใจดีกว่ากรณีการใช้ตัวกรองและการกระทำ WordPress ที่แตกต่างกัน

วิธีการสร้างบล็อก WordPress ด้วย 1 & 1

ด้วยเหตุผลบางประการคุณก็ต้องการเริ่มต้นบล็อกเว็บไซต์ร้านค้าออนไลน์หรือเว็บไซต์อื่น ๆ ด้วย WordPress แต่คุณไม่รู้ว่าจะเริ่มจากตรงไหน นี่คือวิดีโอการฝึกอบรมฟรีที่จะแสดงวิธีสร้างบล็อก WordPress ของคุณวันนี้ด้วย 1and1 ทีละขั้นตอน

คลิกที่นี่เพื่อเยี่ยมชม 1 & 1.fr

[vcex_button url=”http://clk.tradedoubler.com/click?p=72890&a=2310530&g=20348296″ title=”VISIT 1&1″ style=”graphical” align=”center” color=”green” size=”small » target=”blank” rel=”none”]เยี่ยมชม 1&1 ทันที[/vcex_button]