I believe in sharing experiences. Every day, we learn something new, and our knowledge is valuable enough to discuss and share with others. Everyone is a teacher to everyone else. That the little things lead to the big things.
วันนี้ผมมาเล่าถึงเรื่องราวการทำงานให้กับโปรเจ็คตัวหนึ่งครับผม หลังจากที่ทำเสร็จแล้วก็อยากจะมาแบ่งปันว่าทำงานนี้ใช้เครื่องมือตัวไหนบ้าง เผื่อจะเป็นประโยชน์สำหรับท่านอื่นๆครับ โปรเจ็คตัวนี้ เป็นโปรเจ็คที่ออกแบบให้ภาควิชาชีวเคมี
จากที่เคยผ่านประสบการณ์การทำงานมา ทั้งที่เจอเอง และเพื่อนๆร่วมวงการเจอนั้น ส่วนใหญ่ตอนเริ่มต้น เราจะไม่ค่อยกล้าถามลูกค้าว่า เค้ามีงบในใจเท่าไหร่ ก็พากันคุยรายละเอียดกันไปยาวเหยียว แต่สุดท้ายแล้ว พอมาตบท้ายด้วยงบที่มี ก็ทำให้อึกอักทั้งสองฝ่าย หลายครั้งที่ไม่ได้ทำงานด้วยกัน
มีอยู่ครั้งหนึ่งที่ลูกค้าสอบถามว่า เราสามารถทำการแจ้งเตือนในหน้าเว็บได้ไหม ในกรณีที่ลูกค้าซื้อสินค้าแล้ว แบบเตือนว่า นี่ยังขาดอีกไม่กี่บาท ก็จะได้ส่งฟรีแล้วนะ เช่น สมมติว่า ซื้อขั้นต่ำ 1,200 บาท ร้านจะส่งสินค้าให้ฟรี แล้วลูกค้าก็ซื้อไปแล้ว 1,100 บาท อะไรแบบนี้ ก็แจ้งเตือน
หลายครั้งนะครับที่ผมจะได้รับโปรเจ็คที่ให้มีการสร้างแบบฟอร์มขึ้นมา เพื่อช่วยให้ User สามารถทราบรายละเอียดคร่าวๆของบริการแต่ละอย่างๆได้ เช่น สมมติว่าทำโปรเจ็ครับทำเว็บ ก็ให้ลูกค้าระบุความต้องการ แล้วแบบฟอร์มของเราก็จะแจ้งให้ทราบว่า จากตัวเลือกที่ลูกค้าระบุมาเนี่ย คิดเป็นเงินเท่าไหร่
จากการที่ผมพัฒนาเว็บไซต์ให้ลูกค้าแล้ว ทำในเครื่องตัวเองก่อน พอเสร็จแล้วก็เอาขึ้น Server เพื่อให้ลูกค้าได้ลองเล่นๆดู ผมก็เจอปัญหาอยู่อย่างหนึ่งคือ Custom Font ที่ผมเพิ่มเข้าไป มันไม่ทำงาน! พูดอีกอย่างก็คือ มันไม่แสดงผลฟอนต์นั้นบนหน้าเว็บ
เรื่องราวทั้งหลายที่ผมเขียนลงในบล็อกก็ล้วนเป็นเรื่องราวที่ใช้ในการแก้ปัญหาให้กับโปรเจ็คแต่ละตัวนั่นเองครับ อย่างตัวนี้ก็มีอยู่ว่า สินค้าของของลูกค้าเนี่ย (เป็นวารสาร) มีการจัดเก็บแบบรายปี ซึ่งปีแต่ละปีผมก็ทำเป็น Category ไว้อยู่แล้วครับ
เทคนิคนี้เป็นเทคนิคสำหรับการแก้ไขไฟล์ Widgets ของ Woocommerce ครับ โดยเป็นเทคนิคที่ผมจะสร้างไฟล์ขึ้นมาใหม่ในโฟลเดอร์ธีมของผม แล้วทำการปรับแต่งโค้ดบางตัว โดยที่การทำงานอื่นๆก็ยังอิงกับไฟล์เดิม เพื่อกันปัญหาการอัพเดทไฟล์หลักทีหลังแล้วจะได้ไม่กระทบกับไฟล์ใหม่ของเรา เราเรียกว่าการ Override file ครับผม
ปัญหาหนึ่งที่ผมเจอ ก็คือ เว็บไซต์บางเว็บ ที่ผมออกแบบให้เมนูในเว็บมัน “ลอย” เหนือข้อมูล เราจะเรียกว่าพวก Sticky Menu หนะคับ พวกนี้จะมีปัญหาคือ ด้วยความมันลอยทับเนื้อหา ทำให้เราไม่สามารถคลิกตัว Section บนสุดอันแรกได้ เพราะว่าเมนูมันลอยทับ
การปักหมุด หรือ Sticky จะเป็นการระบุไปว่า ให้บทความนี้แสดงผลด้านบนสุดของการเรียงลำดับบทความตลอด คือปกตินี้เวลาเราเข้าไปหน้าหมวดหมู่เพื่อดูว่ามีบทความเรื่องอะไรบ้าง บทความมักจะเรียงจาก เรื่องล่าสุด ไปยังเรื่องเก่าสุด ใช่ไหมครับ?
การทำ CSS box shadow เดี๋ยวนี้ก็ทำได้ง่ายมากครับ เรามีเครื่องมือช่วย Generate ออนไลน์กันเพียบ โดยลองค้นหาคำว่า css box shadow generator ก็ได้และสำหรับบทความนี้ผมจะเอาโค้ด CSS ตัว Box Shadow ที่ผมใช้สำหรับทำเว็บนี้มาฝากครับ สำหรับภาพแรกนั้นจะเป็นว่ากล่องมีเงาที่เด่นขึ้นมาเยอะเลย ใช้โค้ดนี้ครับ
เวลาหนึ่งปีมันผ่านไปเร็วโคตรรรร เร็วมาก จนแบบว่าบางทีเหมือนแค่นั่งหายใจไปแป็บๆก็สิ้นเดือน สิ้นปีแล้วเหรอเนี่ย แถมปีนี้ผมก็มีเลขนำหน้าเป็นเลขใหม่แล้วนะครับ นั่นก็คือเลข 3 แล้วหละ เข้าสู่วัยกลางคนอย่างเต็มตัวแล้วสิครับ
โปรเจ็คนี้ผมทำให้ลูกค้าของผมที่เป็นแบรนด์เครื่องสำอางครับ โดยมีร้านค้าหลักๆอยู่สามประเทศคือ ไทย ออสเตรเลย แล้วก็อาหรับแอมิเรส และราคาทั้งสามที่ก็แตกต่างกันโดยสิ้นเชิงครับ เช่นที่ไทย 2,000 ออสเตรเลีย 2,500 อาหรับ 3,000 เป็นต้น ซึ่งมันไม่ได้เป็นไปตามอัตราการแลกเปลี่ยนสกุลเงิน
เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า
