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

การใช้ธีม

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

หากต้องการทราบว่าธีมของคุณรองรับฟีเจอร์นี้หรือไม่ ให้ไปที่ส่วนลักษณะที่ปรากฏของแผงผู้ดูแลระบบ WordPress ของคุณ

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

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

การติดตั้งธีมพร้อมการสนับสนุนการแบ่งหน้า

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

หากต้องการเพิ่มธีมที่รองรับการแบ่งหน้า:

ในช่องค้นหา ให้ป้อน " การแบ่งหน้า- WordPress กรองหัวข้อโดยอัตโนมัติและค้นหาหัวข้อที่มีคำนี้ในคำอธิบาย

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

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

การใช้ปลั๊กอินการแบ่งหน้า

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

หากต้องการติดตั้งปลั๊กอิน Pagination by BestWebSoft ให้ทำดังต่อไปนี้:

• ในแผงผู้ดูแลระบบ WordPress ของคุณ ไปที่ส่วน "ปลั๊กอิน" และคลิกที่ปุ่มเพิ่มปลั๊กอินใหม่

• ค้นหาปลั๊กอิน " การแบ่งหน้าโดย BestWebSoft- ติดตั้งและเปิดใช้งาน

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

ในการตั้งค่า ปลั๊กอินการแบ่งหน้า WordPressคุณสามารถกำหนดค่าการแบ่งหน้าสำหรับส่วนต่างๆ ของไซต์ได้: สำหรับหน้าหลัก สำหรับหน้าเก็บถาวร บล็อก และอื่นๆ

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

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

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

ปลั๊กอินอื่น ๆ

มีปลั๊กอินมากมายสำหรับ WordPress ที่มีให้ พารามิเตอร์ต่างๆการตั้งค่าการแบ่งหน้า

WP-PageNavi

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

WP-แบ่งหน้า

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

การแบ่งหน้าโดย HocWP

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

การใช้การแบ่งหน้าสำหรับโพสต์ WordPress

หากคุณมีโปรแกรมแก้ไขโค้ด CSS คุณสามารถเปลี่ยนแปลงธีมและปลั๊กอินได้ ตัวอย่างเช่น, ปลั๊กอินหน้า Navi ให้การเข้าถึง ไฟล์ของตัวเองซีเอสเอส

คุณสามารถเพิ่มโค้ดที่กำหนดเองสำหรับพื้นที่อื่นๆ ของเพจได้ผ่านไฟล์ style.css ของธีม และยังเปลี่ยนสีพื้นหลัง การแสดงองค์ประกอบเมื่อเลื่อนเคอร์เซอร์เมาส์ และอื่นๆ อีกมากมาย

วิธีทำให้เว็บไซต์ของคุณมีการโต้ตอบมากขึ้น

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

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

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

1 – นำทางหน้า WP

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

ปลั๊กอินนี้เข้ากันได้กับธีมที่มีอยู่ส่วนใหญ่

• ต้องใช้ทรัพยากรน้อย
• เป็นมิตรกับ SEO
• เป็นที่นิยมมาก

2 – WP แบ่งหน้า

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

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

ประเด็นสำคัญและคุณสมบัติ:

• ใช้การนำทางหน้าอย่างง่าย
• เป็นมิตรกับ SEO
• ใช้งานง่าย

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

มี 6 สไตล์ชีตที่เหมาะกับเว็บไซต์ของคุณและรองรับสองภาษา

ประเด็นสำคัญและคุณสมบัติ:

• ใช้การนำทางหน้าอย่างง่าย
• ใช้การนำทางความคิดเห็น
• มีสไตล์ชีทสำหรับ ประเภทต่างๆแสดง.
• มี 6 แบบด้วยกัน

4 – ลิงก์เพจพลัส

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

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

ประเด็นสำคัญและคุณสมบัติ:

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

5 – การแบ่งหน้าตามตัวอักษร

การแบ่งหน้าตามตัวอักษรจะระบุหมายเลขโพสต์และหน้าเว็บไซต์ของคุณ ลำดับตัวอักษร- หากคุณขายผลิตภัณฑ์บนเว็บไซต์ WordPress ของคุณ ปลั๊กอินนี้จะทำงานได้อย่างมหัศจรรย์ โดยจะระบุหมายเลขผลิตภัณฑ์ทั้งหมดของคุณตามลำดับตัวอักษร

