วิธีการแสดงรหัสในกระทู้ WordPress

ตามค่าเริ่มต้น WordPress จะทำการ texturize หรือ interprets, HTML หรือ PHP code ในบทความและหน้าบล็อก นี่อาจเป็นปัญหาสำหรับนักเขียนบล็อก WordPress ที่ต้องการแสดงรหัสการเขียนโปรแกรมในบล็อกโพสต์ของพวกเขาเพื่อจุดประสงค์ในการสอนโดยไม่ต้องใช้ซอฟต์แวร์ WordPress ตีความและแปลงรหัส มีสองวิธีในการแก้ไขปัญหานี้: พิมพ์รหัสด้วยตนเองโดยใช้หน่วยงานอักขระ HTML และใช้ WordPress พื้นเมือง

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

ใช้เอนทิตีอักขระ HTML และแท็ก "พื้นฐาน"

1

เข้าสู่บล็อก WordPress ของคุณและสร้างโพสต์ใหม่ ใช้ฟังก์ชัน Visual Editor แท็บของแท็บนั้นอยู่ที่ด้านขวาบนของช่องป้อนข้อความโพสต์

2

คลิกลูกศรแบบหล่นลงบนบรรทัดที่สองของเว็บบาร์ชื่อ "Format" เลือก "รูปแบบล่วงหน้า" จากรายการ การตั้งค่าที่จัดรูปแบบไว้ล่วงหน้าจะแปลงข้อความของคุณเป็นประเภท monospace และคงไว้ซึ่งเอนทิตีอักขระ HTML หรือ PHP

3

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

"=" <= <

=> / = / - = -

] =] [= [• = •

ติดตั้งปลั๊กอิน SyntaxHighlighter Evolved

1

เข้าสู่บล็อก WordPress ของคุณ คลิกลิงก์ "ปลั๊กอิน" จากเมนูแผงควบคุม เลือก "เพิ่มใหม่"

2

พิมพ์ "SyntaxHighlighter Evolved" ในช่องค้นหา คลิก "ค้นหาเลย" ค้นหาปลั๊กอินในรายการและคลิก "ติดตั้งทันที" คลิก "ตกลง" ในหน้าต่างการยืนยัน อนุญาตให้ติดตั้งปลั๊กอิน

3

เปิดใช้งานปลั๊กอินโดยคลิกที่ลิงก์ "เปิดใช้งานปลั๊กอิน"

4

เข้าสู่ SyntaxHighlighter Evolved settings โดยคลิกที่ "Settings" ในเมนูแดชบอร์ด คลิก "SyntaxHighlighter Evolved" ในรายการ ปรับการตั้งค่าตามความชอบของคุณแล้วคลิก "บันทึกการเปลี่ยนแปลง" เมื่อเสร็จสิ้น

5

สร้างโพสต์บล็อกใหม่ ในการแทรกและแสดงรหัสให้พิมพ์รหัสของคุณระหว่างสองแท็กรหัสย่อ ตัวอย่างเช่นหากต้องการแสดงรหัส HTML ในโพสต์ WordPress ของคุณให้พิมพ์รหัสย่อ [html] รหัส html ของคุณและแท็กรหัสย่อลงท้าย [/ html] ตัวอย่างเช่น: [html]

แรกเริ่ม

[/ html] สำหรับรหัสย่อเพิ่มเติมดูที่หน้าการตั้งค่า SyntaxHighlighter Evolved รหัสย่อแสดงไว้ที่ด้านล่างของหน้า

สิ่งที่จำเป็น

  • ชื่อผู้ใช้และรหัสผ่าน WordPress

ปลาย

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

การเตือน

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

โพสต์ยอดนิยม