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

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

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

เมื่อใช้โอกาสนี้ ฉันอยากจะนำเสนอเอกสารหลายอย่างที่แนะนำวิธีการเพิ่มประสิทธิภาพบล็อก WP หรือเว็บไซต์ในด้านต่างๆ โดยไม่ต้องใช้ส่วนขยาย:

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

แผนผังเว็บไซต์อย่างง่ายในรูปแบบ HTML

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

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

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

หลังจากที่คุณเข้าถึงเซิร์ฟเวอร์ระยะไกลที่เว็บไซต์ "ใช้งานได้" แล้ว ให้ใช้เครื่องมือแก้ไข Notepad++ เพื่อเปิดไฟล์ page.php ของธีมของคุณ (เทมเพลตนี้มักจะรับผิดชอบในการแสดงหน้าบล็อก WordPress แบบคงที่มาตรฐาน) หากโฮสติ้งของคุณมีเพียงไซต์เดียว ไฟล์นี้มักจะสามารถพบได้ตามเส้นทาง:

“public_html” - “ชื่อโดเมน” - “wp-content” - “ธีม” - “ชื่อธีม” - “page.php”

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

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

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

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

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

ลองดูตัวอย่างของเราด้านล่าง เราจะทิ้งบรรทัดเหล่านั้นซึ่งกำหนดมาร์กอัป HTML หลักของหน้าไว้ และจะเปลี่ยนเฉพาะเนื้อหาที่อยู่ระหว่างแท็กบทความเปิดและปิด (บรรทัดที่ 16 - 19) ก่อนอื่น ให้ความสนใจกับจุดเริ่มต้น (16) และจุดสิ้นสุด (19) ของลูป ซึ่งเป็นตัวกำหนดประเภทของเนื้อหาที่จะส่งออก

เราจะไม่ลบมัน เนื่องจากฟังก์ชันแบบวนรอบยังทำงานเพื่อแสดงลิงก์ไปยังวัสดุที่เราต้องการด้วย ในกรณีนี้ มีสองบรรทัดภายในลูป (17 และ 18):

เราลบฟังก์ชันสำหรับการแสดงความคิดเห็น (“comments_template”) ทันที เนื่องจากนี่เป็นเนื้อหาที่ไม่จำเป็นสำหรับแผนที่ แต่สำหรับบรรทัดที่ 17 (“get_template_part”) จำเป็นต้องอธิบายเพื่อให้ทุกอย่างชัดเจน ความจริงก็คือในธีม WordPress สมัยใหม่หลาย ๆ เว็บเพจต่าง ๆ รวมถึงแบบคงที่สามารถสร้างขึ้นได้โดยใช้เทมเพลตหลายแบบ

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

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

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

">

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

สไตล์การแสดงลิงก์จะถูกใช้ตามคุณสมบัติที่ระบุไว้สำหรับตัวเลือก ul และ li ของธีมปัจจุบันของคุณในไฟล์ style.css หากคุณไม่พอใจกับมุมมองนี้ด้วยเหตุผลบางประการ คุณสามารถรวมเนื้อหาทั้งหมดไว้ในนั้นและกำหนดคลาสบางส่วนสำหรับเนื้อหานั้นได้ เช่น class="html_sitemap":

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

ตอนนี้เราพร้อมแล้ว เทมเพลตแผนผังเว็บไซต์อย่างง่ายสำหรับผู้เยี่ยมชม:

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

ถัดไปจากเมนูแบบเลื่อนลง "เทมเพลต" ให้เลือกตัวเลือกที่ต้องการ (ในตัวอย่างของเรา "แผนที่") ตอนนี้ ไฟล์ map.phpเชื่อมโยงกับเพจและ WordPress จะรู้ว่าเทมเพลตใดที่จะเข้าถึงเพื่อแสดงผลในเบราว์เซอร์:

แค่นั้นแหละ. ในกรณีที่ฉันให้ชุดคุณสมบัติ CSS สำหรับแผนผังไซต์บางทีมันอาจจะเหมาะสม:

