คู่มือเริ่มต้น WordPress Theme Editor + 5 ปลั๊กอินตัวแก้ไขโค้ดฟรี

ตัวแก้ไขธีมของ WordPress เป็นโปรแกรมแก้ไขข้อความอย่างง่ายที่อยู่ที่แดชบอร์ด WordPress ภายใต้ ลักษณะที่ปรากฏ»ตัวแก้ไข

โปรแกรมแก้ไขธีม WordPress ช่วยให้คุณสามารถแก้ไขไฟล์ธีม WordPress จากแดชบอร์ด WordPress (พื้นที่ผู้ดูแลระบบ)

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

คุณสามารถดูตัวอย่างเครื่องมือแก้ไขธีมได้ในภาพหน้าจอด้านล่าง

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

ตัวอย่างเช่น หากคุณแก้ไขไฟล์ styles.php โดยตรง การปรับแต่งของคุณจะทำงานได้ดีในตอนแรก

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

วิธีปรับแต่งธีม WordPress?

หากคุณต้องการเพิ่ม CSS หรือ Javascript แบบกำหนดเองให้กับธีมของคุณ คุณสามารถติดตั้ง Custom CSS/JavaScript Plugins ได้

คุณสามารถอ่านบทความนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ Custom CSS Plugins ในบทความนี้ ฉันได้ระบุ 10 ปลั๊กอินฟรีเพื่อเพิ่ม CSS และ JavaScript ที่กำหนดเองลงในไซต์ WordPress ของคุณ

ปลั๊กอิน CSS ที่กำหนดเองและจาวาสคริปต์ที่กำหนดเองนั้นใช้งานง่าย และคุณจะไม่สูญเสียการเปลี่ยนแปลงเมื่อคุณอัปเดตธีม

คุณยังสามารถใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome เพื่อแก้ไขธีมของคุณ อ่านวิธีแก้ไขธีม WordPress โดยใช้เครื่องมือ Chrome Dev

วิธีเพิ่มลูกศรลงในเมนูโดยไม่ต้องใช้ JavaScript หรือ JQuery นี่คือการสอนทีละขั้นตอนสำหรับผู้เริ่มต้นเพื่อเรียนรู้วิธีการทำงานของธีม WordPress

ความคิดเห็นเป็นส่วนสำคัญของบล็อก WordPress คุณสามารถอ่านบทความนี้เพื่อเรียนรู้วิธีเน้นความคิดเห็นของผู้เขียนในธีม WordPress

ปรับแต่งธีม WordPress ด้วยธีมลูก

ธีมลูกเป็นวิธีที่ดีที่สุดและแนะนำในการปรับแต่งธีม WordPress ใดๆ คุณสามารถเปลี่ยนแปลงได้มากเท่าที่คุณต้องการ

ตัวอย่างเช่น เรากำลังใช้ธีมย่อยที่ปรับแต่งมาเป็นพิเศษที่ JustLearnWP ธีมหลักคือ TwentySixteen แต่ธีมลูกของเราดูแตกต่างไปจากเดิมอย่างสิ้นเชิง

ด้วยธีมย่อย คุณสามารถแก้ไขไฟล์ใดๆ ที่มีธีมย่อย คุณสามารถเพิ่มหรือลบคุณลักษณะจากธีมหลักได้

อ่านบทความนี้เพื่อเรียนรู้ว่าเหตุใดธีมย่อยจึงมีความสำคัญ

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

เราได้เผยแพร่การสอนทีละขั้นตอน วิธีสร้างธีมลูกของ WordPress ในบทช่วยสอนนี้ คุณจะได้เรียนรู้การสร้างธีมลูกด้วยตนเองโดยไม่ต้องใช้ปลั๊กอินใดๆ

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

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

ปลั๊กอิน WordPress Theme Editor

มีปลั๊กอิน WordPress Theme Editor ฟรีมากมาย ปลั๊กอินเหล่านี้มีคุณสมบัติขั้นสูงที่แตกต่างกันออกไป

ต่อไปนี้คือปลั๊กอินตัวแก้ไขธีมยอดนิยมบางส่วนสำหรับ WordPress

1. ตัวแก้ไข WP