สามารถใช้ได้ทุกที่บนเว็บไซต์ของคุณโดยใช้รหัสย่อ

ประเด็นสำคัญและคุณสมบัติ:

• มีการนำทางตามตัวอักษร
• มีการสนับสนุนการซื้อขาย
• สามารถวางได้ทุกที่โดยใช้รหัสย่อ
• สามารถแสดงรายการผู้ใช้ตามลำดับตัวอักษรได้

6 – การแบ่งหน้าแกลเลอรีสำหรับ WordPress

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

การสนับสนุน CDN ช่วยให้คุณสร้างแกลเลอรีรูปภาพของคุณให้เป็นมิตรกับ SEO นอกจากนี้ยังมีแคชเพื่อเพิ่มความเร็วในการโหลดหน้า เช่นเดียวกับ Ajax เพื่อทำการเปลี่ยนแปลงโดยไม่ต้องโหลดหน้าซ้ำ

ประเด็นสำคัญและคุณสมบัติ:

• มีการนำทางผ่านแกลเลอรี่ภาพ
• รองรับ CDN แล้ว
• เป็นมิตรกับ SEO
• แคชสามารถใช้ได้

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

Ajax จะช่วยคุณนำทางไปยังส่วนต่างๆ โดยไม่ต้องโหลดทั้งหน้าซ้ำ

ประเด็นสำคัญและคุณสมบัติ:

• แยก รายการแยกต่างหาก.
• การใช้ข้อความและรูปภาพบนปุ่ม
• การใช้รหัสย่อ
• การใช้อาแจ็กซ์

8 – การแบ่งหน้าอัจฉริยะ WP
WP การแบ่งหน้าอัจฉริยะ- นี้ วิธีที่สะดวกแสดงโพสต์ที่แบ่งออกเป็นหน้าต่างๆ พร้อมช่องให้ใส่เลขหน้า ให้คุณเข้าใช้งานได้ทันที หน้าที่ต้องการ- สิ่งนี้มีประโยชน์มากหากคุณมีโพสต์จำนวนมากบนไซต์ของคุณ ทำให้ผู้ใช้ไปยังเพจที่อยู่ไกลออกไปได้ยาก ในกรณีที่คุณมีโพสต์ 4,000 หน้าและผู้ใช้ต้องการดูหน้า 2555 ปลั๊กอินนี้สามารถให้บริการอันล้ำค่าแก่คุณได้

ประเด็นสำคัญและคุณสมบัติ:

• ใช้การนำทางหน้าอย่างง่าย
• มีสนามสำหรับ การเปลี่ยนแปลงโดยตรงไปยังหน้าที่ต้องการ
• ธีมที่ตรงกัน
• มีการปรับเปลี่ยนรูปแบบ

9 – การแบ่งหน้า jPages สำหรับ WordPress
นี้ ปลั๊กอิน jQueryซึ่งได้รับแรงบันดาลใจจาก jPages ซึ่งทำให้การแบ่งหน้าแกลเลอรีรูปภาพและความคิดเห็นของคุณเป็นเรื่องง่าย นี่คือปลั๊กอินที่ตอบสนองอย่างเต็มที่ซึ่งจะให้การนำทางเนื้อหาสำหรับอุปกรณ์ทุกประเภทด้วย ขนาดต่างๆหน้าจอ. jPages Pagination สำหรับ WordPress เป็นปลั๊กอินขนาดเล็กที่ช่วยให้คุณรวมการนำทางเข้ากับ jQuery ได้อย่างง่ายดาย

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

ประเด็นสำคัญและคุณสมบัติ:

• มีการใช้ jQuery
• ปลั๊กอินที่ตอบสนอง
• รองรับโดยเบราว์เซอร์หลัก ๆ
• บูรณาการได้ง่าย

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

สวัสดีทุกคน!

ฉันยังคงเขียนบทความเกี่ยวกับการนำทางเว็บไซต์บนเครื่องมือ WordPress

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

เนื้อหามีขนาดใหญ่มากและบางทีอาจครอบคลุมมากที่สุดในเครือข่าย