Html_sitemap H1 (font-size:20px; margin-bottom:25px) .html_sitemap ul (list-style-type: วงกลม; line-height: 1.5) .html_sitemap li a:hover (สี:#fea02d) .html_sitemap li a ( สี: #984802; ตัวอักษร-น้ำหนัก: ตัวหนา; ตกแต่งข้อความ: ไม่มี)

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

วิธีสร้างแผนผังเว็บไซต์ HTML ที่สมบูรณ์สำหรับ WordPress

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

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

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

เพื่อให้บรรลุความเป็นไปได้ในการปรับแต่งอย่างละเอียดยิ่งขึ้น เราใช้ไฟล์ดังกล่าวเพื่อวัตถุประสงค์ของเรา function.php(ฉันขอเตือนคุณว่ามันอยู่ในไดเร็กทอรีรูทของธีมของคุณ) ซึ่งช่วยให้คุณสามารถใช้งานที่ไม่สำคัญที่สุดได้ หากต้องการทำสิ่งนี้ ให้เชื่อมต่อกับเซิร์ฟเวอร์โดยใช้โปรแกรม Filezilla เดียวกับที่ฉันพูดถึงก่อนหน้าในบทความนี้:

ขั้นแรก เรามาเปิดมันในตัวแก้ไข NotePad plus plus เดียวกัน (เพื่อจุดประสงค์นี้ ให้เลื่อนเคอร์เซอร์ไปที่ function.php คลิกขวาเพื่อเปิดเมนูบริบทขึ้นมา และเลือก "ดู/แก้ไข" จากนั้น) จากนั้น ให้แทรกส่วนต่อไปนี้ลงไป:

ฟังก์ชัน sp_html_sitemap() ( $category = true; // true - แสดงบล็อกที่มีการโพสต์, false - ไม่มี $categoryExclude = ""; // ID ของหมวดหมู่ที่คั่นด้วยเครื่องหมายจุลภาคที่ควรยกเว้น $categoryEmpty = true; // true - ไม่แสดงหมวดหมู่ว่าง false - แสดง $page = false; // true - แสดงบล็อกที่มีหน้า false - ไม่มี $pageExclude = ""; // ID ของเพจที่จะยกเว้น $author = false; - แสดงบล็อกโดยผู้เขียน เท็จ - ไม่มี $authorExcludeAdmin = เท็จ; // จริง - ไม่รวมผู้ใช้ที่มีการเข้าสู่ระบบผู้ดูแลระบบ เท็จ - ไม่มี $result = "

ข้อดีของแผนผังเว็บไซต์ HTML ที่นำมาใช้ด้วยความช่วยเหลือของไฟล์ function.php ที่ยอดเยี่ยมก็คือ เราได้รับตัวเลือกที่ยืดหยุ่น ความยืดหยุ่นของมันอยู่ที่ว่าคุณสามารถปรับแต่งทุกอย่างได้ตามที่คุณต้องการในอนาคต บรรทัดบนสุดช่วยให้คุณสามารถทำการเปลี่ยนแปลงที่จำเป็นได้แม้ว่าจะไม่มีความรู้พื้นฐานเกี่ยวกับภาษา PHP (ความคิดเห็นที่เน้นด้วยสีเขียวในความคิดของฉันนั้นค่อนข้างให้ข้อมูลและจะบอกคุณว่าควรระบุอะไรและอย่างไรในกรณีที่กำหนด)

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

$categoryExclude = ""; $pageExclude = "2794, 4366, 12910";

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

เรารวมมันไว้กับส่วนหัวในคอนเทนเนอร์ div พร้อมด้วยคลาสเพื่อปรับแต่งสไตล์ และด้วยเหตุนี้ เราจึงได้โค้ดต่อไปนี้:

คุณยังสามารถใช้ตัวอย่างสไตล์ CSS สำหรับแผนที่แบบเต็มได้:

Smap h1 (font-size:20px; margin-bottom:25px) .html_sitemap ul li(list-style-type:circle; margin-left:25px; line-height:1.3; margin-bottom:5px) .html_sitemap li ul (margin:10px 0 20px 10px) .html_sitemap li a(color:#984802; font-weight:bold) .html_sitemap li ul a(font-weight:normal) .html_sitemap li a:hover(color:#fea02d)

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

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

บทความเพิ่มเติมในหัวข้อนี้:

73 รีวิว

1. ออลก้า

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

2. อเล็กซี่

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

3. ซานย่า

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

4. อิกอร์

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

5. อิกอร์

   โอเค อเล็กเซย์ ถามคำถามหากมีบางอย่างไม่ชัดเจน

6. อิกอร์

   ขอบคุณ Sanya สำหรับความคิดเห็นคุณภาพที่คุณมอบให้กับบล็อก Goldbusinessnet ฉันดีใจมากที่คุณพบสิ่งที่คุณกำลังมองหาอย่างแน่นอน พูดตามตรง นี่เป็นการเพิ่มแรงผลักดันให้ดำเนินต่อไปในทิศทางที่เลือก

7. โหระพา

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

8. ยูริ

   บทความนี้มีประโยชน์และจำเป็น! ฉันแค่กำจัดปลั๊กอินที่ไม่จำเป็นออกไป ตอนนี้ฉันรู้วิธีกำจัดปลั๊กอินอื่นแล้ว

9. ออลก้า

   ใช่ น่าสนใจมาก
   ฉันมี Dagon Design Sitemap Generator ที่ทำงานอยู่ในขณะนี้ มันใช้งานได้ดี (ไม่เหมือนกับปลั๊กอินบางตัว) แต่ฉันค่อยๆ แทนที่ด้วยโค้ดในเทมเพลต
   แน่นอนว่ามันน่ากลัวที่คนจรจัดกับรหัส มันใช้งานไม่ได้ในครั้งแรก บ่อยครั้งที่บล็อกล้มเหลว แต่เราต้อง ความเร็วในการโหลดบล็อกเป็นตัวบ่งชี้ลำดับความสำคัญ

10. อิกอร์

    ฉันเขียน Vasily โดยละเอียดเกี่ยวกับตัวอย่างการสร้างหน้าเว็บสำหรับการค้นหาที่กำหนดเองของ Google

11. อิกอร์

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

12. รูสัน

    สวัสดีอิกอร์ ตามที่ฉันเข้าใจ นี่ไม่ใช่ sitemap.xml มีตัวเลือกในการสร้าง map.xml โดยไม่ต้องใช้ปลั๊กอินหรือไม่
    ซีจีเอฟซีบี เจ

13. อิกอร์

    ไม่ รูสัน นี่เป็นการ์ดธรรมดา เวอร์ชัน xml นั้นซับซ้อนกว่า ฉันยังไม่ได้โพสต์เพราะฉันยังใช้ปลั๊กอินอยู่

14. รูสัน

    โอเค ขอบคุณอิกอร์

15. สวาร์แกน

    สวัสดีอิกอร์! เราไม่ได้คุยกันมาสักระยะแล้ว แถบด้านข้างของฉันกำลังเลื่อนลงมา อาจมีบางอย่างผิดปกติกับ div เป็นไปได้ไหมที่จะแก้ไขปัญหานี้?
    ด้วยรังสียูวี มิทรี

16. สวาร์แกน

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

17. อิกอร์

    สวัสดีคุณสวาร์แกน ดีใจที่ได้คุยกันอีกครั้ง แน่นอนว่า All in One Seo Pack สามารถถูกแทนที่ด้วยโค้ดตามหลักการแล้วคือปลั๊กอินทั้งหมด แต่สำหรับ SEO เท่านั้น มันมีฟังก์ชั่นมากมาย ฉันปฏิบัติตามกฎค่าเฉลี่ยทองในเรื่องนี้ โดยใช้เฉพาะปลั๊กอินที่ไม่รับภาระมากในด้านหนึ่ง และใช้ตัวเลือกมากมายในอีกด้านหนึ่ง แม้ว่าทำไมไม่ทดสอบ แต่เราเว็บมาสเตอร์ก็ต้องทำเช่นนี้ตลอดเวลา

18. สวาร์แกน

    ฉันยังใช้ปลั๊กอิน platunum seo pack ด้วย มันมีประโยชน์มากกว่า seo ทั้งหมดเล็กน้อย มันไม่ใช่สำหรับทุกคนอย่างที่พวกเขาพูด ฉันยังต้องการบรรจุหมวดหมู่และแท็กทั้งหมดด้วยเมตาแท็ก (ชื่อ คำอธิบาย และคีย์) ฉันจะทำการทดสอบด้วย มันน่าสนใจว่าการกระจายในเครื่องมือค้นหาจะเป็นอย่างไรสำหรับ tchotchkes ดังกล่าว อิกอร์ยินดีพูดคุยเสมอ แล้วพบกันใหม่

19. อิกอร์

    ฉันมีแพลตตินัมด้วย แต่ไม่ได้อัปเดตมาเป็นเวลานาน ดังนั้นฉันจึงเปลี่ยนมาใช้ All in One

20. สวาร์แกน

    ฉันมีคำถามอีกหนึ่งข้อ อิกอร์ คุณรู้ไหมว่าสามารถเปลี่ยนปลั๊กอิน Ozh" Better Feed เป็นโค้ดได้หรือไม่

21. อิกอร์

    พูดตามตรงฉันไม่เคยได้ยินเกี่ยวกับปลั๊กอินดังกล่าวมาก่อน

22. สวาร์แกน

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

23. อิกอร์

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

24. อเล็กซานเดอร์

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

25. อเล็กซานเดอร์

    คิดออกแล้ว :) ฉันวางโค้ดของคุณจากบรรทัด 1-5 และ 11-50 (จากภาพหน้าจอสุดท้าย) ลงในคอนเทนเนอร์ที่แสดงเนื้อหาในธีมของฉัน เท่านี้ก็เรียบร้อย :)

26. อิกอร์

    อเล็กซานเดอร์ นั่นหมายความว่าทุกอย่างเรียบร้อยดี และคุณไม่ต้องการความช่วยเหลือจากฉันใช่ไหม

27. อเล็กซานเดอร์

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

28. อิกอร์

    ก่อนอื่น Alexander เขียนกฎสไตล์เพิ่มเติมในไฟล์ style.css:

    การ์ด (list-style-type:none;)

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

    • อเล็กซานเดอร์

      ถูกตัอง! ขอบคุณสำหรับความช่วยเหลือ :)

    • แอนตัน

      ฉันยังตัดสินใจค่อย ๆ กำจัดปลั๊กอินออกและตัดสินใจว่าเครื่องมือสร้าง Sitemap จะเป็นอันดับแรกในรายการ ฉันจะลองวิธีนี้

    • โรมัน เรย์

      เกิดอะไรขึ้นถ้าไม่มี page.php? ธีมเอโนะ

    • อิกอร์

      โรมัน หากไม่มีไฟล์ page.php เทมเพลตถัดไปที่ WordPress จะเปลี่ยนไปใช้คือ index.php เทมเพลตนี้เป็นสิ่งที่ต้องมี สร้างตามเทมเพลตนั้น

    • โรมัน เรย์

      ฉันเห็นแล้ว ขอบคุณ เราจะทำงานผ่านดัชนี

    • โรมัน เรย์

      ว่าแต่ตอนนี้ใช้การ์ดอะไรอยู่ครับ? ขึ้นอยู่กับปลั๊กอินหรืออันที่นำเสนอในคำอธิบาย?

    • อิกอร์

      หนึ่งที่นำเสนอในคำอธิบาย

    • วิคเตอร์

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

    • อิกอร์

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

    • ฉัน
    • อิกอร์

      ไม่ ฉันเพิ่งใช้งานแผง Share42 แคชได้รับการอัปเดตแล้ว ตอนนี้ทุกอย่างน่าจะเรียบร้อยดี

    • อิกอร์

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

    • อิกอร์ กอร์นอฟ

      ชื่อเล่น ลองวิธีนี้ดูครับ ค้นหาบรรทัดในโค้ดแผนผังเว็บไซต์แบบเต็ม:

      เอคโค่"

    • "."\n"." หัวข้อ:".$cat->cat_name."""\n";

      .$cat->cat_name

      แปะ:

      cat_ID)"">".$cat->cat_name"

      ทั้งบรรทัดจะมีลักษณะดังนี้:

      เอคโค่"

    • "."\n"." หัวข้อ:"cat_ID).">".$cat->cat_name.""""\n";

    • อิกอร์
    • อิกอร์ กอร์นอฟ

      แปลก... อิกอร์คุณทำทุกอย่างถูกต้องแล้วหรือยัง? ชื่อหมวดหมู่แสดงถูกต้องหรือไม่?

    • อิกอร์

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

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

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

ฉันมักจะเจอกระทู้ในฟอรัม WordPress.org ที่ผู้ใช้ถามคำถามที่คล้ายกัน: “ ฉันจะเพิ่มการแบ่งหน้าในหน้าบล็อกของฉันได้อย่างไร», « ฉันจะเพิ่มตัวเลขเหล่านี้ที่ด้านล่างสุดของหน้าเพื่อให้ผู้ใช้สามารถเลื่อนดูโพสต์ได้อย่างไร" หรือ " ฉันจะแบ่งบล็อกออกเป็นหลายหน้าได้อย่างไร»

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

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

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

การตั้งค่าพื้นฐาน

แบบสอบถามที่กำหนดเอง WP_Query

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

$paged = (get_query_var("เพจ")) ? get_query_var("เพจ") : 1

$args = อาร์เรย์(
"posts_per_page" => 6,
"เพจ" => $เพจแล้ว
);

$custom_query = WP_Query ใหม่($args);

ในขณะที่($custom_query->have_posts()) :
$custom_query->the_post();
?>