ด้วยการติดตั้งที่ใช้งานมากกว่า 100,000 รายการ นี่เป็นหนึ่งในปลั๊กอินแก้ไขยอดนิยมสำหรับ WordPress ต้องใช้ WordPress 3.0 หรือสูงกว่า

WP Editor จะแทนที่ปลั๊กอินเริ่มต้นและตัวแก้ไขธีมรวมถึงตัวแก้ไขหน้า / โพสต์ในแดชบอร์ด WordPress

WP Editor ใช้การรวม CodeMirror และ FancyBox เพื่อสร้างสภาพแวดล้อมที่มีคุณลักษณะครบถ้วน WP Editor จะปรับปรุงความสามารถในการแก้ไขไฟล์ WordPress เริ่มต้นใหม่ทั้งหมด

คุณสมบัติตัวแก้ไข WP:

• CodeMirror
• Active Line Highlighting
• เบอร์ไลน์
• ตัดเส้น
• ธีมตัวแก้ไขแปดตัวพร้อมการเน้นไวยากรณ์
• การแก้ไขแบบเต็มหน้าจอ (ESC, F11)
• ค้นหาข้อความ (CMD + F, CTRL + F)
• การตั้งค่าส่วนบุคคลสำหรับบรรณาธิการแต่ละคน
• FancyBox สำหรับการดูภาพ
• เบราว์เซอร์ไฟล์ AJAX
• รายการส่วนขยายที่อนุญาต
• ส่วนการตั้งค่าที่ใช้งานง่าย

ดาวน์โหลด WP-Editor

2. โปรแกรมแก้ไขโค้ดขั้นสูง

นี่เป็นปลั๊กอินยอดนิยมอีกตัวหนึ่งที่มีการติดตั้งที่ใช้งานมากกว่า 100,000 รายการ

ปลั๊กอินตัวแก้ไขโค้ดขั้นสูง เปิดใช้งานการเน้นไวยากรณ์ในธีมที่ผสานรวมและตัวแก้ไขซอร์สโค้ดของปลั๊กอิน และสนับสนุน PHP, HTML, CSS และ JavaScript

คุณสามารถแก้ไขธีมหรือปลั๊กอินได้เมื่อคุณมีสิทธิ์เข้าถึงเบราว์เซอร์ โดยเปิดใช้งานการเน้นไวยากรณ์ในตัวแก้ไขซอร์สโค้ดที่ผสานรวมของ WordPress

คุณสมบัติตัวแก้ไขโค้ดขั้นสูง

• การค้นหาอัจฉริยะ (สตริงหรือ regex) และการค้นหาและแทนที่
• ตัวแก้ไขแบบเต็มหน้าจอรวมถึง 11 ธีมสำหรับตัวแก้ไข
• เลิกทำและทำซ้ำหลายครั้ง (ตัวแก้ไขจะจดจำการแก้ไขทั้งหมด) และการทำให้สมบูรณ์อัตโนมัติด้วยฟังก์ชัน WordPress มากกว่า 3,500 รายการ
• ทดสอบและใช้งานได้กับ IE8,9,10 FF3.6 ขึ้นไป, chrome 8 ขึ้นไป
• Ajax สร้าง ลบ บันทึกไฟล์และโฟลเดอร์
• ดาวน์โหลดไฟล์ ธีม หรือปุ่มปลั๊กอิน
• แสดงความคิดเห็นรหัสออก/ในและระบบควบคุมเวอร์ชันในตัว

ดาวน์โหลดตัวแก้ไขโค้ดขั้นสูง

3. WPide

นี่เป็นปลั๊กอินฟรีอีกตัวที่มีคุณสมบัติขั้นสูงมากมาย WPide ต้องใช้ WordPress 3.0 หรือสูงกว่า

ตามที่นักพัฒนา WPide เป็นตัวแก้ไขโค้ด WordPress โดยมีเป้าหมายระยะยาวในการเป็นสภาพแวดล้อมที่ดีที่สุดในการเขียนโค้ด/พัฒนาธีมและปลั๊กอินของ WordPress

ด้วยปลั๊กอินฟรีนี้ คุณจะสามารถแก้ไขไฟล์ใดๆ ในไดเร็กทอรี wp-content ของคุณ ไม่ใช่แค่ปลั๊กอินและธีม