การนำทางหน้า (pagination) คือการแบ่งข้อมูลออกเป็นหน้าต่างๆ หากคุณใช้ไซต์จำนวนมากบน Wordpres ปรากฏการณ์นี้จะแสดงให้เห็นอย่างชัดเจนในวิดีโอรายการหมายเลขหน้าที่ด้านล่างของแต่ละหน้าพร้อมประกาศ ในบล็อกของฉันฟังก์ชั่นนี้มีลักษณะดังนี้:

การออกแบบอาจแตกต่างกันไป แต่สาระสำคัญก็เหมือนกัน - แบ่งข้อมูลออกเป็นหน้าต่างๆ ดังที่คุณทราบตามค่าเริ่มต้น ประกาศโพสต์จะปรากฏบนหน้าหลักของเว็บไซต์ ซึ่งอาจมีจำนวนที่แน่นอน (ขึ้นอยู่กับการตั้งค่าในรายการ "การเขียน")

หากเราไม่แจกแจงจำนวนก็จะแสดงในหน้าเดียว แต่สิ่งนี้ไม่ดีเนื่องจากจะทำให้ใช้งานไซต์และไม่สะดวก หน้าแรกจะใช้เวลานานในการโหลดเพราะเมื่อเวลาผ่านไปจะมีประกาศจำนวนมาก

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

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

โดยทั่วไป มาดูการใช้งานกันต่อและขั้นตอนแรกคือการรวมเข้ากับเทมเพลตโดยไม่ต้องใช้ปลั๊กอิน วิธีการนี้ฉันอธิบายไว้ในวิดีโอสอน ฉันแนะนำให้ดูก่อนแล้วจึงศึกษาคำแนะนำในรูปแบบข้อความ

เราทำโดยไม่ต้องใช้ปลั๊กอิน

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

นี่คือส่วนแรกของรหัส โดยจะต้องวางไว้ในไฟล์ function.php ของเทมเพลตการออกแบบ

ฟังก์ชั่น wp_corenavi() ( global $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_num_pages; if (!$current = get_query_var("paged")) $current = 1; $a["base "] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["total"] = $max; $a["current"] = $current; $total = 0; //1 - แสดงข้อความ "หน้า N จาก N", 0 - ไม่แสดง $a["mid_size"] = 1; // จำนวนลิงก์ที่จะแสดงทางด้านซ้ายและทางขวาของลิงก์ปัจจุบัน $a["end_size"] = 1; //จำนวนลิงค์ที่จะแสดงตอนต้น; และตอนท้ายของ $a["prev_text"] = ""; หน้าก่อน" $a["next_text"] = ""; //ข้อความลิงก์ " หน้าต่อไป" ถ้า ($สูงสุด > 1) เสียงสะท้อน "

"; }

ฟังก์ชั่น wp_corenavi() ( ทั่วโลก $wp_query , $wp_rewrite ; $เพจ = "" ; $สูงสุด = $wp_query -> max_num_pages ; ถ้า (! $current = get_query_var ( "เพจ" ) ) $current = 1 ; $a [ "base" ] = str_replace ( 999999999 , "%#%" , get_pagenum_link ( 999999999 ) ) ; $a [ "ทั้งหมด" ] = $สูงสุด ; $a [ "ปัจจุบัน" ] = $ปัจจุบัน ; $รวม = 0 ; //1 - แสดงข้อความ "Page N of N", 0 - ไม่แสดง $a [ "mid_size" ] = 1 ; //จำนวนลิงค์ที่จะแสดงทางซ้ายและขวาของลิงค์ปัจจุบัน $a [ "end_size" ] = 1 ; //จำนวนลิงค์ที่จะแสดงตอนต้นและตอนท้าย $a [ "prev_text" ] = "" ; //ข้อความลิงก์ "หน้าก่อนหน้า" $a [ "next_text" ] = "" ; //ข้อความลิงก์ "หน้าถัดไป" ถ้า ($ สูงสุด > 1 ) เสียงสะท้อน " " ;

ฉันวางโค้ดไว้ที่จุดเริ่มต้นของไฟล์หลังแท็กเปิด

ในโค้ดนี้เราสามารถปรับพารามิเตอร์บางอย่างได้:

• บรรทัด 10 - หากคุณเปลี่ยนค่า 0 เป็น 1 ถัดจากหมายเลขหน้าจะมีคำจารึกเช่น "หน้า 3 จาก 45" ปรากฏขึ้น คุณสามารถทำตัวเลือกนี้ได้ แต่ฉันคิดว่าใน ในกรณีนี้ไม่จำเป็นเนื่องจากหมายเลขหน้าระบุจำนวนหน้าที่มีอยู่ในไซต์แล้ว และหน้าที่ใช้งานอยู่จะถูกเน้นด้วยสีอื่น
• บรรทัดที่ 11 และ 12 - ไปทางซ้ายและขวาของหมายเลขหน้าที่ใช้งานอยู่ ควรแสดงหมายเลขก่อนหน้าหรือถัดไปจำนวนหนึ่งตามลำดับ ที่นี่เราแสดงหมายเลขของพวกเขา รหัสนี้มีค่า 1 คุณสามารถใส่ 2 หรือ 3 ได้ ที่นี่คุณจะต้องทดลองเล็กน้อยเนื่องจากยิ่งจำนวนตัวเลขมากเท่าใดการนำทางก็จะกว้างขึ้นเท่านั้น ทุกอย่างขึ้นอยู่กับความกว้างของเทมเพลต

wp_corenavi();

เนื่องจากการนำทางหน้าควรแสดงทุกที่ที่มีการแสดงรายการประกาศ จึงจำเป็น รหัสนี้วางในไฟล์ทั้งหมดที่เกิดเหตุการณ์นี้:

• หน้าแรก - index.php;
• หน้าหมวดหมู่และไฟล์เก็บถาวร - category.php และ archive.php;
• หน้าค้นหา - search.php

อย่างไรก็ตามในบางเทมเพลตเอาต์พุตของหน้าหมวดหมู่และไฟล์เก็บถาวรสามารถทำได้ในไฟล์เดียว ไฟล์ archive.php ของฉันมีหน้าที่รับผิดชอบในเรื่องนี้

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

ตามกฎแล้วการนำทางมาตรฐานในรูปแบบก่อนหน้าและถัดไป ลิงค์จะแสดงโดยใช้รหัสที่คล้ายกัน

< div class = "nav-previous" > ← โพสต์เก่ากว่า", "ยี่สิบ" ) ) ; -< / div > < div class = "nav-next" > “กระทู้ใหม่. →" , "ยี่สิบ" ) ) ; -< / div >

