Tag: JavaScript
การใช้ Laravel Mix สำหรับคอมไพล์ CSS และ JavaScript ใน WordPress และโปรเจ็กท์ standalone
เราเข้าสู่ทศวรรษที่ 20s แล้ว เรามีเครื่องมือช่วยอำนวยความสะดวกในการทำเว็บเยอะแยะมากมาย หนึ่งในนั้นคือบรรดา CSS Preprocessor ทั้งหลายไม่ว่าจะเป็น SASS, LESS, หรือ Stylus รวมไปถึงฟีเจอร์ใหม่ๆ ใน JavaScript ที่เพิ่มเข้ามาใหม่อย่างรวดเร็วจนเบราเซอร์ตามกันไม่ค่อยทัน กำแพงสำคัญอย่างหนึ่งที่ทำให้หลายคนยังไม่ก้าวไปใช้เครื่องมือเหล่านี้สักทีนั่นคือความยุ่งยากในการตั้งค่าเครื่องมือในการคอมไพล์ (หรือทรานสไพล์) ภาษาเหล่านี้ให้เป็นโค้ดที่เบราเซอร์ส่วนใหญ่ในตลาดสามารถเอาไปใช้งานได้ เออ พูดถึงแกนั่นแหละนัง Webpack ทางออกหนึ่งคือไปใช้ starter theme ที่ตั้งค่าพวกนี้มาให้แล้วอย่างเช่น Sage 9 เขียนธีม WordPress บนเทคโนโลยีสมัยใหม่ด้วย Sage 9 – ตอนที่ 1 แนะนำ Sage 9 เขียนธีม WordPress ด้วย Sage 9 – ตอนที่ 2 ระบบจัดการแพ็คเกจ เขียนธีม WordPress ด้วย Sage 9 – ตอนที่ […]
การส่งค่าจาก PHP ไปหา JavaScript ใน WordPress
เวลาเราทำเว็บด้วย WordPress และมีการต้องมาเกี่ยวข้องกับการเขียน JavaScript ในหลายครั้งจะต้องมีการเรียกใช้ค่าจากฝั่ง PHP เนื่องด้วย PHP และ JavaScript นั้นทำงานคนละที่กัน (PHP ทำงานบนเซิร์ฟเวอร์ และ JavaScript ทำงานฝั่งเบราเซอร์) ทำให้เราจะส่งค่าจาก PHP ไปให้ JavaScript โดยตรงไม่ได้ ทางออกที่เจอกันบ่อยๆ คือให้ PHP ทำการ echo ค่านั้นๆ ออกมาแล้ว JavaScript จึงนำเอาไปใช้ ทีนี้ปัญหาอยู่ที่ในไฟล์ .js นั้นเราไม่สามารถแทรกคำสั่ง PHP ลงไปได้ ดังนั้นท่าที่เราเจอบ่อยที่สุดท่าหนึ่งก็คือการเขียน JS แทรกลงไปในไฟล์เท็มเพลต และ echo ค่าจาก PHP ลงไปตรงนั้น วิธีนี้แม้จะทำให้ได้ผลลัพธ์ที่ต้องการได้ แต่ก็ทำให้โค้ดรก และต้องเอาโค้ด JS มาปะปนอยู่ในไฟล์เท็มเพลตด้วย
