วิธีเพิ่ม Bullet Points ใน WordPress

เผยแพร่แล้ว: 2022-09-14

หากคุณต้องการเพิ่มสัญลักษณ์แสดงหัวข้อย่อยใน WordPress คุณสามารถทำได้หลายวิธี คุณสามารถใช้ตัวแก้ไข WordPress ในตัวเพื่อเพิ่มสัญลักษณ์แสดงหัวข้อย่อย หรือคุณสามารถใช้ปลั๊กอินเพื่อเพิ่มสัญลักษณ์แสดงหัวข้อย่อย หากคุณต้องการใช้ตัวแก้ไข WordPress ในตัวเพื่อเพิ่มสัญลักษณ์แสดงหัวข้อย่อย คุณสามารถทำได้โดยไปที่แท็บ "ข้อความ" ในตัวแก้ไข แล้วเพิ่มสัญลักษณ์แสดงหัวข้อย่อยด้วยตนเอง หากคุณต้องการใช้ปลั๊กอินเพื่อเพิ่มสัญลักษณ์แสดงหัวข้อย่อย มีปลั๊กอินที่แตกต่างกันสองสามตัวที่คุณสามารถใช้ได้ หนึ่งปลั๊กอินที่คุณสามารถใช้ได้เรียกว่า “ Bullet Points Manager ” ปลั๊กอินนี้จะช่วยให้คุณเพิ่มหัวข้อย่อยในโพสต์และเพจของคุณ ปลั๊กอินอื่นที่คุณสามารถใช้เพิ่มสัญลักษณ์แสดงหัวข้อย่อยเรียกว่า “Simple Bullet Points” ปลั๊กอินนี้จะช่วยให้คุณเพิ่มสัญลักษณ์แสดงหัวข้อย่อยในโพสต์และเพจของคุณ วิธีใดก็ตามที่คุณเลือก การเพิ่มสัญลักษณ์แสดงหัวข้อย่อยลงในไซต์ WordPress ของคุณนั้นง่ายและสามารถทำได้ภายในเวลาเพียงไม่กี่นาที

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

ทำไมสัญลักษณ์แสดงหัวข้อย่อยของฉันไม่ปรากฏใน WordPress?

เครดิต: www.marion.com

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

เพิ่ม Bullet Points Word

ไม่มีคำตอบที่ชัดเจนสำหรับคำถามนี้ อย่างไรก็ตาม เคล็ดลับบางประการในการเพิ่มสัญลักษณ์แสดงหัวข้อย่อยใน Microsoft Word ได้แก่ การเลือกข้อความที่คุณต้องการจัดรูปแบบเป็นจุดแสดงหัวข้อย่อย คลิกแท็บ "หน้าแรก" จากนั้นคลิกปุ่ม "หัวข้อย่อย" ในส่วน "ย่อหน้า" หรือคุณสามารถเลือกข้อความและกด “Ctrl+Shift+L” เพื่อจัดรูปแบบเป็นสัญลักษณ์แสดงหัวข้อย่อย

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

WordPress Bullet Points ไม่แสดง

เครดิต: SlideShare

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

สัญลักษณ์แสดงหัวข้อย่อยปรากฏเหนือแนวการสื่อสาร ฉันไม่ใช่ผู้เริ่มต้นใช้งาน html ทั้งหมด ดังนั้นสิ่งนี้จึงดูดีสำหรับฉัน แต่ทำไมรหัสไม่แสดง หัวข้อย่อยที่ปรากฏไม่ถูกต้องจะถูกปิดสำหรับการตอบกลับใหม่ มันไม่คุ้มค่าสำหรับฉันที่จะเข้าไปยุ่งกับมัน เพราะมันจำเป็นต้องได้รับการแก้ไข ติดต่อทีมสนับสนุนที่ http://en.support.wordpress.com/contact นอกจากนี้ เพื่อเป็นการขอบคุณ ฉันจะส่งต่อไปยังพวกเขาในฟอรัมธีม

ทำไม Bullet Points ของฉันไม่ทำงาน?