คุณลักษณะการกรอกโค้ดช่วยให้คุณจำคำสั่ง WordPress/PHP ได้ โดยให้ข้อมูลอ้างอิงฟังก์ชันตลอดเส้นทาง

คุณยังสามารถแก้ไขไฟล์หลายไฟล์พร้อมกันได้ด้วยตัวแก้ไขแบบแท็บ

คุณสมบัติปัจจุบัน:

• การกำหนดหมายเลขบรรทัด การเน้นไวยากรณ์ และ Find+replace
• เติมโค้ดอัตโนมัติสำหรับฟังก์ชัน WordPress และ PHP พร้อมกับคำอธิบายฟังก์ชัน อาร์กิวเมนต์ และค่าส่งคืนตามความเหมาะสม
• สำรองข้อมูลอัตโนมัติของทุกไฟล์ที่คุณแก้ไข
• ใช้ file browser เพื่อเปลี่ยนชื่อ ลบ ดาวน์โหลด zip และ unzip ไฟล์ (เช่น ดาวน์โหลดไฟล์ zip ของทั้งธีม)
• สร้างไฟล์และไดเร็กทอรีใหม่

ดาวน์โหลด WPide

4. Microthemer Lite

คุณต้องการปรับแต่งไฟล์เหล่านี้แต่ไม่รู้อะไรเกี่ยวกับ HTML, CSS หรือ PHP คุณสามารถใช้ Microthemer Lite ปลั๊กอินฟรีเพื่อปรับแต่งธีมของคุณ

นี่คือโปรแกรมแก้ไขธีมภาพฟรีที่ให้คุณปรับแต่งรูปลักษณ์ของธีมหรือปลั๊กอิน WordPress โดยไม่ต้องเขียนโค้ด

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

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

เวอร์ชันฟรีจำกัดให้คุณแก้ไข/สร้าง 9 'ตัวเลือก' เช่น

ชื่อเว็บไซต์
คำอธิบายเว็บไซต์
รูปภาพหรือรูปภาพทั้งหมด
ลิงค์หรือลิงค์ทั้งหมด
ช่องป้อนข้อมูลเว็บไซต์ค้นหา
ปุ่มค้นหาไซต์
โพสต์/หน้า.
แถบด้านข้าง
ส่วนท้าย

หรือองค์ประกอบอื่นๆ อีก 9 รายการที่คุณเลือก นี่เป็นเพียงตัวอย่าง

ดาวน์โหลด Microthemer Lite

5. ตัวแก้ไขธีมโค้ดที่เป็นของแข็ง

ปลั๊กอินฟรีนี้จะเพิ่ม n ตัวแก้ไขธีมที่ได้รับการปรับปรุงด้วยมุมมองต้นไม้ที่ดีขึ้นของไฟล์ธีมและโฟลเดอร์ และฟังก์ชันพิเศษบางอย่าง

คุณสมบัติและไฮไลท์:

ดูไฟล์ธีมในโครงสร้างมุมมองแบบต้นไม้ (รวมถึงไดเร็กทอรีย่อย)
ดูไฟล์ทั้งหมด (ไม่ใช่แค่ PHP และ CSS)
แก้ไขนามสกุลไฟล์ต่อไปนี้: LESS, PHP, CSS, JS, XML, HTML, HTM, TXT, SQL
ปากกาเน้นข้อความและหมายเลขบรรทัด
ดาวน์โหลดการสำรองข้อมูล ZIP ของธีมทั้งหมด
ดาวน์โหลดไฟล์แต่ละไฟล์
สร้างและลบไฟล์

แค่นั้นแหละ

ฉันหวังว่าตอนนี้คุณรู้วิธีใช้ WordPress Theme Editor อย่างถูกต้อง คุณยังสามารถใช้ปลั๊กอินเพื่อเพิ่มประสิทธิภาพการทำงานของ WordPress Theme Editor

คุณใช้ปลั๊กอิน WordPress Code Editor หรือไม่ แชร์ปลั๊กอินโปรดของคุณกับเรา เพิ่มความคิดเห็นของคุณด้านล่าง