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

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

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

ใช้เฉพาะตัวแก้ไข HTML ใน WordPress

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

แต่นั่นยังไม่เพียงพอสำหรับฉัน เพราะ... ในข้อความของบทความ ฉันใช้ส่วนหัวภายในของระดับต่างๆ (ตั้งแต่ H2 ถึง H5) เน้นโค้ด (PHP, CSS ฯลฯ ) ด้วยแท็กพิเศษและทำอะไรได้อีกมากมาย

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

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

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

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

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

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

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

มาเริ่มเขียนบทความในโปรแกรมแก้ไข HTML ของ WordPress กันดีกว่า

ดังนั้นในการเขียนบทความใหม่ คุณจะต้องไปที่แผงผู้ดูแลระบบ (http://sait.ru/wp-admin/) และเลือกจากเมนูด้านซ้าย (หากคุณใช้การออกแบบแผงผู้ดูแลระบบ WP มาตรฐาน) “ เพิ่มรายการใหม่ในพื้นที่ "โพสต์" "

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

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

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

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

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

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

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

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

ฉันอยากจะดึงความสนใจของคุณไปที่ความแตกต่างระหว่างแท็กไฮไลต์แบบลอจิคัล HTML “STRONG” และแท็กไฮไลต์ตัวหนาอีกแท็ก “B” รวมถึงระหว่าง “EM” และ “I” แท็กแรก (STRONG และ EM) ควรใช้ไม่เพียงเพื่อดึงดูดความสนใจของผู้อ่านไปยังจุดสำคัญในข้อความเท่านั้น

เครื่องมือค้นหาจะพิจารณาคำและวลีที่เน้นด้วยแท็กเน้นย้ำเหล่านี้ (STRONG และ EM) ที่มีน้ำหนักมากกว่า เมื่อเทียบกับคำธรรมดาที่ไม่เน้นในข้อความ อย่างไรก็ตามตอนนี้คุณต้องระวังให้มากเพื่อไม่ให้ไปไกลเกินไป

การเลือกโครงสร้างส่วนหัวที่เหมาะสมที่สุดในระดับ H1-H6

ในตอนนี้ สำหรับแท็กส่วนหัว H1-H6 ซึ่งสามารถใช้ในบทความในบล็อกเพื่อเน้นคำและวลีที่จำเป็นได้

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

นอกจากนี้ หัวข้อย่อยภายใน (ปกติตั้งแต่ระดับ H2, H3 เป็นต้นไป) ยังให้โอกาสเพิ่มเติมในการจัดโครงสร้างข้อความ ซึ่งปรับปรุงการรับรู้ของผู้อ่าน
แต่มีปัญหาการเพิ่มประสิทธิภาพในหน้าอื่นที่เกี่ยวข้องกับระดับส่วนหัว (H1 ถึง H6) ที่ใช้กับหน้าบล็อก WordPress

วิธีหลักในการกระจายระดับหัวเรื่องบนหน้าเว็บคือ ชื่อของบทความทั้งหมดควรอยู่ในแท็ก H1 (ระดับสูงสุด) และควรเป็นชื่อเดียวบนหน้า และหัวเรื่องย่อยภายในทั้งหมดในข้อความควรขึ้นต้นด้วย H2.

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

ดังนั้นหากคุณเลือกจากเมนูของปลั๊กอินนี้ (เมนูจะถูกเพิ่มที่ด้านบนของเบราว์เซอร์) รายการ "โครงร่าง" - "โครงร่างส่วนหัว" จากนั้นทั้งหมดที่พบในหน้าเว็บที่เปิดอยู่ในเบราว์เซอร์ในปัจจุบันจะถูกวงกลม มีสี่เหลี่ยมหลากสี ถัดจากนั้นจะมีคำอธิบายว่าระดับคือ H1 -H6

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

ในบทความของเขา Maul คนนี้กล่าวถึงว่าส่วนหัวระดับ H1 บนไซต์ควรเหมือนกันสำหรับหน้าเว็บทั้งหมด แต่เขาไม่ได้พิสูจน์ความคิดของเขาในทางใดทางหนึ่งจริงๆ อย่างไรก็ตาม ฉันใช้แผนของเขาอย่างแน่นอน สำหรับหัวข้อย่อยภายใน ฉันใช้แท็ก H3 และ H4 (บางครั้ง H5)

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

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

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

/wp-content/themes/ชื่อธีม/

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

มาดูกันว่าคุณสามารถเปลี่ยนระดับของชื่อหลักของบทความที่อยู่ในหน้าหลักได้ที่ไหน (ไฟล์ INDEX มีหน้าที่รับผิดชอบในการปรากฏ) และในหน้าที่มีบทความเวอร์ชันเต็ม (ไฟล์ SINGLE)

ก่อนอื่นเรามาเปิด INDEX เพื่อแก้ไขกันก่อน ในนั้นชื่อเรื่องของบทความ WordPress จะอยู่ในแท็ก HTML H2 (ระดับที่สอง) และนอกเหนือจากนั้นคือลิงก์เนื่องจากอยู่ในแท็กลิงก์ A:

หัวข้อ)

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

14. แนวทางเชิงขั้นตอนและเชิงวัตถุ

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

ออบเจ็กต์เหมาะสำหรับการแสดงข้อมูล ตัวอย่าง:

ผู้ใช้คลาส ( public $username; public $first_name; public $last_name; public $email; public function __construct() ( // ... ) public function create() ( // ... ) public function save() ( / / ... ) ฟังก์ชั่นสาธารณะ ลบ() ( // ... ) )

วิธีการดำเนินการมีประโยชน์เฉพาะในตัวเอง

ฟังก์ชั่นตัวพิมพ์ใหญ่($string) ( $ret = strtoupper($string); $ret .= strtolower(substr($string,1)); return $ret; )

15. อ่านโค้ดโอเพ่นซอร์ส

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

16. การปรับโครงสร้างใหม่

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

ฉันหวังว่าคุณจะพบว่าบทความนี้มีประโยชน์! ฉันพลาดอะไรไปรึเปล่า? แบ่งปันประสบการณ์ของคุณ!

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

#button ( น้ำหนักตัวอักษร: ตัวหนา; เส้นขอบ: 2px solid #fff; )

หากต้องการผลลัพธ์ที่คล้ายกับตัวอย่างด้านบน ให้ล้อมโค้ดของคุณในแท็กเหล่านี้:

รหัสของคุณ

พารามิเตอร์ "ภาษา" กำหนดกฎการเน้นภาษาและไวยากรณ์ รองรับค่าต่อไปนี้:

• แอ็คชั่นสคริปต์3
• ความเย็น
• ซีชาร์ป
• เดลฟี
• เออร์แลง
• เอฟชาร์ป
• แรงมาก
• จาวาสคริปต์
• จาวาฟเอ็กซ์
• แมทแล็บ
• พาวเวอร์เชลล์
• หลาม
• สกาลา

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

ตัวเลือกการกำหนดค่า

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

• ลิงก์อัตโนมัติ (จริง/เท็จ) - แต่ละ URL ในโค้ดจะแสดงเป็นไฮเปอร์ลิงก์ ค่าเริ่มต้น: จริง
• ยุบ (จริง/เท็จ) - หากตั้งค่าเป็นจริง พื้นที่โค้ดจะถูกยุบเมื่อโหลดเพจ คุณจะต้องคลิกเพื่อขยาย สิ่งนี้มีประโยชน์สำหรับโค้ดขนาดใหญ่ ค่าเริ่มต้นเป็นเท็จ
• บรรทัดแรก (หมายเลข) — กำหนดว่าการกำหนดหมายเลขบรรทัดเริ่มต้นจะเป็นอย่างไร ค่าเริ่มต้น: 1.
• gutter (true/false) - หากตั้งค่าเป็น false หมายเลขบรรทัดจะถูกซ่อน ค่าเริ่มต้น: จริง
• ไฮไลต์ (ตัวเลขคั่นด้วยเครื่องหมายจุลภาค) - หมายเลขบรรทัดที่จะเน้น เช่น "4,7,19"
• hmtlscript (จริง/เท็จ) - หากตั้งค่าเป็นจริง ให้ไฮไลต์โค้ด HTML/XML สิ่งนี้มีประโยชน์เมื่อเผยแพร่โค้ดผสม เช่น PHP ภายใน HTML ใช้งานได้กับบางภาษาเท่านั้น ค่าเริ่มต้น: เท็จ
• light (จริง/เท็จ) - หากตั้งค่าเป็นจริง หมายเลขบรรทัดและแถบเครื่องมือจะถูกซ่อน สิ่งนี้มีประโยชน์เมื่อโพสต์ข้อมูลโค้ดหนึ่งหรือสองบรรทัด ค่าเริ่มต้น: เท็จ
• padlinenumbers (true/false/integer) - ช่วยให้คุณควบคุมการเติมหมายเลขบรรทัดด้วยศูนย์ ค่า true ตั้งค่าการเติมข้อความอัตโนมัติ ค่า false ปิดใช้งานการทำให้เสร็จสมบูรณ์ number ตั้งค่าจำนวนอักขระคงที่สำหรับหมายเลขบรรทัด
• แถบเครื่องมือ (จริง/เท็จ) - หากตั้งค่าเป็นเท็จ แถบเครื่องมือที่มีปุ่มจะไม่ปรากฏขึ้นเมื่อวางเมาส์เหนือโค้ด ค่าเริ่มต้น: จริง
• wraplines (จริง/เท็จ) - หากตั้งค่าเป็น false การตัดบรรทัดจะถูกปิดใช้งาน หากมีเส้นยาว แถบเลื่อนแนวนอนจะปรากฏขึ้น
• หัวเรื่อง (สตริง) – หัวเรื่องของรหัส สามารถมีประโยชน์ร่วมกับตัวเลือกการยุบได้

ตัวอย่างการใช้พารามิเตอร์ข้างต้น:

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

และนี่คือส่วนของโค้ดที่ใหญ่กว่า ที่นี่เลือกภาษา PHP และบรรทัดที่ 12 จะถูกเน้น

ตัวอย่างโค้ด WordPress.com ตัวอย่างโค้ด WordPress.com บรรทัดนี้ถูกเน้นไว้ มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก มาก นี่คือตัวอย่างของแท็บอัจฉริยะ WordPress.com

รับทราบ
ในการใช้คุณสมบัตินี้ จะใช้โปรเจ็กต์ SyntaxHighlighter (ผู้เขียน Alex Gorbatchev) ผู้ใช้สามารถตั้งค่าได้อย่างเหมาะสม