เพียงคลิกในย่อหน้าสัญลักษณ์แสดงหัวข้อย่อยแล้วกด Ctrl Shift S ในบานหน้าต่างใช้สไตล์เพื่อแก้ไข มิฉะนั้น คุณสามารถแก้ไขโดยใช้บานหน้าต่างปรับใช้สไตล์ กล่องโต้ตอบการปรับเปลี่ยนสไตล์ช่วยให้คุณสามารถเปลี่ยนสไตล์สำหรับย่อหน้าต่อไปนี้เป็นย่อหน้า รายการ (ถ้าคุณเห็นสัญลักษณ์แสดงหัวข้อย่อยที่มีลักษณะต่อไปนี้ ให้เปลี่ยนลักษณะสำหรับย่อหน้าต่อไปนี้เป็นย่อหน้ารายการ) คำตอบนี้มีประโยชน์อย่างไร?

วิธีการเปลี่ยนสีของสัญลักษณ์แสดงหัวข้อย่อยใน WordPress

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

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

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

ปลั๊กอินรายการหัวข้อย่อยของ WordPress

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

รายการหัวข้อย่อยของย่อหน้าที่มีหัวข้อที่เน้นหรือเน้นในเนื้อหา คุณสามารถปรับแต่ง ไอคอนสัญลักษณ์ แสดงหัวข้อย่อย โครงร่างสี ขนาดไอคอน และอื่นๆ ได้อย่างง่ายดายโดยใช้ปลั๊กอินรายการหัวข้อย่อยของ WordPress เอฟเฟกต์โฮเวอร์สามารถใช้เพื่อเพิ่มไหวพริบพิเศษให้กับรายการหัวข้อย่อยของคุณ การใช้ปลั๊กอิน WP Table Builder คุณสามารถสร้างตารางที่กำหนดเองบนเว็บไซต์ของคุณได้ฟรี คุณจะถูกเรียกเก็บเงิน $39.99 ต่อปีสำหรับไซต์เดียว ต่อเวอร์ชันพรีเมียม Elementor เวอร์ชันฟรีมีวิดเจ็ตฟรีสำหรับเพิ่มสัญลักษณ์แสดงหัวข้อย่อยในรายการไอคอน ไอคอน FontAwesome สามารถใช้เป็นสัญลักษณ์แสดงหัวข้อย่อยในเนื้อหาของคุณได้

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

รหัส WordPress สำหรับรายการสัญลักษณ์แสดงหัวข้อย่อย

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

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

เมื่อใช้ CSS ต่อไปนี้ คุณสามารถสร้างฟอนต์ตัวหนาสำหรับรายการได้อย่างรวดเร็วและง่ายดาย โดยเลือก:.entry-content ul li font-weight: bold; เป็น CSS แรก นี่คือผลการทดสอบของเรา สามารถเติมสัญลักษณ์แสดงหัวข้อย่อยด้วยรูปภาพได้โดยใช้คุณสมบัติ list-style-image หลังจากที่คุณย้ายรูปภาพไปรอบๆ เพื่อให้ถูกต้อง คุณสามารถดูได้อีกครั้ง สัญลักษณ์แสดงหัวข้อย่อยที่ 1 คือจุดที่ถูกเพิ่มในรายการ style-type:none เราจะแทนที่ด้วยอักขระ Unicode คุณสมบัติอื่นบ่งชี้ว่าควรย้ายอักขระไปข้างหน้าของรายการ การเพิ่มสีให้กับส่วนข้อความของอักขระ เช่น จะเปลี่ยนสีจากข้อความเป็นสีที่คุณเห็นด้านบน

ความแตกต่างระหว่าง
  • และ

    นี่คือรายการที่มีหมายเลขแบบไม่เรียงลำดับ (สำหรับรายการที่ไม่มีตัวเลข)
    แม้ว่า WordPress จะไม่รวมองค์ประกอบ *li> สำหรับรายการ แต่มีองค์ประกอบ *ul> สำหรับรายการ ความแตกต่างอย่างหนึ่งระหว่างแท็กคือแท็ก li> และ ul> ใช้เพื่อระบุรายการหรือคอลเล็กชันเฉพาะ