ติดตั้ง StyleScript

StyleScript คือปลั๊กอินตัวฟรี WorkMore StyleScript สำหรับ CSS, JavaScript และโค้ดที่ต้องอยู่ใน <head> หลัง <body> และก่อน </body> ของทั้งเว็บ ในตัวแก้ไขโค้ดที่ใช้งานได้จริง พร้อมการดูตัวอย่าง ประวัติ และโหมดปลอดภัย ครบในตัวเอง ส่วน WorkMore StyleScript Pro เป็น add-on ที่จะต้องมีตัวฟรีก่อน เพิ่มโค้ดเฉพาะหน้าและเอฟเฟกต์สำเร็จรูป ตอนนี้กำลังพัฒนาอยู่ หน้านี้จะอธิบายเมื่อออกแล้ว

สิ่งที่ต้องมี

• WordPress 6.0 ขึ้นไป และ PHP 7.4 ขึ้นไป
• ผู้ดูแลที่มีสิทธิ์ใส่ unfiltered HTML คือผู้ดูแลทุกคนของเว็บเดี่ยว หรือผู้ดูแลเครือข่ายบน multisite ผู้ดูแลคนอื่นจะเห็นโค้ดแบบอ่านอย่างเดียว
• ปลั๊กอินตัวฟรี ระหว่างที่ WordPress.org ยังรีวิวอยู่ ดาวน์โหลดได้ที่นี่: workmore-stylescript-1.0.0.zip เมื่อขึ้น WordPress.org แล้วให้ติดตั้งจาก ปลั๊กอิน → เพิ่มปลั๊กอินใหม่ แทน เว็บที่ติดตั้งจาก zip นี้ไว้จะได้อัปเดตจาก WordPress.org เอง เพราะเป็นปลั๊กอินตัวเดียวกัน ชื่อเดียวกัน

1. ติดตั้งปลั๊กอินตัวฟรี

1. ปลั๊กอิน → เพิ่มปลั๊กอินใหม่ → อัปโหลดปลั๊กอิน เลือกไฟล์ zip แล้วกด ติดตั้ง และ เปิดใช้งาน
2. เปิด หน้าตา → StyleScript แท็บ CSS, JavaScript และ ส่วนหัวและส่วนท้าย คือกล่องต่าง ๆ โดย ส่วนหัวและส่วนท้าย มีสามกล่อง ได้แก่ ใน <head>, หลัง <body> และ ก่อน </body>

2. เขียน ดูตัวอย่าง แล้วบันทึก

1. เขียน CSS ในแท็บ CSS
2. กด ดูตัวอย่าง เพื่อดูเว็บจริงข้างตัวแก้ไข พร้อมโค้ดที่ยังไม่ได้บันทึก โดยเห็นคุณคนเดียว CSS เปลี่ยนตามที่พิมพ์ทันที ส่วน JavaScript และโค้ด HTML จะทำงานเมื่อกด รันตัวอย่าง ปุ่มเหนือหน้าเว็บใช้สลับขนาดเดสก์ท็อป แท็บเล็ต และมือถือ
3. กด บันทึก หรือ Ctrl/Cmd+S โค้ดขึ้นเว็บทันที และ page cache ของปลั๊กอินแคชและโฮสต์ที่ใช้กันทั่วไปจะถูกล้างให้ ถ้าโฮสต์ของคุณแคชหน้าเว็บด้วยวิธีอื่น ให้ล้างแคชนั้นหลังบันทึก

ถ้าวางบล็อก <script> หรือ <style> ทั้งก้อนลงผิดกล่อง กล่องจะบอกและแก้ให้ในคลิกเดียว ส่วน JavaScript มีตัวเลือกอยู่ใต้ตัวแก้ไข ทั้งตำแหน่งที่โหลด การรอจนหน้าเว็บพร้อม และการใช้ jQuery

3. ย้ายโค้ดที่มีอยู่เข้ามา

เครื่องมือ → นำโค้ดจากที่อื่นเข้ามา จะหา Additional CSS ของ Customizer และ Custom CSS กับ Header/Footer Scripts ของ Flatsome แสดงสิ่งที่พบ แล้วย้ายเข้ากล่องต่อท้ายโค้ดที่มีอยู่แล้ว โดยค่าเริ่มต้นจะล้างต้นฉบับให้ว่าง โค้ดจะได้ไม่ทำงานซ้ำสองที่ และทุกกล่องเก็บประวัติไว้ จึงย้อนการย้ายได้เสมอ

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

ถ้ามีอะไรพัง

• ประวัติ ในทุกกล่อง เทียบเวอร์ชันก่อนหน้ากับตัวแก้ไขทีละบรรทัด แล้วกู้คืนได้
• เครื่องมือ → เปิดเว็บไซต์โดยไม่มีโค้ดที่กำหนดเอง ดูเว็บโดยไม่มีโค้ดเหล่านี้เลย มีผลกับคุณคนเดียว เฉพาะในหน้าต่างนั้น
• การตั้งค่า → ใส่โค้ดที่กำหนดเองลงในเว็บไซต์ เอาเครื่องหมายออกเพื่อปิดโค้ดทั้งหมดสำหรับทุกคน โดยไม่มีอะไรหาย
• เข้าหน้าผู้ดูแลไม่ได้: เพิ่ม define( 'WMSS_SAFE_MODE', true ); ใน wp-config.php หรือรัน wp stylescript safe-mode on ไม่มีอะไรถูกลบ

Pro

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

ถอนการติดตั้ง

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