ข้ามไปยังเนื้อหาหลัก

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

Divi: ธีม WordPress ที่ใช้ง่ายที่สุด

Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 701.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62 [แนะนำ]

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

syntaxhightlighter ปลั๊กอิน

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

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

SyntaxHighlighter การตั้งค่า

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

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

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

[Php]

<?php

ก้อง "Hello Worlds";?>

[/ PHP]

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

สวัสดีโลกรหัส

คุณกำลังมองหาธีมและปลั๊กอิน WordPress ที่ดีที่สุดหรือไม่?

ดาวน์โหลดปลั๊กอินและธีม WordPress ที่ดีที่สุดใน Envato และสามารถสร้างเว็บไซต์ของคุณได้ง่ายๆ ดาวน์โหลดมากกว่า 49.720.000 [EXCLUSIVE]

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

[CSS]

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

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

โค้ด CSS

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

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

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

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

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

สร้างร้านค้าออนไลน์ได้อย่างง่ายดาย

ดาวน์โหลดฟรี WooCommerce ปลั๊กอินอีคอมเมิร์ซที่ดีที่สุดในการขายผลิตภัณฑ์ทางกายภาพและดิจิทัลของคุณบน WordPress [แนะนำ]

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

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

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

บทความนี้มีความคิดเห็น 1

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

แสดงความคิดเห็น

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

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

กลับไปด้านบน
12 หุ้น
หุ้น8
ทวีต1
Enregistrer3