แก้ไขธีม Riba Lite ตอนที่ 1

แก้ไขธีม Riba Lite ตอนที่ 1


ตอนนี้จะมาแนะนำการแก้ไขธีม Riba Lite ซึ่งเป็นธีมในแนว blog สำหรับคนที่ชอบเขียนบทความ ธีมนี้มีข้อเสียอยู่อย่างคือขึ้นหน้าเปล่าๆและมีคำว่า LOADING ขณะกำลังโหลดซึ่งดูน่าเกลียด จุดประสงค์ของบทความนี้คือจะลบหน้าโหลดดิ้งนี้

เท่าที่ดูคร่าวๆในเมนู Appearance -> Customize ไม่มีเมนูให้ปิดหน้าโหลดดิ้งหรือเปลี่ยนไปเป็นรูปอื่น อาจจะมีในเวอร์ชันโปร หรือมีแต่ผมหาไม่เจอ สมมติว่าไม่มีก็แล้วกัน แล้วเราจะปิดมันอย่างไร?

เท่าที่ดูคร่าวๆ(อีกครั้ง) อาการนี้แก้ไม่ได้ด้วย CSS (หรืออาจจะได้แต่ต้องออกแรงมากหน่อย) สมมติอีกว่าแก้ไม่ได้ด้วย CSS ก็แล้วกัน สรุปว่าเราจะไปแก้ไขธีมที่ตัวโค้ดของธีมโดยตรง

เครื่องมือที่นักแก้ไขธีมมักใช้คือ NotePad++ สำหรับวินโดวส์ หรือ Komodo สำหรับคนที่ใช้ Mac (ซึ่งมีเวอร์ชันสำหรับ Windows และ Linux ด้วย) แต่อันนี้มันอาจดูน่ากลัวไปสำหรับผู้ทำเว็บทั่วไป สมมติว่าเราเป็นชาว blog ธรรมดาจะมีวิธีง่ายกว่านี้ไหม คำตอบคือ “มี”

มีปลั๊กอินตัวหนึ่งที่ช่วยให้แก้ไขโค้ด เหมาะสำหรับผู้ที่ต้องการแก้ไขธีมแบบเฉพาะกิจเล็กๆน้อยๆ ชื่อว่า AceIDE ลอง Add เข้าไปเลยครับ

คอร์สสอนและอบรม wordpress
อบรมการปรับแต่งธีม wordpress

เมื่อติดตั้งเสร็จจะมีเมนู AceIDE เพิ่มขึ้นมา ทางขวามือให้เลือก Themes -> Riba-Lite ไปเรื่อยๆตามรูป จะเจอไฟล์ class.mt-preloader-output.php คลิกที่ไฟล์นี้เพื่อแก้

สอน wordpress การปรับแต่งธีม
เรียนการปรับแต่งธีม wordpress

เลื่อนไปบรรทัดที่ 44 แล้วแก้จาก

$this->preloader_is_enabled = get_theme_mod(‘riba_lite_enable_site_preloader‘, 1);

เป็น

$this->preloader_is_enabled = get_theme_mod(‘-riba_lite_enable_site_preloader‘, 0);

เรียนการปรับแต่งธีม wordpress
สอนการปรับแต่งธีม wordpress

Note : เติม – ไปข้างหน้า riba_lite_enable_site_preloader กับเปลี่ยน 1 เป็น 0 แล้วกดปุ่ม SAVE FILE

แค่นี้ ลองเปิดดูใหม่ (ถ้ายังอยู่ให้ refresh หลายๆครั้งเพื่อล้างของเก่าออก) หน้า LOADING อันน่าเกลียดก็จะหายไป

ยังมีตอนที่ 2 สำหรับคนที่ต้องการแก้ไขธีมให้มีเมนูในหน้า Appearance -> Customize เพื่อเซตเปิดปิด LOADING ได้โดยตรงโดยไม่ต้องมาแก้ไขธีมที่ตัวโค้ดโดยตรงอย่างนี้