วิธีแยกโพสต์และหมวดหมู่ออกจากหน้าแรกของ WordPress, ฟีด RSS, หมวดหมู่และที่เก็บถาวรโดยไม่ต้องใช้ปลั๊กอิน ข้อความคงที่บนหน้าหลักสำหรับการส่งเสริมการขาย
สวัสดีผู้อ่านที่รักของบล็อกไซต์ คุณอาจสังเกตเห็นว่าหน้าแรกอาจแตกต่างกันในบล็อกต่างๆ
ฉันไม่ได้หมายถึงการสร้างหน้าหลักแบบคงที่ (แม้ว่าฉันจะพูดถึงเรื่องนี้เพราะอาจมีบางคนสนใจ) แต่ฉันต้องการมุ่งเน้นไปที่การแสดงประกาศบทความใหม่ (รวมถึงในหมวดหมู่หรือคลังแท็ก)
ในหน้าหลัก (และในส่วนต่างๆ) ของบล็อก WordPress โพสต์ทั้งหมดสามารถแสดงได้ หรือส่วนเกริ่นนำก่อนแท็กเพิ่มเติม หรือประกาศสั้นๆ ที่มีภาพขนาดย่อของโพสต์ หรือแม้กระทั่งไม่มีภาพขนาดย่อเลย ท้ายที่สุดแล้ว คุณสามารถใช้เฉพาะส่วนหัวหรือการออกแบบมาตรฐานที่ใช้ในกลไกนี้ใหม่ทั้งหมดได้
ฉันจะไม่พูดถึงตัวเลือกการออกแบบใหม่ทั้งหมด แต่ฉันจะพยายามบอกคุณโดยละเอียดเกี่ยวกับความสามารถมาตรฐานที่ความสามารถนี้มอบให้เรา โดยหลักการแล้ว ฉันต้องเขียนเกี่ยวกับสิ่งที่ฉันกำลังจะพูดเป็นส่วนใหญ่อยู่แล้ว แต่ทั้งหมดนี้แยกเป็นสิ่งพิมพ์ ดังนั้นตอนนี้ฉันเองก็แทบจะจำไม่ได้แล้วว่าอยู่ที่ไหนและอยู่ที่ไหน (ฉันใช้เพื่อจุดประสงค์นี้) ฉันหวังว่ามันจะน่าสนใจ
มุมมองเริ่มต้นของหน้าแรกและหมวดหมู่ใน WordPressดังที่คุณคงทราบดีว่าหากคุณไม่ได้ดำเนินการพิเศษใด ๆ เมื่อเขียนโพสต์ใน WordPress เป็นไปได้มากว่าโพสต์นั้นจะปรากฏบนหน้าหลักโดยสมบูรณ์ และด้านล่างสุดจะเป็นโพสต์ก่อนหน้าที่คุณเผยแพร่ก่อนหน้านี้ ทำไมฉันถึงพูดว่า "เป็นไปได้มากที่สุด"? เนื่องจากการแสดงโพสต์บนหน้าหลักเป็นส่วนใหญ่ขึ้นอยู่กับและอาจแตกต่างกันรวมถึงโพสต์ที่แปลกใหม่ด้วย
แต่โดยส่วนใหญ่แล้วจะแสดงโพสต์บนหน้าหลักในไฟล์ index.php (นี่คือไฟล์เทมเพลตที่ใช้สร้างรูปลักษณ์ของหน้าหลักใน WordPress - ดูบทความเกี่ยวกับธีมตามลิงก์ด้านบน) การก่อสร้างเช่น:
ต้องขอบคุณที่บทความทั้งหมดจะปรากฏบนหน้าหลัก เว้นแต่คุณจะใช้บทความที่ยอดเยี่ยมซึ่งครั้งหนึ่งฉันเคยทุ่มเททั้งบทความให้ เมื่อดูบทความฉบับเต็มจะไม่ส่งผลต่อลักษณะที่ปรากฏ แต่อย่างใด แต่ในหน้าหลักจะไม่แสดงโพสต์ทั้งหมด แต่จะมีเพียงบางส่วนที่อยู่เหนือแท็ก More และแทนที่จะเป็น แท็กนั้นเอง คำจารึกเช่น "อ่านแบบเต็ม" จะปรากฏขึ้น
โดยส่วนตัวแล้วฉันเขียนบทความโดยไม่ต้องใช้โปรแกรมแก้ไขภาพและแท็กนี้ซึ่งแทรกลงในข้อความของบทความ (ระหว่างย่อหน้า) มีลักษณะดังนี้:
อย่างไรก็ตาม คุณสามารถเล่นและเขียนได้ เช่น:
ฉันคิดว่าสาระสำคัญนั้นชัดเจน - เราสร้างลิงก์ไปยังบทความจากหน้าหลักไม่ใช่แค่ "อ่านเพิ่มเติม" (เหมือนกันสำหรับบทความทั้งหมด) แต่เราเพิ่มคำหลักที่คุณต้องการขึ้นไปด้านบน ของเครื่องมือค้นหา ฉันจะไม่บอกว่าวิธีนี้มีประโยชน์ 100% แต่บล็อกเกอร์บางคน (รวมถึงตัวฉันเองด้วยด้วย) ก็ใช้วิธีนี้
ก่อนจะแยกออกเป็นหน้าต่างๆ จะถูกตั้งค่าในการตั้งค่า ในการทำเช่นนี้คุณจะต้องเข้าไปที่เมนูด้านซ้ายเลือก "การตั้งค่า" - "การอ่าน" และใส่จำนวนเนื้อหา (โพสต์) ที่ต้องการในช่อง "แสดงไม่เกินหน้าบล็อก"
ข้อเสียใดที่สามารถสังเกตได้จากการแสดงวัสดุประเภทนี้บนหน้าแรกของ WordPress? โดยทั่วไปมีหลายอย่าง:
มีวิธีแก้ไขปัญหาเนื้อหาที่ซ้ำกันเมื่อใช้ฟังก์ชัน the_content นี่คือแท็ก NOTEASER พิเศษ เขากำลังทำอะไรอยู่? เมื่อใช้งาน เฉพาะส่วนหนึ่งของบทความที่อยู่เหนือแท็ก "เพิ่มเติม" เท่านั้นที่จะแสดงบนหน้าหลัก และในหน้าโพสต์นั้นจะไม่มีการแสดงประกาศเลย (เฉพาะข้อความที่ตามหลัง "เพิ่มเติม") การออกแบบจะมีลักษณะดังนี้:
ดังนั้น ดูเหมือนว่าคุณจะเพิ่มความเป็นเอกลักษณ์ของข้อความในบล็อกของคุณ (กำจัดการซ้ำซ้อนบางส่วน) แต่มีข้อแม้อย่างหนึ่งที่มากกว่าข้อดีทั้งหมดของการใช้ NOTEASER เมื่อเข้าถึงหน้าโพสต์ที่ไม่ได้มาจากหน้าหลักหรือส่วนของบล็อกของคุณ แต่จากเครื่องมือค้นหาหรือผ่านลิงก์โดยตรง ผู้ใช้จะไม่เห็นส่วนเกริ่นนำเลยซึ่งอาจทำให้เขาสับสนและสับสนได้
การแสดงโพสต์ในหมวดหมู่ - the_excerpt แทน the_contentอย่างไรก็ตามในหมวดหมู่และที่เก็บแท็กก็มักจะใช้วิธีการแสดงผลแบบเดียวกัน เหล่านั้น. โพสต์เวอร์ชันเต็มจะแสดง (ตามลำดับจากมากไปน้อยของวันที่สร้าง) หรือแสดงส่วนที่ถูกตัดออกด้วยแท็กเพิ่มเติม
เหล่านั้น. ใช้ในเทมเพลตหมวดหมู่ (โดยปกติจะเป็นไฟล์เทมเพลต archive.php จากโฟลเดอร์ที่มีธีมที่คุณใช้) ฟังก์ชั่นเดียวกับการแสดงโพสต์ในหน้าหลัก:
คุณสามารถดูตัวอย่างผลลัพธ์ของโพสต์ดังกล่าวในหมวดหมู่ต่างๆ ได้ในบล็อกของ Mikhail Shakin แน่นอนว่าในตอนแรกทั้งหมดนี้ขึ้นอยู่กับธีมที่คุณใช้ แต่ทุกอย่างอยู่ในอำนาจของคุณ จะเพียงพอแล้วและการแสดงโพสต์ในหมวดหมู่จะมีประโยชน์มากขึ้นอย่างมากในขณะที่ระดับความซ้ำซ้อนของเนื้อหาในบล็อกของคุณจะลดลงอย่างมาก
นอกจากนี้ การตั้งค่านี้ง่ายมาก เพียงแทนที่โค้ดฟังก์ชัน the_content() ด้วย the_excerpt() ในไฟล์ archive.php:
ในกรณีนี้ เฉพาะชื่อเรื่องและคำแรกจำนวนเล็กน้อยในบทความเท่านั้นที่จะยังคงอยู่จากโพสต์ (โดยไม่ต้องจัดรูปแบบและลบรูปภาพ ไฮเปอร์ลิงก์ และมาร์กอัปอื่น ๆ ที่มีอยู่) ฉันจะจองทันทีว่าจำนวนคำ (หรืออักขระ) ในชื่อเรื่องตลอดจนจำนวนคำแรกที่แสดงในโพสต์นั้นสามารถจำกัดการใช้ได้ (ฉันจะอธิบายอย่างชัดเจนด้านล่าง)
จะทำให้การประกาศโพสต์ในหมวดหมู่ WordPress ไม่เหมือนใครได้อย่างไรจริงอยู่ เนื้อหาของการประกาศโพสต์เมื่อใช้ฟังก์ชัน the_excerpt() สามารถถูกแทนที่ด้วยเนื้อหาของฟิลด์ "ใบเสนอราคา" หากคุณกรอกไว้เมื่อเขียนบทความ (โดยปกติจะอยู่ใต้หน้าต่างป้อนข้อความทันที) . อย่างไรก็ตาม ตัวเลือกนี้ยังช่วยลดความซ้ำซ้อนของเนื้อหาด้วย แต่ฉันไม่ได้ฝึกฝนเพราะฉัน "ไม่ฝึกฝน" โดยทั่วไปแม่ขี้เกียจซ้ำซาก
หากคุณไม่เห็นพื้นที่ที่เรียกว่า “ใบเสนอราคา” ใต้หน้าต่างป้อนข้อความในแผงผู้ดูแลระบบ WordPress ให้ลบเว็บไซต์ของคุณและติดตั้งกลไกใหม่อีกครั้ง จากนั้นเขียนบทความทั้งหมดใหม่และเริ่มโปรโมตบทความเหล่านั้น จริงๆ แล้วที่ด้านบนสุดของแผงผู้ดูแลระบบทางด้านขวาคุณจะพบ "แท็บ" ที่เรียกว่า "การตั้งค่าหน้าจอ" เมื่อคลิกที่มัน คุณสามารถเปิดใช้งานแผงที่คุณต้องการ (หรือลบแผงที่ไม่จำเป็นออก) ได้อย่างง่ายดายเพียงทำเครื่องหมายหรือลบช่องทำเครื่องหมายที่ต้องการ
เราปรับแต่งลักษณะที่ปรากฏของโพสต์ในหมวดหมู่เมื่อแสดงโดยใช้ the_excerptดังนั้น หากคุณไม่กรอกข้อมูลในช่องใบเสนอราคาสำหรับแต่ละโพสต์ การใช้ the_excerpt() ใต้ชื่อจะเป็นค่าเริ่มต้น คุณไม่พอใจกับเรื่องนี้เหรอ? อย่างที่ผมได้กล่าวไว้ข้างต้น ทุกอย่างสามารถกำหนดค่าได้โดยใช้ function.php เพียงเปิดมันและเพิ่มบรรทัดใหม่สองสามบรรทัด:
โดยที่แทนที่จะใส่ 30 คุณสามารถใส่จำนวนคำที่คุณต้องการได้ ซึ่งแสดงอยู่บนหน้าหมวดหมู่ WordPress ใต้หัวข้อบทความ
หากชื่อบทความของคุณยาวเท่ากับของฉัน หมวดหมู่ต่างๆ ก็ใช้ได้ เมื่อต้องการทำเช่นนี้ แทนที่จะใช้ the_excerpt() ให้แทรก:
โดยที่แทนที่จะใส่ 7 คุณสามารถใส่จำนวนคำที่คุณต้องการในชื่อเรื่องของโพสต์ซึ่งจะแสดงในส่วนหัวของบล็อกของคุณ แต่เพื่อให้ทั้งหมดนี้ทำงานได้ คุณจะต้องเพิ่มฟังก์ชันต่อไปนี้ลงในไฟล์ function.php:
ฟังก์ชั่น do_excerpt($string, $word_limit) ( $words = explode(" ", $string, ($word_limit + 1)); if (count($words) > $word_limit) array_pop($words); echo implode(" ", $คำ)"; )
แทนที่จะใส่จุดไข่ปลาในบรรทัดสุดท้าย คุณสามารถใส่อย่างอื่นได้ แต่มีแนวโน้มว่าจะปล่อยไว้อย่างนั้นจะดีกว่า
จะแสดงเฉพาะชื่อโพสต์ในหน้าหลักหรือในหมวดหมู่ WordPress ได้อย่างไร?ทุกอย่างค่อนข้างง่ายที่นี่ การลบ archive.php ออกจากไฟล์เทมเพลตก็เพียงพอแล้ว (รับผิดชอบในการสร้างไฟล์เก็บถาวร (หมวดหมู่ แท็ก ฯลฯ ) แต่อาจไม่อยู่ในธีมของคุณ) หรือ index.php (รับผิดชอบในการสร้างหน้าบล็อกหลัก แต่ บ่อยครั้งและอื่นๆ ทั้งหมดที่ใช้ตัวดำเนินการแบบมีเงื่อนไข) ฟังก์ชัน the_excerpt หรือ the_content (ขึ้นอยู่กับว่ามีการใช้อะไรกันแน่)
ตัวอย่างเช่น โครงสร้างต่อไปนี้มีหน้าที่แสดงโพสต์ในหมวดหมู่:
และทุกอย่างได้ผล ดังนั้น หากคุณไม่มีปัญหากับภาพขนาดย่อ คุณสามารถลองแทนที่การแสดงโพสต์ตามปกติบนหน้าหลักหรือในหมวดหมู่ WordPress โดยใช้ the_excerpt ด้วยโครงสร้างนี้ที่เพิ่มภาพขนาดย่อให้กับโพสต์:
ตามค่าเริ่มต้น รูปขนาดย่อจะชิดขอบด้านซ้ายและข้อความจะล้อมรอบ มีเพียงฉันเท่านั้นที่เพิ่มภาพขนาดย่อเล็ก ๆ ให้กับไฟล์สไตล์ของฉัน style.css เพื่อให้มองเห็นสิ่งทั้งหมดได้ดีขึ้น หากต้องการทำสิ่งนี้ ก็เพียงพอที่จะเพิ่มเพียงบรรทัดเดียว:
Wp-โพสต์รูปภาพ (ช่องว่างภายใน: 3px 15px 5px 5px;)
อย่างไรก็ตาม ในหน้าหลัก ฉันยังคงแสดงผลลัพธ์ของโพสต์โดยใช้ the_content และแท็ก More และในหมวดหมู่ ฉันยังคงใช้ the_excerpt แบบ "เปลือย" แต่ถึงกระนั้น ฉันก็ยังใช้วิธีการที่อธิบายไว้ แต่ไม่ใช่ในหน้า “” ซึ่งเป็นเรื่องปกติสำหรับบล็อก
ฉันคิดว่ามันเจ๋งมาก
จะทำให้โฮมเพจถาวร (คงที่) ใน WordPress ได้อย่างไร?จริงๆ แล้วสองสามปีที่แล้วฉันก็ทำแบบนั้น จากนั้นในหน้าหลักของฉัน (ตามที่อยู่ - https://site) มีการแสดงบทความซึ่งขณะนี้อยู่ในหน้าข้อผิดพลาด 404 (ดูวิธีกำหนดค่า) ซึ่งคุณสามารถดูได้โดยเพียงเพิ่มอักขระบางตัวจากแป้นพิมพ์ลงใน URL ใด ๆ ของเว็บไซต์ของฉัน (ในแถบที่อยู่ เช่น นี่คือ https://site/404)
เหตุใดฉันจึงละทิ้งหน้าแรกแบบคงที่ ไม่รู้. ด้วยเหตุผลบางอย่าง โดยทั่วไปแล้วครั้งหนึ่งฉันตัดสินใจกลับไปใช้เวอร์ชันคลาสสิกแม้ว่าจะไม่มีข้อกำหนดเบื้องต้นพิเศษสำหรับสิ่งนี้ก็ตาม อย่างไรก็ตาม ให้ฉันอธิบายว่าทั้งหมดนี้นำไปใช้อย่างไร จริงๆ แล้ว เราจำเป็นต้องแก้ไขปัญหาสี่ประการ:
นั่นคือทั้งหมดที่ หลังจากนั้นให้ดูผลลัพธ์และปรับปรุงเนื้อหาของหน้าหลักถาวร (คงที่) ของบล็อกหากจำเป็น
คุณจัดเรียงการแสดงโพสต์ในหน้าหลักและในส่วนของบล็อกของคุณบน WordPress อย่างไร
ขอให้โชคดี! พบกันเร็ว ๆ นี้ในหน้าของเว็บไซต์บล็อก
คุณสามารถดูวิดีโอเพิ่มเติมได้โดยไปที่ ");">คุณอาจจะสนใจ
จะดาวน์โหลด WordPress ได้ที่ไหน - จากเว็บไซต์ทางการ wordpress.org เท่านั้น
ส่วนหัวของบทความ H1, H2, H3 ใน WordPress รวมถึงวิธีการแสดงหมวดหมู่ (the_content, the_excerpt และอื่น ๆ )
วิธีใน WordPress คุณสามารถแสดงโพสต์จากหมวดหมู่ที่มีรูปขนาดย่อ (สร้างไว้ในรูปขนาดย่อของโพสต์อัตโนมัติและ catch_that_image)
การตั้งค่าบล็อก WordPress ที่คุณควรทำทันทีหลังจากติดตั้ง เมนูด้านซ้ายในแผงผู้ดูแลระบบ WordPress หายไปหลังจากการอัพเดต
สวัสดีคุณ. Tag Cloud คือวิดเจ็ตที่ Blogger มอบให้ ซึ่งช่วยให้คุณจัดหมวดหมู่เนื้อหาตามแท็กเฉพาะได้ วิดเจ็ตป้ายกำกับทำให้บล็อกของคุณใช้งานง่ายโดยอนุญาตให้ผู้เยี่ยมชมไปยังเนื้อหาที่ต้องการได้อย่างง่ายดายโดยการเลือกหมวดหมู่/ป้ายกำกับ
ทางลัดอุปกรณ์มาตรฐานสำหรับบล็อกเกอร์นั้นดูเรียบง่ายในตัวเองและทำให้เหลือตัวเลือกที่น่าสนใจอีกมากมาย แต่เราสามารถปรับแต่งมันได้โดยใช้ CSS ไม่รู้วิธีก็ไม่ต้องกังวลก็ทำได้ง่ายๆ การใช้ CSS และเอฟเฟกต์การไล่ระดับสีแบบเคลื่อนไหวจะทำให้มันดูน่าสนใจและน่าดึงดูด มาเริ่มกันเลย:
ด้านล่างฉันจะแสดงตัวเลือกสำเร็จรูป 4 รายการในบล็อก ในความเป็นจริงด้วยการใช้โค้ดสำเร็จรูป คุณสามารถปรับสีตามความต้องการของคุณได้อย่างง่ายดาย
แต่ก่อนอื่น ฉันขอดึงความสนใจของคุณไปที่ความจริงที่ว่ารหัสที่นำเสนอทั้งหมดทำงานโดยเฉพาะสำหรับการแสดงทางลัดในรูปแบบของคลาวด์ แบบนี้
ตัวเลือกที่ 1 ปุ่มสีแดง
ขนาดฉลาก (
ตำแหน่ง:ญาติ;
การแปลงข้อความ: ตัวพิมพ์ใหญ่;
การตกแต่งข้อความ: ไม่มี;
ขนาดตัวอักษร:13px;
ตระกูลแบบอักษร: Open Sans;
สี:#fff!สำคัญ;
}
ขนาดฉลาก a (
สี:#fff!สำคัญ;
แบบอักษรน้ำหนัก: ตัวหนา;
การขยาย:8px 10px;
ระยะขอบ:0 6px 6px 0;
ลอย:ซ้าย;
จอแสดงผล:บล็อก;
-moz-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
-o-การเปลี่ยนแปลง: ทั้งหมด 0.4s;
-ms-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
การเปลี่ยนแปลง: ทั้งหมด 0.4 วินาที ;
ภาพพื้นหลัง: การไล่ระดับสีเชิงเส้น (#EE4343, #E07C7C); /* สีของปุ่ม */
ขนาดพื้นหลัง: อัตโนมัติ 200%;
/* ขนาดและสีของเส้นขอบด้านล่าง */
}
ขนาดป้ายกำกับ a:hover (
ตำแหน่งพื้นหลัง: 0 0;
}
ตัวเลือกที่ 2 ปุ่มสีเขียว
ขนาดฉลาก (
ตำแหน่ง:ญาติ;
การแปลงข้อความ: ตัวพิมพ์ใหญ่;
การตกแต่งข้อความ: ไม่มี;
ขนาดตัวอักษร:13px;
ตระกูลแบบอักษร: Open Sans;
สี:#fff!สำคัญ;
}
ขนาดฉลาก a (
สี:#fff!สำคัญ;
แบบอักษรน้ำหนัก: ตัวหนา;
การขยาย:8px 10px;
ระยะขอบ:0 6px 6px 0;
ลอย:ซ้าย;
จอแสดงผล:บล็อก;
-moz-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
-o-การเปลี่ยนแปลง: ทั้งหมด 0.4s;
-webkit-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
-ms-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
การเปลี่ยนแปลง: ทั้งหมด 0.4 วินาที ;
ภาพพื้นหลัง: การไล่ระดับสีเชิงเส้น (#00FF3B, #778C7C); /* สีของปุ่ม */
ขนาดพื้นหลัง: อัตโนมัติ 200%;
ตำแหน่งพื้นหลัง: 0 100%;
การเปลี่ยนแปลง: ตำแหน่งพื้นหลัง 0.5 วินาที; ขอบล่าง: 3px ทึบ #000000; -
) .label-size a:hover (
ตำแหน่งพื้นหลัง: 0 0;
}
ตัวเลือกที่ 3 ปุ่มสีดำ
ขนาดฉลาก (
ตำแหน่ง:ญาติ;
การแปลงข้อความ: ตัวพิมพ์ใหญ่;
การตกแต่งข้อความ: ไม่มี;
ขนาดตัวอักษร:13px;
ตระกูลแบบอักษร: Open Sans;
สี:#fff!สำคัญ;
}
ขนาดฉลาก a (
สี:#fff!สำคัญ;
แบบอักษรน้ำหนัก: ตัวหนา;
การขยาย:8px 10px;
ระยะขอบ:0 6px 6px 0;
ลอย:ซ้าย;
จอแสดงผล:บล็อก;
-moz-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
-o-การเปลี่ยนแปลง: ทั้งหมด 0.4s;
-webkit-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
-ms-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
การเปลี่ยนแปลง: ทั้งหมด 0.4 วินาที ;
ภาพพื้นหลัง: การไล่ระดับสีเชิงเส้น (#8A8C8B, #1A1D1B); /* สีของปุ่ม-->
ขนาดพื้นหลัง: อัตโนมัติ 200%;
ตำแหน่งพื้นหลัง: 0 100%;
การเปลี่ยนแปลง: ตำแหน่งพื้นหลัง 0.5 วินาที; ขอบล่าง: 3px ทึบ #000000; /* ความหนาและสีของขอบด้านล่าง */
}
ขนาดป้ายกำกับ a:hover (
ตำแหน่งพื้นหลัง: 0 0;
}
ตัวเลือกที่ 4 ตัวเลือกที่มีสีสัน
แถบด้านข้าง .label-size (
ตำแหน่ง:ญาติ;
การแปลงข้อความ: ตัวพิมพ์ใหญ่;
การตกแต่งข้อความ: ไม่มี;
ขนาดตัวอักษร:12px;
ตระกูลแบบอักษร: Open Sans;
สี:#fff!สำคัญ;
}
แถบด้านข้าง .label-size a (
สี:#fff!สำคัญ;
แบบอักษรน้ำหนัก: ตัวหนา;
การขยาย:8px 10px;
ระยะขอบ:0 6px 6px 0;
ลอย:ซ้าย;
จอแสดงผล:บล็อก;
-moz-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
-o-การเปลี่ยนแปลง: ทั้งหมด 0.4s;
-webkit-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
-ms-การเปลี่ยนแปลง: ทั้งหมด 0.4s ;
การเปลี่ยนแปลง: ทั้งหมด 0.4 วินาที ;
}
แถบด้านข้าง .label-size-1 a (พื้นหลัง:#1abc9c;border:3px solid #127F69;)
.sidebar .label-size-1 a:hover (พื้นหลัง:#127F69;border:3px solid #1abc9c;)
.sidebar .label-size-2 a (พื้นหลัง:#3498db;border:3px solid #226693;)
.sidebar .label-size-2 a:hover (พื้นหลัง:#226693;border:3px solid #3498db;)
.sidebar .label-size-3 a (พื้นหลัง:#2ecc71;border:3px solid #1F8C4C;)
.sidebar .label-size-3 a:hover (พื้นหลัง:#1F8C4C;border:3px solid #2ecc71;)
.sidebar .label-size-4 a (พื้นหลัง:#9b59b6;border:3px solid #74398E;)
.sidebar .label-size-4 a:hover (พื้นหลัง:#74398E;border:3px solid #9b59b6;)
.sidebar .label-size-5 a (พื้นหลัง:#e74c3c;border:3px solid #922C20;)
.sidebar .label-size-5 a:hover (พื้นหลัง:#922C20;border:3px solid #e74c3c;)
ในสามตัวเลือกแรก ให้เปลี่ยนค่าของสีปุ่ม linear-gradient /* */ ตามที่คุณต้องการ คุณสามารถค้นหาเครื่องกำเนิดการไล่ระดับสีเชิงเส้นได้ในการค้นหา
เปลี่ยนขนาดและสีของเส้นขอบด้านล่าง - border-bottom:3px solid #000000; /* ความหนาและสีของขอบล่าง */
ตัวเลือกสุดท้ายมีให้สำหรับแถบด้านข้างโดยเฉพาะ มีการติดตั้งทางลัดอุปกรณ์จำนวนมากในห้องใต้ดินหรือที่อื่น ดังนั้นรหัสแรกจึงสามารถใช้ได้ไม่ว่าอุปกรณ์จะติดตั้งไว้ที่ใด
ในโค้ดที่สี่ คุณสามารถเล่นกับค่าทั้งหมดในบรรทัดเหล่านี้ได้
.sidebar .label-size-1 a (พื้นหลัง:#1abc9c;border:3px solid #127F69;) /* สีหลักของปุ่ม ขอบด้านล่าง */
.sidebar .label-size-1 a:hover (พื้นหลัง:#127F69;border:3px solid #1abc9c;) /* สีโฮเวอร์ */
เมื่อคุณเลือกได้แล้ว ให้ไปที่แท็บ หัวข้อ - เปลี่ยน HTML- เราพบบรรทัด ]]> (อ่าน) และเหนือบรรทัดนั้นให้ตั้งรหัสที่ต้องการ บันทึก.
สิ่งที่เหลืออยู่คือการชื่นชมผลลัพธ์หรือปรับเปลี่ยนบางสิ่ง
กรุณากรอกอีเมล์ของคุณ:
ทุกคน ขอให้เป็นวันที่ดี โพสต์อื่นเกี่ยวกับวิธีจัดสไตล์วิดเจ็ตสำหรับโพสต์บล็อกที่มีผู้อ่านมากที่สุด กล่าวอีกนัยหนึ่ง เราจะเปลี่ยนการออกแบบวิดเจ็ตที่บล็อกเกอร์จำนวนมากใช้ ฉันจะเสนอ 2 รูปแบบให้คุณทันทีเพื่อให้ผู้ใช้สามารถดูว่าข้อความใดถูกอ่านมากที่สุดในสัปดาห์ เดือน หรือตลอดเวลา
ครั้งนี้เราจะไม่แสดงประกาศโพสต์ มาออกแบบชื่อเรื่อง ภาพขนาดย่อ และเพิ่มหมายเลขที่สวยงามกันดีกว่า
คุณลักษณะของข้อความยอดนิยมของ Gadget แสดงโพสต์ในรูปขนาดย่อพร้อมชื่อเรื่อง
เอฟเฟกต์การซูมเมื่อโฮเวอร์
ชื่อเรื่องจะแสดงเป็นสีโปร่งใส
คุณสามารถกำหนดขนาดของภาพขนาดย่อได้ด้วยตัวเอง ซึ่งโดยปกติแล้วจะแสดงใน Blogger ที่ 72 x 72 พิกเซล
การตั้งค่าสีอย่างง่าย
1. ขั้นแรก เราเพียงแค่ต้องติดตั้งอุปกรณ์ดั้งเดิมจาก Blogger ที่นำเสนอ ไปที่แผงผู้ดูแลระบบบล็อก - ออกแบบ - เพิ่มวิดเจ็ต - โพสต์ยอดนิยม วิดเจ็ตนั้นจำเป็นต้องได้รับการกำหนดค่าเช่นนี้
ในการตั้งค่า คุณต้องเลือกตัวเลือกตลอดเวลา รูปภาพขนาดย่อ และจำนวนรูปภาพที่แสดง บันทึกและติดตั้งในตำแหน่งที่ต้องการ
2. เลือกตัวเลือกที่เหมาะสมด้านล่างแล้วคัดลอกโค้ด
3. เข้าไปใหม่อีกครั้ง แผงผู้ดูแลระบบ - เพิ่มวิดเจ็ต - HTML/JavaScriptและวางโค้ดลงไป
4. ต้องติดตั้งวิดเจ็ตพร้อมโค้ดเหนือแกดเจ็ตข้อความยอดนิยมที่สร้างขึ้นในขั้นตอนที่ 1
5. บันทึกตำแหน่งและดูผลลัพธ์
ต่อไปนี้เป็น 2 ตัวเลือกสำหรับสไตล์แกดเจ็ตข้อความยอดนิยม
ตัวเลือกที่ 1 ข้อความจะแสดงในคอลัมน์เดียว
รหัส
//
เคาน์เตอร์รีเซ็ต: popcount;
ระยะขอบ: 0;
ช่องว่างภายใน: 0;
}
.sidebar .โพสต์ยอดนิยม ul li:ลูกคนแรก ()
.sidebar .โพสต์ยอดนิยม ul li (
ความสูง: 130px;
น้ำหนักตัวอักษร: ตัวหนา;
ล้น: ซ่อนเร้น;
การขยาย: 0px !สำคัญ;
ตำแหน่ง: ญาติ;
ระยะขอบ: 2px;
เส้นขอบ: 0;
ความกว้าง: 100%;
ลอย: ซ้าย;
}
.sidebar .PopularPosts .item-thumbnail (ระยะขอบ: 0; ความกว้าง: 100%;)
.sidebar .PopularPosts ul li img (
จอแสดงผล: บล็อก;
ลอย: ซ้าย;
ช่องว่างภายใน: 0;
ความกว้าง: 100%;
ความสูง: 130px;
การเปลี่ยนแปลง: 1.0 วินาที;
}
.sidebar .PopularPosts ul li img:โฮเวอร์ (
-moz-transform: ขนาด (1.06);
-o-เปลี่ยนรูป:มาตราส่วน(1.06);
แปลงร่าง: สเกล (1.06);
ล้น: ซ่อนเร้น;
}
.sidebar .PopularPosts .item-ชื่อ (
ด้านล่าง:0;
ซ้าย: 0;
ขวา: 0;
ช่องว่างภายใน: 0;
ตำแหน่ง: แน่นอน;
ดัชนี z: 999;
}
.sidebar .PopularPosts .item-ชื่อ (
พื้นหลัง: RGBA(32, 32, 32, 0.77);
สี: #FFFFFF;
จอแสดงผล: บล็อก;
ขนาดตัวอักษร: 16px;
น้ำหนักตัวอักษร: ตัวหนา;
ความสูงของเส้น: ปกติ;
ตระกูลฟอนต์: "Oswald",sans-serif;
การขยาย: 10px 0px 5px 10px;
การแปลงข้อความ: พิมพ์ใหญ่;
}
.sidebar .โพสต์ยอดนิยม ul li:hover .item-title a (
การตกแต่งข้อความ: ไม่มี;
}
.sidebar .โพสต์ยอดนิยม ul li:before (
สี: #000;
ลอย: ซ้าย;
ขนาดตัวอักษร: 14px;
ความสูงของบรรทัด: 20px;
รายการสไตล์ประเภท: ไม่มี;
การขยาย: 0px 8px 1px 1px;
ตำแหน่ง: แน่นอน;
ด้านบน: 0;
ดัชนี z: 4;
เส้นขอบ: #FFF ทึบ;
}
ตัวเลือกที่ 2 ข้อความจะแสดงเป็นตารางสองคอลัมน์
รหัส
//
.sidebar .โพสต์ยอดนิยม ul (
เคาน์เตอร์รีเซ็ต: popcount;
ระยะขอบ: 0;
ช่องว่างภายใน: 0;
}
.sidebar .โพสต์ยอดนิยม ul li:ลูกคนแรก ()
.sidebar .โพสต์ยอดนิยม ul li (
ตระกูลฟอนต์:"Oswald", "Open Sans", "Helvetica Neue", Arial, Tahoma, sans-serif;
ความสูง: 130px;
รายการสไตล์: ไม่มี !สำคัญ;
ล้น: ซ่อนเร้น;
ช่องว่างภายใน: 0 !สำคัญ;
ตำแหน่ง: ญาติ;
ระยะขอบ: 2px;
เส้นขอบ: 0;
ความกว้าง: 48%;
ลอย: ซ้าย;
}
.sidebar .PopularPosts .item-thumbnail (ระยะขอบ: 0; ความกว้าง: 100%;)
.sidebar .PopularPosts ul li img (
จอแสดงผล: บล็อก;
ลอย: ซ้าย;
ช่องว่างภายใน: 0;
ความกว้าง: 100%;
ความสูง: 130px;
-webkit-การเปลี่ยนแปลง-ระยะเวลา: 1.0s;
-moz-การเปลี่ยนแปลง-ระยะเวลา: 1.0s;
-o-การเปลี่ยนแปลง-ระยะเวลา: 1.0s;
การเปลี่ยนแปลง: 1.0 วินาที;
}
.sidebar .PopularPosts ul li img:โฮเวอร์ (
-webkit-แปลง:มาตราส่วน(1.06);
-moz-transform: ขนาด (1.06);
-o-เปลี่ยนรูป:มาตราส่วน(1.06);
แปลงร่าง: สเกล (1.06);
ล้น: ซ่อนเร้น;
}
.sidebar .PopularPosts .item-ชื่อ (
ด้านล่าง:0;
ซ้าย: 0;
ขวา: 0;
ช่องว่างภายใน: 0;
ตำแหน่ง: แน่นอน;
ดัชนี z: 999;
}
.sidebar .PopularPosts .item-ชื่อ (
พื้นหลัง: RGBA(32, 32, 32, 0.77);
สี: #FFFFFF;
จอแสดงผล: บล็อก;
ขนาดตัวอักษร: 12px;
ความสูงของเส้น: ปกติ;
การขยาย: 5px 0px 2px 5px;
การแปลงข้อความ: พิมพ์ใหญ่;
การเปลี่ยนแปลง: ความง่ายในการเข้า-ออกของ .4 ทั้งหมด;
}
.sidebar .โพสต์ยอดนิยม ul li:hover .item-title a (
สี: RGBA(255, 255, 255, 1);
พื้นหลัง: RGBA(231, 76, 60, 0.88);
การตกแต่งข้อความ: ไม่มี;
}
.sidebar .โพสต์ยอดนิยม ul li:before (
พื้นหลัง: RGBA(255, 252, 8, 1);
สี: #000;
เนื้อหา: ตัวนับ (popcount, ทศนิยม);
เคาน์เตอร์เพิ่มขึ้น: popcount;
ลอย: ซ้าย;
ขนาดตัวอักษร: 14px;
ความสูงของบรรทัด: 20px;
รายการสไตล์ประเภท: ไม่มี;
การขยาย: 0px 8px 1px 1px;
รัศมีเส้นขอบ: 0px 0px 10px 0px;
ตำแหน่ง: แน่นอน;
ด้านบน: 0;
ดัชนี z: 4;
เส้นขอบ: #FFF ทึบ;
ความกว้างของเส้นขอบ: 0px 2px 2px 0px;
}
ในบล็อกทดสอบ ดูว่าตัวเลือก 2 จะมีลักษณะอย่างไร ฉันมีข้อความที่เผยแพร่บางส่วน ดังนั้นจึงมีเพียง 2 บทความเท่านั้นที่แสดงไว้เพื่อไม่ให้คุณสับสน
คัดลอกโค้ดของวิดเจ็ตข้อความยอดนิยมในรูปแบบของรูปภาพที่คุณต้องการ และติดตั้งตามขั้นตอนที่อธิบายไว้
พื้นหลังสีเหลือง: rgba (255, 252, 8, 1); สามารถเปลี่ยนหมายเลขได้ตามดุลยพินิจของคุณ มันได้รับในรูปแบบ rgba (ค้นหาได้ในการค้นหา) เล่นกับค่าทั้งหมดด้วย
พื้นหลัง:.
สำคัญ:
หากคุณได้ติดตั้งวิดเจ็ตโพสต์ยอดนิยมในแถบด้านข้างแล้ว และต้องการติดตั้งตัวเลือกนี้ คุณจะต้องลบสไตล์ CSS เก่าออก
บางโพสต์ยอดนิยมจะตั้งไว้ด้านบนหรือด้านล่างโพสต์ในบล็อก วิดเจ็ตนี้ใช้ได้กับแถบด้านข้างเท่านั้น
หากคุณทำทุกอย่างถูกต้องแล้วและวิดเจ็ตใช้งานไม่ได้ คุณควรใส่ใจกับการใช้คลาส CSS ที่แตกต่างกันสำหรับแถบด้านข้าง เทมเพลตของทุกคนแตกต่างกัน ในตัวอย่างที่นำเสนอ ฉันใช้คลาส .sidebar .PopularPosts ( คุณสามารถมี .sidebar-wrapper .PopularPosts ( หรือ #sidebar .PopularPosts ( ) ทุกที่ในโค้ดที่คุณต้องแทนที่ด้วยโค้ดในเทมเพลตของคุณ
ไม่น่าจะมีปัญหาอะไรอีก
ตรวจสอบตัวเลือกการออกแบบเพิ่มเติมสำหรับวิดเจ็ตโพสต์ยอดนิยม
ตอนนี้เช่นเคยโค้ดที่เสร็จแล้วได้รับการติดตั้งในตัวแก้ไขข้อความในตำแหน่งที่ถูกต้องในโหมด HTML
เอฟเฟกต์โฮเวอร์ที่แปลกตาและมีสไตล์สำหรับรูปภาพนี้สามารถตกแต่งหน้าโพสต์ของคุณได้
ขอให้โชคดีและมีวันที่สดใส พบกันใหม่.
ต้องการสมัครรับข้อมูลสูตรโกงใหม่
สวัสดีทุกคน!
วันนี้จะมีบทความทางเทคนิคที่จะแสดงวิธีแยกโพสต์ออกจากหน้าหลักของเว็บไซต์ WordPress
นอกจากนี้ คุณยังจะได้เรียนรู้วิธียกเว้นหมวดหมู่ทั้งหมด ไม่ใช่เฉพาะรายการที่เฉพาะเจาะจง ฉันจะแสดงตัวเลือกมากมายให้คุณเห็น ทั้งแบบมีและไม่มีปลั๊กอิน โดยทั่วไปแล้วทุกอย่างก็เช่นเคย
ควรใช้ในกรณีใดบ้าง?ความจำเป็นในการยกเว้นบางโพสต์นั่นคือประกาศของพวกเขาจากหน้าหลักส่วนใหญ่มีอยู่ในบล็อกส่วนตัวเมื่อนอกเหนือจากบทความคุณภาพสูงขนาดใหญ่สำหรับผู้ชมทั่วไปแล้วยังคุ้มค่าที่จะเติมทรัพยากรด้วยบทความที่ได้รับการปรับแต่ง SEO แบบง่าย ๆ .
บทความดังกล่าวไม่น่าจะเป็นประโยชน์กับสมาชิกบล็อกเนื่องจากพวกเขารู้ทั้งหมดนี้แล้ว เพื่อไม่ให้หน้าหลักเต็มไปด้วยประกาศที่ไม่จำเป็น จะเป็นการดีกว่าที่จะไม่แสดง ในเวลาเดียวกันควรเพิ่มพวกเขาลงในไซต์เพื่อดึงดูดผู้ชมใหม่ ๆ เข้าสู่แหล่งข้อมูลจากเครื่องมือค้นหา จำเป็นต้องแสดงพวกเขาด้วย แต่ควรทำในหน้าของส่วนและเอกสารสำคัญเพื่อให้ผู้มาใหม่สามารถค้นหาได้โดยใช้การนำทางผ่านส่วนของเว็บไซต์
ตัวอย่างเช่น คุณจะไม่พบบทความนี้ในหน้าหลักของบล็อกของฉันในหน้าแบ่งหน้าใด ๆ (การนำทางหน้า) ในเวลาเดียวกัน ประกาศของบทความจะปรากฏในส่วน “มีประโยชน์” และในหน้าแผนผังเว็บไซต์ “บทความทั้งหมด”
ไม่มีปลั๊กอินวิธีการที่ไม่มีปลั๊กอินนั้นเป็นวิธีที่นิยมใช้มากกว่าเสมอ แต่ในกรณีนี้จะไม่มีความสำคัญ เนื่องจากเพื่อที่จะยกเว้นบางบทความ คุณจะต้องทำการเปลี่ยนแปลงในไฟล์เทมเพลตที่คุณติดตั้งทุกครั้ง แต่ถึงกระนั้น ฉันจะแสดงตัวเลือกต่างๆ มากมายสำหรับการนำโซลูชันดังกล่าวไปใช้ เนื่องจากเป็นไปได้ค่อนข้างมากที่สิ่งนี้จะเหมาะกับคุณ
ด้านล่างนี้ผมจะให้โค้ดต่างๆ ที่ควรวางไว้ในไฟล์เทมเพลต function.php
ไม่รวมบันทึกเฉพาะตาม IDในตัวเลือกนี้ ไม่จำเป็นต้องซ่อนหมวดหมู่ทั้งหมดไม่ให้ปรากฏบนหน้าหลัก เหมือนกับที่หลายคนทำโดยใช้ปลั๊กอินต่างๆ สิ่งที่คุณต้องทำคือเพิ่ม ID ของบันทึกที่จำเป็นในโค้ด
ฟังก์ชั่นไม่รวม_post($query) ( ถ้า ($query->is_home) ($query->
ถ้า ($แบบสอบถาม -> is_home ) ( $query ->// รหัสโพสต์ ส่งคืน $ แบบสอบถาม; - |
ในบรรทัดที่ 3 หมายเลข 1 และ 2 คือบันทึก ID ที่จะไม่ปรากฏในหน้าแรก คุณต้องเขียนโดยคั่นด้วยเครื่องหมายจุลภาค
คุณจะพบ ID ของโพสต์ เพจ และหมวดหมู่ในแถบที่อยู่ของเบราว์เซอร์เมื่อดูผ่านตัวแก้ไข
ตัวเลือกถัดไปจะช่วยให้คุณสามารถยกเว้นรายการจากฟีด RSS ได้
การยกเว้นจากฟีด RSSรหัสนี้จะช่วยให้คุณสามารถยกเว้นประกาศจากฟีดข่าวและไม่ส่งผ่านทางอีเมลหากคุณใช้บริการสมัครสมาชิกและบริการประกาศโดยใช้ Feedburner
ฟังก์ชั่นไม่รวม_post($query) ( if ($query->is_feed) ($query->set("post__not_in", array(1, 2));) // post (post) id return $query; ) add_filter(" pre_get_posts","exclude_post");
ฟังก์ชั่นไม่รวม_post ($แบบสอบถาม) ( ถ้า ($แบบสอบถาม -> is_feed ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // รหัสโพสต์ ส่งคืน $ แบบสอบถาม; - add_filter ("pre_get_posts" , "exclude_post" ) ; |
การเพิ่มบันทึกในกรณีนี้และในกรณีอื่นๆ ทั้งหมดเกิดขึ้นในลักษณะเดียวกัน
การยกเว้นจากหมวดหมู่และเอกสารสำคัญหากต้องการยกเว้นโพสต์จากหน้าหมวดหมู่ คุณควรใช้โค้ดต่อไปนี้
ฟังก์ชั่นไม่รวม_post($query) ( if ($query->is_category) ($query->set("post__not_in", array(1, 2));) // post (post) id return $query; ) add_filter(" pre_get_posts","exclude_post");
ฟังก์ชั่นไม่รวม_post ($แบบสอบถาม) ( ถ้า ($แบบสอบถาม -> is_category ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // รหัสโพสต์ ส่งคืน $ แบบสอบถาม; - add_filter ("pre_get_posts" , "exclude_post" ) ; |
รหัสนี้สามารถแก้ไขได้เพื่อใช้ข้อยกเว้นจากไฟล์เก็บถาวร จำเป็นต้องแทนที่ฟังก์ชัน is_category ด้วย is_archive ในอาคารที่ 2
การยกเว้นจากหน้าการค้นหาอาจจำเป็นต้องใช้ตัวเลือกนี้หากไม่ควรแสดงโพสต์บางรายการต่อผู้เยี่ยมชมเมื่อพวกเขาใช้การค้นหาไซต์ ตัวอย่างเช่น อาจเป็นบทความข่าวต่างๆ ที่ไม่มีเนื้อหาเกี่ยวกับหัวข้อของเว็บไซต์
ฟังก์ชั่นไม่รวม_post($query) ( if ($query->is_search) ($query->set("post__not_in", array(1, 2));) // post id return $query; ) add_filter(" pre_get_posts", "exclude_post");
ฟังก์ชั่นไม่รวม_post ($แบบสอบถาม) ( ถ้า ($แบบสอบถาม -> is_search ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // รหัสโพสต์ ส่งคืน $ แบบสอบถาม; - add_filter ("pre_get_posts" , "exclude_post" ) ; |
คุณสามารถรวมตัวเลือกข้างต้นทั้งหมดและยกเว้นบันทึกจากหน้าทุกประเภทในคราวเดียวหรือเลือกเฉพาะรายการที่จำเป็น
หากคุณดูโค้ดทั้งหมดให้ดีแล้วในบรรทัดที่ 2 คุณจะเห็นเงื่อนไขที่พารามิเตอร์ประเภทเพจถูกตั้งค่าให้ปิดใช้งานการแสดงประกาศในโพสต์:
- is_search
- is_category
- is_feed
- is_home
คุณสามารถรวมตัวเลือกทั้งหมดและยกเว้นโพสต์จากทุกที่หรือในบางหน้าได้ ตัวอย่างเช่น สำหรับการยกเว้นจากหมวดหมู่และหลัก คุณควรวางโค้ดต่อไปนี้ในไฟล์ function.php
ฟังก์ชั่นไม่รวม_post($query) ( if ($query->is_category || ($query->is_home)) ($query->set("post__not_in", array(1, 2));) // post id ) return $query; ) add_filter("pre_get_posts", "exclude_post");
ฟังก์ชั่นไม่รวม_post ($แบบสอบถาม) ( ถ้า ($แบบสอบถาม -> is_category || ($แบบสอบถาม -> is_home ) ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // รหัสโพสต์ ส่งคืน $ แบบสอบถาม; - add_filter ("pre_get_posts" , "exclude_post" ) ; |
บรรทัดที่ 2 ที่มีเงื่อนไข (ถ้า) มีพารามิเตอร์สำหรับหมวดหมู่ (is_category) หรือบ้าน (is_home)
โปรดทราบว่าพารามิเตอร์ถัดไปแต่ละรายการจะถูกเขียนไว้ภายในพารามิเตอร์ก่อนหน้าถึง 2 แถบแนวตั้ง และอยู่ในวงเล็บของตัวเอง นั่นคือ หากคุณดูโค้ดก่อนหน้า คุณจะเห็นว่าเงื่อนไขที่สองสำหรับหน้าหลักนั้นอยู่ในวงเล็บของตัวเอง และอยู่ในวงเล็บทั่วไปที่ล้อมเงื่อนไขแรกสำหรับหมวดหมู่ต่างๆ
หากควรเพิ่มเงื่อนไขที่สามบางประเภท เช่น สำหรับหน้าเก็บถาวร ก็ควรเพิ่มเงื่อนไขดังกล่าวในวงเล็บโดยมีเงื่อนไขสำหรับเงื่อนไขหลัก (is_home) แล้วเขียนผ่านแถบแนวตั้ง 2 แถบ ในทางปฏิบัติมีลักษณะเช่นนี้
ฟังก์ชั่นไม่รวม_post($query) ( if ($query->is_category || ($query->is_home || ($query->is_archive))) ($query->set("post__not_in", array(1, 2) );) // id ของโพสต์ (โพสต์) ส่งคืน $query; ) add_filter("pre_get_posts", "exclude_post");
ฟังก์ชั่นไม่รวม_post ($แบบสอบถาม) ( ถ้า ($query -> is_category || ($query -> is_home || ($query -> is_archive ) ) ) ( $query -> set ("post__not_in" , array (1 , 2 ) ) ; ) // รหัสโพสต์ ส่งคืน $ แบบสอบถาม; - add_filter ("pre_get_posts" , "exclude_post" ) ; |
ใช้หลักการเดียวกันนี้ในการเพิ่มหน้าประเภทอื่นๆ ที่จะยกเว้น
ตัวเลือกถัดไปสำหรับการยกเว้นระเบียนคือการยกเว้นส่วนหัวทั้งหมด (หมวดหมู่)
ไม่รวมหมวดหมู่ทั้งหมดวิธีนี้จะสะดวกมากสำหรับคนขี้เกียจเมื่อคุณสามารถสร้างหมวดหมู่บางประเภทและเพิ่มโพสต์ทั้งหมดที่ไม่จำเป็นต้องแสดงในหน้าบางประเภทได้
โครงสร้างโค้ดเกือบจะเหมือนกัน โดยจะเปลี่ยนเฉพาะพารามิเตอร์ที่ระบุการยกเว้นโพสต์หรือหมวดหมู่เท่านั้น ในกรณีที่กล่าวถึงก่อนหน้านี้ บรรทัดสุดท้ายถูกตั้งค่าเป็น exclude_post ในโค้ดใหม่ ควรแทนที่ด้วย ยกเว้น _cat
ฟังก์ชั่นไม่รวม_cat($query) ( if ($query->is_home) ($query->set("cat","-1, -2, -3");) // รหัสหมวดหมู่ส่งคืน $query; ) add_filter( "pre_get_posts", "ไม่รวม_แมว");
ฟังก์ชั่นไม่รวม_cat ($แบบสอบถาม) ( ถ้า ($แบบสอบถาม -> is_home ) ( $query -> set ("cat" , "-1, -2, -3" ) ; ) // รหัสหมวดหมู่ ส่งคืน $ แบบสอบถาม; - add_filter ("pre_get_posts" , "exclude_cat" ) ; |
อย่างที่คุณเห็น บรรทัดสุดท้ายมีการเปลี่ยนแปลง และบรรทัดที่ 3 ซึ่งพารามิเตอร์ที่อ่านรหัสหมวดหมู่มีการเปลี่ยนแปลง ID ในกรณีนี้เขียนด้วยเครื่องหมายขีดกลาง แต่ยังใช้เครื่องหมายจุลภาคด้วย
หลักการสร้างเงื่อนไขสำหรับประเภทเพจนั้นคล้ายคลึงกับตัวเลือกที่กล่าวไว้ก่อนหน้านี้ ซึ่งฉันได้แสดงตัวอย่างการยกเว้นโพสต์เฉพาะเจาะจง ควรเปลี่ยนบรรทัดที่ 2 โดยเพิ่มพารามิเตอร์ที่จำเป็นสำหรับหมวดหมู่ การค้นหา ไฟล์เก็บถาวร หรือฟีด RSS
ดังนั้นเราจึงดูวิธีการที่ไม่มีปลั๊กอิน นอกจากนี้ยังมีตัวเลือกในการยกเว้นรายการเกี่ยวกับแท็ก แต่ตอนนี้แท็กไม่เกี่ยวข้องกับทรัพยากร 99% อีกต่อไป หากคุณต้องการข้อมูลดังกล่าว โปรดเขียนเกี่ยวกับข้อมูลดังกล่าวในความคิดเห็น ฉันจะเพิ่มทุกอย่างทันที
ปลั๊กอินปลั๊กอินเป็นโซลูชันที่ยืดหยุ่นกว่าในเรื่องนี้ เนื่องจากเมื่อยกเว้นรายการเฉพาะเจาะจง ไม่จำเป็นต้องแก้ไขไฟล์เทมเพลตในแต่ละครั้ง ควรใส่ช่องทำเครื่องหมายในตัวแก้ไขโพสต์ที่ต้องการเมื่อเผยแพร่หรือหลังจากนั้น
หากคุ้มค่าที่จะยกเว้นหมวดหมู่พิเศษที่สร้างขึ้นสำหรับบทความที่ไม่ต้องการการแสดงผล ควรใช้รหัสใดรหัสหนึ่งที่ให้ไว้ข้างต้น
เพียงยกเว้นปลั๊กอินคุณสามารถดาวน์โหลดปลั๊กอินผ่านคอนโซล WordPress โดยใช้การค้นหาหรือจากเว็บไซต์ WordPress อย่างเป็นทางการ
หลังจากเปิดใช้งานแล้ว ระบบจะใช้งานได้อยู่แล้วและคุณไม่จำเป็นต้องกำหนดค่าใดๆ แต่ฉันขอแนะนำให้ทำการเปลี่ยนแปลงบางอย่างเพื่อให้การทำงานกับฟังก์ชั่นของมันสนุกยิ่งขึ้น
หลังจากการติดตั้งและเปิดใช้งานเราจะไปที่การตั้งค่าทันที
เริ่มแรกในการตั้งค่าปลั๊กอินทุกอย่างได้รับการตั้งค่าเพื่อให้เมื่อเปิดใช้งานช่องทำเครื่องหมาย (เราจะดูที่ด้านล่าง) หน้าที่ต้องการ (โพสต์หมวดหมู่หน้า) จะถูกทำเครื่องหมายเป็น "อนุญาตให้แสดง" ดังนั้นสำหรับหน้าเว็บแต่ละประเภท คุณจะต้องทำเครื่องหมายในช่องทั้งหมดเพื่อให้ทุกอย่างปรากฏขึ้น
มันจะสมเหตุสมผลกว่าถ้าตั้งค่าตัวเลือกนี้ เมื่อเปิดใช้งานช่องทำเครื่องหมาย (เช่นสำหรับหน้าหลัก) จะทำเครื่องหมายบทความหรือสิ่งอื่นใดว่าห้ามแสดง
ในการตั้งค่ามี 3 แท็บที่ออกแบบมาเพื่อกำหนดการตั้งค่าสำหรับเพจประเภทต่างๆ:
- Taxonomies (taxonomies) - การตั้งค่าสำหรับการทำงานของปลั๊กอินในส่วนของแผงผู้ดูแลระบบ WordPress: หมวดหมู่และแท็ก;
- ประเภทโพสต์ - สำหรับประเภทโพสต์: บทความและเพจ;
- ผู้ใช้ - การตั้งค่าสำหรับผู้ใช้
ตอนนี้ฉันจะให้ภาพหน้าจอของการตั้งค่าของแท็บแรก (อนุกรมวิธาน) และอธิบายพารามิเตอร์ที่ควรตั้งค่า
- ในบล็อกแรกของการตั้งค่า "ใช้งานอยู่" คุณต้องตั้งค่าช่องทำเครื่องหมาย "ใช้งานอยู่" เพื่อให้ปลั๊กอินเพิ่มช่องทำเครื่องหมายที่จำเป็นเพื่อปิดการแสดงผลในหมวดหมู่หรือหน้าประเภทอื่น ๆ
- ในบล็อกที่สอง เราตั้งค่าพารามิเตอร์ทั้งหมดตรงข้ามตัวเลือก "ยกเว้น" หมายความว่าหากเปิดใช้งานช่องทำเครื่องหมายในตัวแก้ไขของหน้าแต่ละประเภท มันจะถูกซ่อนจากการแสดงผลและบทความใหม่จะถูกเปิดเพื่อแสดงตามค่าเริ่มต้น หากคุณตั้งค่าพารามิเตอร์ "รวมเท่านั้น" เมื่อทำเครื่องหมายที่ช่อง รายการจะถูกเปิดให้แสดงและบทความใหม่จะถูกซ่อนตามค่าเริ่มต้น หากเลือกตัวเลือกที่สอง "รวมเท่านั้น" หลังจากติดตั้งปลั๊กอินรายการทั้งหมดจะถูกซ่อนและคุณจะต้องตั้งค่าตัวเลือก "ยกเว้น"
- ในบล็อก "แสดง/ซ่อน" ให้ตั้งค่าพารามิเตอร์ "แสดง" เพื่อให้ช่องทำเครื่องหมายที่จำเป็นแสดงในหน้าแต่ละประเภทเพื่อให้สามารถปิดหรือเปิดใช้งานการแสดงผลได้
ควรป้อนพารามิเตอร์เดียวกันใน 2 แท็บที่เหลือของการตั้งค่าปลั๊กอิน Simply Exclude
ตัวอย่างเช่น นี่คือภาพหน้าจอของแท็บ "ประเภทโพสต์"
แน่นอน คุณสามารถปิดการใช้งานฟังก์ชันบางอย่างได้ ตัวอย่างเช่น บนแท็บแรก คุณสามารถปิดใช้งานปลั๊กอินสำหรับหมวดหมู่ได้ หากเราจะไม่แยกโพสต์ทั้งหมดของหมวดหมู่ทั้งหมด
ตอนนี้เกี่ยวกับการทำงานของปลั๊กอินเอง เมื่อคุณตั้งค่าพารามิเตอร์ที่จำเป็นแล้ว คุณสามารถไปที่เครื่องมือแก้ไขสำหรับโพสต์แต่ละประเภท และทำเครื่องหมายในช่องถัดจากหน้าที่คุณต้องการยกเว้นการแสดงผล
ตัวอย่างเช่น หากต้องการตั้งค่าสำหรับโพสต์ คุณสามารถไปที่ตัวแก้ไขบทความที่ต้องการหรือผ่านรายการบทความทั้งหมด ทั้งที่นั่นและจะมีช่องทำเครื่องหมายที่จำเป็น ในเครื่องมือแก้ไข ในคอลัมน์ทางขวาจะมีบล็อก "Simply Exclude" ซึ่งมีช่องทำเครื่องหมาย 4 ช่องสำหรับซ่อนโพสต์และเพจ:
- หอจดหมายเหตุ - หมวดหมู่และหอจดหมายเหตุ;
- ฟีด - ฟีด RSS;
- ด้านหน้า/บ้าน - หลัก;
- ค้นหา - ค้นหา
เมื่อทำเครื่องหมายในช่องที่จำเป็น คุณสามารถซ่อนโพสต์จากหน้าบางประเภทได้
ในแผงผู้ดูแลระบบ WordPress "โพสต์ทั้งหมด" ตรงข้ามกับเนื้อหาแต่ละรายการในคอลัมน์ใหม่ที่เรียกว่า "Simply Exclude show" จะมีช่องทำเครื่องหมาย 4 ช่องเหล่านี้ด้วย เช่นเดียวกับรูบริก คอลัมน์ใหม่พร้อมช่องทำเครื่องหมายทั้งหมดจะถูกเพิ่ม
นั่นคือทั้งหมดสำหรับปลั๊กอินนี้ ด้วยการติดตั้ง คุณสามารถเปลี่ยนพารามิเตอร์การแสดงผลของโพสต์เฉพาะหรือหมวดหมู่ทั้งหมดได้อย่างรวดเร็วและยืดหยุ่นโดยไม่รบกวนไฟล์เทมเพลต
ยกเว้นปลั๊กอินหมวดหมู่ปลั๊กอินนี้มีจุดประสงค์เพื่อซ่อนหมวดหมู่ทั้งหมดจากหน้าหลักและฟีด RSS เท่านั้น เนื่องจากตัวเลือกนี้ไม่ต้องการความยืดหยุ่นมากนัก (ฉันสร้างหมวดหมู่หนึ่งครั้งและเพิ่มบทความที่นั่น) ฉันขอแนะนำให้ใช้การยกเว้นหมวดหมู่ทั้งหมดโดยใช้โค้ด (ดูจุดที่ 2)
คุณสามารถดาวน์โหลดปลั๊กอินได้โดยใช้ปุ่มด้านล่าง
หลังจากติดตั้งแล้ว ให้ไปที่การตั้งค่า (การตั้งค่า - ยกเว้นหมวดหมู่) และเลือกหมวดหมู่ที่ต้องการเพื่อแยกออกจากหน้าหลัก
การยกเว้นรายการทั้งหมดในหมวดหมู่หนึ่งๆ ถือเป็นตัวเลือกทั่วไป แต่ฉันเห็นข้อเสียเปรียบ เนื่องจากไซต์ต้องเผยแพร่บทความจำนวนมากเพื่อดึงดูดปริมาณการค้นหา และบทความเหล่านั้นทั้งหมดจะอยู่ในประเด็นที่แตกต่างกันในหัวข้อเดียวกัน
แต่การผลักวัสดุต่าง ๆ ให้เป็นประเภทเดียวนั้นไม่ดีนัก
ตัวเลือกนี้มักใช้เมื่อขายลิงก์บนเว็บไซต์อย่างจริงจัง เจ้าของสร้างส่วนและเผยแพร่บทความทั้งหมดที่มีลิงก์การขายอยู่ และนี่ก็ไม่ดีเช่นกันเนื่องจากตอนนี้ผู้ดูแลเว็บจำเป็นต้องวางลิงค์ไว้ในส่วนหลักของเว็บไซต์เพื่อให้สามารถคลิกได้อย่างน้อยก็เล็กน้อยและมีผลกระทบระหว่างการโปรโมต
แค่นั้นแหละเพื่อน ๆ ในบันทึกนี้ฉันกำลังจะสิ้นสุดคู่มือโดยละเอียดนี้ซึ่งน่าจะเป็นประโยชน์สำหรับคุณหากคุณมาถูกที่แล้วสำหรับบทความนี้ ฉันหวังว่าทุกอย่างจะเป็นไปด้วยดีสำหรับคุณ
ฉันขอให้คุณอารมณ์ดีและเป็นวันที่ยอดเยี่ยม พบกันใหม่.
ขอแสดงความนับถือ Konstantin Khmelev!
บทความนี้จะเป็นเรื่องต่อเนื่องของหัวข้อการเตรียมเว็บไซต์ WordPress เพื่อโปรโมตในเครื่องมือค้นหา เราได้อธิบายวิธีสร้างข้อความคงที่ (ถาวร) ในส่วนที่ได้รับการเลื่อนระดับแล้ว วันนี้ฉันจะแสดงให้คุณเห็นถึงวิธีการทำสิ่งที่คล้ายกัน แต่คราวนี้เฉพาะหน้าหลักของเว็บไซต์ซึ่งอย่างที่ทราบกันดีว่ามีน้ำหนักมากที่สุด สิ่งที่คุณต้องทำคือเขียนข้อความที่จะช่วยในการโปรโมต
หากคุณมาจาก Google หรือ Yandex และพลาดบทความที่แล้ว ลองดู..
มีหลายวิธีในการสร้างข้อความคงที่บนหน้าหลักของไซต์ WordPress:- ใช้ฟังก์ชัน WordPress ในตัว (อ่านบทความ) อย่างที่คุณเห็น มันเป็นเรื่องของสองวินาที
- วิธีที่สองเกี่ยวข้องกับการวางโค้ดบางตัวในไฟล์ index.php หรือ home.php (ชื่อขึ้นอยู่กับเทมเพลตของไซต์ของคุณ)
- เพียงเลือกหน้าที่ต้องการในการตั้งค่าในแผงผู้ดูแลระบบ (ภาพหน้าจอด้านล่าง)
- โดยการสร้างเทมเพลตแยกต่างหากสำหรับธีมหลักในไฟล์ธีม (คุณจะต้องมีความรู้เกี่ยวกับ PHP/CSS หรือความช่วยเหลือจากผู้เชี่ยวชาญ)
หากคุณเลือกวิธีแรกอย่าลืมปิดโพสต์ที่เลือกเพื่อจัดทำดัชนีเพื่อไม่ให้มีเนื้อหาที่ซ้ำกัน คุณสามารถทำได้โดยใช้ robots.txt
หากคุณเลือกวิธีที่สองในการดำเนินการนี้คุณต้องเปิดไฟล์ index.php (home.php) และแทรกข้อมูลต่อไปนี้ก่อนฟังก์ชันสำหรับแสดงโพสต์ทั้งหมด:
ข้อความหรือรหัสที่กำหนดเอง
รหัสนี้ช่วยให้คุณแสดงข้อมูลเฉพาะในหน้าหลักเท่านั้น คุณเพียงแค่ต้องวางบล็อกข้อความที่ต้องการหรือรหัสที่จำเป็นไว้ข้างใน
คุณสามารถใช้รหัสเดียวกันในวิดเจ็ตได้หากคุณต้องการแสดงบางอย่างในหน้าหลักของเว็บไซต์เท่านั้น ปลั๊กอินเหมาะสำหรับสิ่งนี้
หากคุณไม่เข้าใจว่าทำไมคุณควรใส่โค้ดที่ฉันแนะนำข้างต้น ต่อไปนี้เป็นคำแนะนำเล็กๆ น้อยๆ: ในเทมเพลตของฉัน ไฟล์ index.php มีหน้าที่ในการแสดงข้อมูลบนหน้าหลัก มันมีรหัสนี้: