วิธีการแสดงรหัสในบล็อกของคุณ WordPress: กวดวิชา

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

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

สิ่งแรกที่คุณต้องทำคือติดตั้ง ไวยากรณ์เน้นวิวัฒน์. ในขณะที่เปิดใช้งานปลั๊กอินสิ่งที่คุณต้องทำคือไปที่ตำแหน่งต่อไปนี้: " การตั้งค่า> เน้นไวยากรณ์ เพื่อกำหนดค่าปลั๊กอิน

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

ปลั๊กอินนี้อาศัยการใช้รหัสย่อเป็นจำนวนมาก สำหรับแต่ละภาษาคุณต้องปิดรหัสด้วยชื่อของภาษาในรหัสย่อ นี่คือตัวอย่างของการใช้ปลั๊กอิน:

[Php]

<?php

ก้อง "Hello Worlds";?>

[/ PHP]

รหัสนี้จะปรากฏดังนี้:

ในการเพิ่มโค้ด CSS คุณต้องเพิ่มสิ่งนี้:

[CSS]

.entry ชื่อ {
ตระกูลฟอนต์: "Open Sans", arial, sans-serif;
font-size: 16px;
สี: สี #272727;
}
[/ Css]

รหัสจะปรากฏดังนี้:

ปลั๊กอินจะแปลงรหัสที่ป้อนภายในรหัสย่อเป็นรหัสสีโดยอัตโนมัติเพื่อให้นักพัฒนาอ่านได้ง่ายขึ้น

วิธีการแสดงรหัสโดยไม่ต้องใช้ปลั๊กอิน

บล็อกเกอร์หลายคนมีบล็อกที่มีเคล็ดลับในการพัฒนาดังนั้นพวกเขาจำเป็นต้องเพิ่มโค้ด CSS ในโพสต์โดยทั่วไป บางครั้งคุณไม่จำเป็นต้องใช้การเน้นไวยากรณ์เพื่อเพิ่มโค้ดในบล็อกของคุณวิธีเดียวคือการเข้ารหัสโค้ดของคุณเป็นเอนทิตี HTML เช่นนี้:

>? php echo "สวัสดีชาวโลก"; ? <

ปัญหาคือการแปลงรหัสด้วยวิธีนี้ยากมาก คุณสามารถใช้เครื่องมือเช่น web2generator เพื่อแปลงรหัสเป็นเอนทิตี HTML

ด้วยการแปลงโค้ด PHP, HTML และ JavaScript เป็นเอนทิตี HTML คุณจะสามารถเพิ่มโค้ดเหล่านี้ในโพสต์ของคุณได้โดยไม่ต้องกลัวว่า WordPress จะลบออก หากต้องการใช้สไตล์ขั้นสูงคุณสามารถเพิ่มโค้ดของคุณในโค้ดในแท็ก“ » & « ”

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

อย่าลังเลที่จะแบ่งปันบทแนะนำนี้กับเพื่อนของคุณ