รหัสนี้อาจแตกต่างกันสำหรับทุกคน แต่เนื้อหาหลักจะเหมือนกัน คุณจะต้องค้นหาโค้ดที่ประกอบด้วยโค้ดชื่อ next_posts_link และ Previous_posts_link

เมื่อคุณพบเนื้อหาดังกล่าว คุณสามารถลบเนื้อหานี้ออกจากไฟล์และคัดลอกเนื้อหาดังกล่าวไปแทนที่ได้ รหัสที่จำเป็นซึ่งแสดงการนำทางแบบแบ่งหน้า

ดังนั้น คุณจะต้องแทนที่การนำทางมาตรฐานด้วยการนำทางทีละหน้าในไฟล์ทั้งหมดที่แสดงประกาศ ฉันให้ชื่อไฟล์ข้างต้น

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

/* NAVIGATION */.navigation ( float: left; width: auto; margin-left: 216px; margin-top: -2px; font-size: 16px; ) .navigation > a ( float: left; width: 32px; font - น้ำหนัก: 700; text-align: center; ความสูง: 34px; พื้นหลัง: url ("images/bow_left.png") ไม่ทำซ้ำ; ขอบซ้าย: 0; ) .navigation > .next (float: left; width: 34px; height: 34px; พื้นหลัง: url(" image/bow_right.png") ไม่ทำซ้ำ; ขอบซ้าย: 14px; .navigation > .dots ( float: left; ขนาดตัวอักษร: 14px; น้ำหนักแบบอักษร: 700; ความกว้าง: 32px; การจัดตำแหน่งข้อความ: กึ่งกลาง; สี : #c4c8cc; ช่องว่างด้านบน: 7px)

/* การนำทาง */ การนำทาง ( ลอย: ซ้าย; ความกว้าง: อัตโนมัติ; ขอบซ้าย : 216px ; ขอบด้านบน : -2px ; ขนาดตัวอักษร: 16px; การนำทาง > ก ( ลอย: ซ้าย; ความกว้าง: 32px; น้ำหนักตัวอักษร: 700; การจัดแนวข้อความ: กึ่งกลาง; สี : #637b93 ; การตกแต่งข้อความ: ไม่มี; ขอบซ้าย : 1px ; ช่องว่างด้านบน: 7px; การนำทาง > .current ( ลอย: ซ้าย; น้ำหนักตัวอักษร: 700; ความกว้าง: 29px; การจัดแนวข้อความ: กึ่งกลาง; สี : #c4c8cc ; ขอบซ้าย : 5px ; ช่องว่างด้านบน: 7px; การนำทาง > .prev ( ลอย: ซ้าย; ความกว้าง: 32px; ความสูง: 34px; พื้นหลัง : url ( "images/bow_left.png" ) ไม่ทำซ้ำ ; ขอบซ้าย : 0 ; การนำทาง > .ถัดไป ( ลอย: ซ้าย; ความกว้าง: 34px; ความสูง: 34px; พื้นหลัง : url ( "images/bow_right.png" ) ไม่ทำซ้ำ ; ขอบซ้าย : 14px ; การนำทาง > .จุด ( ลอย: ซ้าย; ขนาดตัวอักษร: 14px; น้ำหนักตัวอักษร: 700; ความกว้าง: 32px; การจัดแนวข้อความ: กึ่งกลาง; สี : #c4c8cc ; ช่องว่างด้านบน: 7px;

นอกจากนี้คุณยังต้องอัปโหลดรูปภาพของลูกศรเคลื่อนที่ไปข้างหน้าและข้างหลังไปยังโฮสติ้งของคุณในโฟลเดอร์รูปภาพของเทมเพลตการออกแบบ - หากต้องการดาวน์โหลดคุณสามารถใช้มาตรฐานได้ ตัวจัดการไฟล์ผู้ให้บริการโฮสติ้ง ฉัน.

เมื่อเราใส่โค้ดลงในไฟล์ function.php แล้ว ในไฟล์ทั้งหมดที่แสดงหน้าพร้อมประกาศและมีสไตล์การเขียน เราสามารถตรวจสอบการทำงานของการนำทางได้ ทุกอย่างใช้ได้ผลสำหรับฉันและ แม่แบบมาตรฐานดูเหมือนว่านี้:

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

ปลั๊กอิน WP-PageNavi

ในการเริ่มต้น ให้ดาวน์โหลดปลั๊กอินจาก หน้าอย่างเป็นทางการและติดตั้งบนเว็บไซต์

หลังจากติดตั้งปลั๊กอินแล้ว คุณจะต้องวางโค้ดที่จะแสดงการนำทางที่ด้านล่างของหน้าด้วย

ตอนนี้ปลั๊กอินจะทำงานและหมายเลขหน้าจะมีการออกแบบดังต่อไปนี้

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

เกี่ยวกับรายการการตั้งค่าแรก "เทมเพลตรายการเพจ" คุณไม่จำเป็นต้องเปลี่ยนแปลงอะไรเลย เรามีความพึงพอใจ เราย้ายไปที่รายการ "การตั้งค่ารายการเพจ"

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

• ใช้สไตล์ - หากเราตั้งค่าเป็น "ไม่" สไตล์ปลั๊กอินจะถูกลบออกและหมายเลขหน้าจะไม่ถูกจัดรูปแบบ

• สไตล์รายการหน้า - นอกเหนือจากรายการหมายเลขหน้าตามปกติแล้ว เรายังเลือกตัวเลือกรายการแบบเลื่อนลงได้

• แสดงรายการเสมอ การตั้งค่าหน้าเราไม่เปิดมัน คุณต้องการให้รายการแสดงเฉพาะเมื่อจำเป็นเท่านั้น
• จำนวนหน้าที่จะแสดง - รับผิดชอบจำนวนหน้าที่แสดงที่จุดเริ่มต้นของรายการ ตามค่าเริ่มต้น ค่าคือ 5 และในภาพหน้าจอด้านบน คุณจะเห็นว่ามีการแสดงหน้าเว็บ 5 หน้าพอดี
• ช่วงของหน้าที่จะแสดง - หากไซต์ของคุณมีหน้าเว็บจำนวนมาก ฟังก์ชันนี้จะมีประโยชน์อย่างยิ่ง มันจะส่งออกหมายเลขหน้าหลังรายการหลักที่มีค่า 10, 20, 30, 40 เป็นต้น ช่วงเวลาระหว่างค่าเหล่านี้จะถูกกำหนดโดยพารามิเตอร์ต่อไปนี้
• ค่าสัมประสิทธิ์สำหรับช่วงหน้า - หากคุณตั้งค่าเป็น 5 ช่วงหน้าจะมีลักษณะดังนี้ - 10, 15, 20, 25 เป็นต้น ถ้า 10 ก็ 10, 20, 30, 40 และอื่นๆ ค่า 10 ก็เพียงพอแล้ว

นี่คือการตั้งค่าทั้งหมดที่คุณต้องปรับให้เหมาะกับความต้องการของคุณ ที่นี่ทุกคนจะควบคุมตัวเอง

ตัวเลือกที่ง่ายที่สุดคือการติดตั้งปลั๊กอินเพิ่มเติมซึ่งมีสไตล์ที่เตรียมไว้ล่วงหน้า และยังทำให้สามารถกำหนดค่าแต่ละพารามิเตอร์แยกกันได้ มันเรียกว่าปลั๊กอิน

หลังจากติดตั้งเข้าไปแล้ว แผงผู้ดูแลระบบ WordPressมีรายการใหม่ปรากฏขึ้น

หลังจากเปลี่ยนมาใช้แล้ว เราสามารถเลือกช่องว่างการออกแบบที่มีอยู่ได้ทันที

หากเราต้องการปรับแต่งสไตล์ทีละรายการในรายการแรกของการตั้งค่า "เลือกสไตล์ชีต" ให้เลือกตัวเลือก "กำหนดเอง" และกำหนดค่าพารามิเตอร์ขององค์ประกอบทั้งหมด (เส้นขอบและสี สีและขนาดแบบอักษร สีของลิงก์เมื่อ การเลื่อนเคอร์เซอร์ของเมาส์ เป็นต้น)

ฉันจะแปลพารามิเตอร์ทั้งหมดให้คุณ

• สีหัวเรื่อง - สีข้อความ "หน้า 3 จาก 45";
• สีพื้นหลัง - สีพื้นหลัง;
• สีพื้นหลังที่ใช้งานอยู่/ปัจจุบัน - สีพื้นหลัง หมายเลขที่ใช้งานอยู่หน้า;
• ขนาดตัวอักษร - ขนาดตัวอักษร;
• สีของลิงค์ - สีของลิงค์;
• Link Mouse Hover/ Active Hover - สีของลิงค์เมื่อคุณวางเมาส์เหนือตัวเลขและเมื่อตัวเลขนั้นทำงานอยู่
• ลิงค์ สีขอบ- สีขอบ;
• ลิงก์เส้นขอบของเมาส์โฮเวอร์/สีที่ใช้งานอยู่ - สีของเส้นขอบเมื่อวางเคอร์เซอร์ของเมาส์และเมื่อตัวเลขทำงานอยู่
• Align Navigation - ตำแหน่งการนำทาง (ซ้าย, ขวา, กลาง)

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

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

ตัวเลือกที่สองดำเนินการโดยการแก้ไขไฟล์สไตล์ซึ่งอยู่ในโฟลเดอร์ที่มีปลั๊กอิน Wp-pagenavi บนโฮสติ้ง - pagenavi-css.css

ไฟล์นี้จะถูกรวมไว้เมื่อมีการเปิดใช้งานการตั้งค่า "ใช้สไตล์ pagenavi-css.css" ในการตั้งค่าปลั๊กอิน ดังนั้นหากเราแก้ไขมันหลังจากอัปเดตปลั๊กอินแล้ว สไตล์ทั้งหมดจะถูกแทนที่ด้วยสไตล์มาตรฐาน เพื่อทดแทนทุกครั้ง ไฟล์นี้และโดยไม่ต้องเขียนสไตล์ใหม่ ฉันแนะนำให้ทำสิ่งต่อไปนี้:

1. แก้ไขสไตล์ในไฟล์นี้เป็นของคุณเอง โดยเพิ่ม การออกแบบที่จำเป็นการนำทางหน้า;
2. ปิดการใช้งานการตั้งค่า "ใช้สไตล์ pagenavi-css.css"
3. วางสไตล์เหล่านี้ไว้ในไฟล์สไตล์หลักของเทมเพลตการออกแบบ style.css

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

ดังนั้นเพื่อนๆ วัสดุจะออกมาดีมากสำหรับฉัน คุณคิดอย่างไรเกี่ยวกับเรื่องนี้? หวังว่าคุณจะทำเสร็จแล้ว หากมีบางอย่างไม่ได้ผล ฉันจะพยายามช่วยแสดงความคิดเห็น เขียนเลยไม่ต้องกลัว! ครั้งหนึ่งฉันเคยทนทุกข์ทรมานมากมายและฉันก็คิดออก

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

ขอแสดงความนับถือ Konstantin Khmelev!

จะมีคุณลักษณะใหม่หลายประการที่ทำให้การนำทางธีมง่ายขึ้น: คุณลักษณะ_post_navigation, the_posts_navigation และ the_posts_pagination pagination

สำหรับการนำทางการแบ่งหน้า ธีม WordPress จำนวนมากใช้การรองรับปลั๊กอิน เช่น และเริ่มต้นด้วยธีม Twenty Fourteen ผู้เขียนบางคนได้ติดตามผู้นำของธีมมาตรฐานและดำเนินการแบ่งหน้าโดยใช้ฟังก์ชันหลัก paginate_links ในตัว

การใช้ฟังก์ชันนี้มักต้องใช้และบางครั้งก็รวมตรรกะเพื่อจัดการกับลิงก์ถาวรของโมดูล WP_Rewrite ข้อมูลแบบสอบถาม WP_Query และอื่นๆ เริ่มต้นด้วย WordPress เวอร์ชัน 4.1 นักพัฒนาหลักได้รวมตรรกะนี้ไว้ในฟังก์ชันง่ายๆ เพียงหนึ่งเดียว

the_posts_pagination()

The_posts_pagination() ฟังก์ชั่นแทรกบล็อกการแบ่งหน้าลงในธีม WordPress:

ฟังก์ชัน_posts_pagination() รับอาร์เรย์เป็นพารามิเตอร์เดียว ซึ่งจะถูกส่งผ่านไปยังฟังก์ชัน paginate_links() ซึ่งหมายความว่าฟังก์ชันทั้งหมดที่เราดำเนินการก่อนหน้านี้โดยใช้ paginate_links() สามารถนำไปใช้งานได้อย่างง่ายดายโดยใช้ฟังก์ชันใหม่ที่เรียบง่าย the_posts_pagination()

ตัวอย่างเช่น คุณสามารถเพิ่มสัญลักษณ์ # หน้าหมายเลขหน้าแต่ละหมายเลขได้:

The_posts_pagination(array("before_page_number" => "ไม่",));

ตามค่าเริ่มต้น the_posts_pagination() จะแสดงหน้าแรกและหน้าสุดท้าย รวมถึงหนึ่งหน้ารอบๆ หน้าปัจจุบัน ส่วนอื่นๆ ทั้งหมดจะถูกแทนที่ด้วยจุดไข่ปลา พฤติกรรมนี้สามารถเปลี่ยนแปลงได้โดยใช้อาร์กิวเมนต์:

• show_all - แสดงทุกหน้า
• end_size — จำนวนหน้าที่เริ่มต้นและสิ้นสุดรายการ
• mid_size - จำนวนหน้าทางซ้ายและขวาของ หน้าปัจจุบัน

ตัวอย่างเช่น:

The_posts_pagination(array("end_size" => 2, "mid_size" => 2,));

รหัสนี้จะแสดงอันแรกอันที่สองอันสุดท้ายและ หน้าสุดท้ายโดยไม่คำนึงถึงปัจจุบัน และรอบหน้าปัจจุบันจะมีหน้าละสองหน้า การใช้ธีมตัวอย่างจะมีลักษณะดังนี้:

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

the_posts_navigation

ฟังก์ชัน_posts_navigation() เป็นทางเลือกที่น่าสนใจน้อยกว่าฟังก์ชัน_posts_pagination() จะแสดงเฉพาะลิงก์ไปยังหน้าถัดไปและก่อนหน้าที่เกี่ยวข้องกับหน้าปัจจุบัน

ก่อน WordPress 4.1 สามารถรับลิงก์เหล่านี้ได้โดยใช้ฟังก์ชัน get_next_posts_link() และ get_previous_posts_link() ซึ่งผู้เขียนธีม WordPress ส่วนใหญ่ใช้ในปัจจุบัน ตั้งแต่เวอร์ชัน 4.1 เป็นต้นไป ผู้เขียนสามารถลดความซับซ้อนในการแสดงลิงก์ดังกล่าวได้อย่างมาก:

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

the_post_navigation

สามารถใช้ฟังก์ชัน_post_navigation() ในเทมเพลตโพสต์เดียวได้ ฟังก์ชั่นนี้แสดงลิงก์ไปยังรายการถัดไปและก่อนหน้าที่เกี่ยวข้องกับรายการปัจจุบัน นอกจากนี้ยังใช้งานได้ดีสำหรับใช้ในเทมเพลตไฟล์แนบอีกด้วย

อาร์กิวเมนต์ prev_text และ next_text สามารถใช้เพื่อเปลี่ยนข้อความ โดยที่บรรทัด %title สามารถใช้เพื่อแทรกชื่อเรื่องของบทความถัดไปหรือก่อนหน้า:

The_post_navigation(array("next_text" => " รายการถัดไป: %title", "prev_text" => "รายการก่อนหน้า: %title",));

บทสรุป

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

ควรสังเกตว่าทั้งสามฟังก์ชันแสดงผลบนหน้าจอทันที หากคุณต้องการเขียนผลลัพธ์ให้กับตัวแปร คุณสามารถทำได้โดยการเพิ่มคำนำหน้า get_ ให้กับตัวแปรใดๆ เช่น get_the_posts_pagination()

เราขอเตือนคุณว่า WordPress เวอร์ชัน 4.1 จะเปิดตัวในเดือนธันวาคม 2014 พร้อมด้วยเวอร์ชันใหม่ ธีมมาตรฐานยี่สิบห้า.

ในบทความนี้ ฉันต้องการแสดงวิธีเพิ่มการแบ่งหน้าตัวเลขใน WordPress ให้กับบล็อกของคุณโดยไม่ต้องใช้ปลั๊กอิน การแบ่งหน้าตัวเลขที่ฉันจะใช้จะใช้บนไซต์นี้ (ถ้าคุณไปที่ส่วนบล็อกและเลื่อนไปที่ด้านล่างสุดคุณจะเข้าใจสิ่งที่ฉันกำลังพูดถึง หมายเหตุของผู้แปล - มีการใช้การใช้งานแบบเดียวกันโดยประมาณในบล็อกนี้ ผ่านปลั๊กอินเท่านั้น) ฉันเขียนโพสต์นี้เพราะฉันเชื่อว่าผู้คนมักจะประสบปัญหาในการเพิ่มการแบ่งหน้าให้กับไซต์ที่มีอยู่ ฉันมักจะเจอกระทู้ในฟอรัม WordPress.org ที่ผู้ใช้ถามคำถามที่คล้ายกัน: “ฉันจะเพิ่มการแบ่งหน้าในหน้าบล็อกของฉันได้อย่างไร”, “ฉันจะเพิ่มตัวเลขเหล่านั้นที่ด้านล่างสุดของหน้าได้อย่างไร เพื่อให้ผู้ใช้สามารถนำทางผ่านโพสต์ต่างๆ ?” หรือ “ฉันจะแบ่งบล็อกออกเป็นหลายๆ หน้าได้อย่างไร” ดูเหมือนว่าผู้ใช้ส่วนใหญ่เลือกการแบ่งหน้าเป็นตัวเลขใน WordPress แทนที่จะใช้การนำทาง ลิงค์มาตรฐาน“หน้าก่อน” และ “หน้าถัดไป” ซึ่งจริงๆ แล้วไม่ได้บอกว่าผู้ใช้อยู่ที่ไหนในขณะนี้

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

การตั้งค่าพื้นฐาน: WP_Query แบบกำหนดเอง

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

6, "เพจ" => $เพจ); $custom_query = WP_Query ใหม่($args); ในขณะที่($custom_query->have_posts()) : $custom_query->the_post(); -