Let's talk about the experiece in web design.

If you want quality and top of the line support you’ve found it here. Impeka theme that will make the design life of your site a wonderful serenity.

My articles about the website development

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.

แนะนำปลักอิน WordPress สำหรับสร้างแบบฟอร์มสำหรับการคำนวณ

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

จัดการเรื่อง Custom Font ไม่แสดงผลเวลาย้ายเว็บ

จากการที่ผมพัฒนาเว็บไซต์ให้ลูกค้าแล้ว ทำในเครื่องตัวเองก่อน พอเสร็จแล้วก็เอาขึ้น Server เพื่อให้ลูกค้าได้ลองเล่นๆดู ผมก็เจอปัญหาอยู่อย่างหนึ่งคือ Custom Font ที่ผมเพิ่มเข้าไป มันไม่ทำงาน! พูดอีกอย่างก็คือ มันไม่แสดงผลฟอนต์นั้นบนหน้าเว็บ

Woocommerce การรับค่าชื่อ Product Category สำหรับสินค้านั้นๆ

เรื่องราวทั้งหลายที่ผมเขียนลงในบล็อกก็ล้วนเป็นเรื่องราวที่ใช้ในการแก้ปัญหาให้กับโปรเจ็คแต่ละตัวนั่นเองครับ อย่างตัวนี้ก็มีอยู่ว่า สินค้าของของลูกค้าเนี่ย (เป็นวารสาร) มีการจัดเก็บแบบรายปี ซึ่งปีแต่ละปีผมก็ทำเป็น Category ไว้อยู่แล้วครับ

วิธี Override ไฟล์ Widgets ของ Woocommerce

เทคนิคนี้เป็นเทคนิคสำหรับการแก้ไขไฟล์ Widgets ของ Woocommerce ครับ โดยเป็นเทคนิคที่ผมจะสร้างไฟล์ขึ้นมาใหม่ในโฟลเดอร์ธีมของผม แล้วทำการปรับแต่งโค้ดบางตัว โดยที่การทำงานอื่นๆก็ยังอิงกับไฟล์เดิม เพื่อกันปัญหาการอัพเดทไฟล์หลักทีหลังแล้วจะได้ไม่กระทบกับไฟล์ใหม่ของเรา เราเรียกว่าการ Override file ครับผม

แก้ปัญหา Sticky Menu ที่ลอยทับเนื้อหาเวลาจัดการด้วย Elementor Page builder

ปัญหาหนึ่งที่ผมเจอ ก็คือ เว็บไซต์บางเว็บ ที่ผมออกแบบให้เมนูในเว็บมัน “ลอย” เหนือข้อมูล เราจะเรียกว่าพวก Sticky Menu หนะคับ พวกนี้จะมีปัญหาคือ ด้วยความมันลอยทับเนื้อหา ทำให้เราไม่สามารถคลิกตัว Section บนสุดอันแรกได้ เพราะว่าเมนูมันลอยทับ

การสร้างบทความแบบปักหมุด และการปรับแต่ง

การปักหมุด หรือ Sticky จะเป็นการระบุไปว่า ให้บทความนี้แสดงผลด้านบนสุดของการเรียงลำดับบทความตลอด คือปกตินี้เวลาเราเข้าไปหน้าหมวดหมู่เพื่อดูว่ามีบทความเรื่องอะไรบ้าง บทความมักจะเรียงจาก เรื่องล่าสุด ไปยังเรื่องเก่าสุด ใช่ไหมครับ?

CSS Box Shadow การสร้างเงาเพื่อสร้างมิติ

การทำ CSS box shadow เดี๋ยวนี้ก็ทำได้ง่ายมากครับ เรามีเครื่องมือช่วย Generate ออนไลน์กันเพียบ โดยลองค้นหาคำว่า css box shadow generator ก็ได้และสำหรับบทความนี้ผมจะเอาโค้ด CSS ตัว Box Shadow ที่ผมใช้สำหรับทำเว็บนี้มาฝากครับ สำหรับภาพแรกนั้นจะเป็นว่ากล่องมีเงาที่เด่นขึ้นมาเยอะเลย ใช้โค้ดนี้ครับ

2017 ผ่านไปอีกปี กับชีวิตวัย 30 ปีของผม

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

ตั้งราคาสินค้า โดยอิงจากประเทศที่อยู่

โปรเจ็คนี้ผมทำให้ลูกค้าของผมที่เป็นแบรนด์เครื่องสำอางครับ โดยมีร้านค้าหลักๆอยู่สามประเทศคือ ไทย ออสเตรเลย แล้วก็อาหรับแอมิเรส และราคาทั้งสามที่ก็แตกต่างกันโดยสิ้นเชิงครับ เช่นที่ไทย 2,000 ออสเตรเลีย 2,500 อาหรับ 3,000 เป็นต้น  ซึ่งมันไม่ได้เป็นไปตามอัตราการแลกเปลี่ยนสกุลเงิน

วิธีทำจัดจัดเรียงสินค้า (sorting) แบบหลายเงื่อนไข สำหรับ WooCommerce

ผมมีโปรเจ็คอยู่ตัวหนึ่งครับ ที่มีเงื่อนไขในการจัดเรียงสินค้าที่พิเศษกว่าเว็บขายของทั่วไป นั่นก็คือมีการต้องการจัดเรียงสินค้าแบบเรียงตามรุ่น และเรียงตามราคาแพงสุด นั่นก็คือรุ่นใหม่สุดแพงสุดต้องมาก่อนเป็นอันดับแรก

ความทุกข์ของโปรแกรมเมอร์ผู้เจอบั๊ก

ความท้าทายอย่างหนึ่งในการทำงานก็คือการได้เรียนรู้ที่จะแก้ปัญหากับที่เจอครับ เราไม่สามารถปฏิเสธได้ว่างานของเราจะราบรื่นเสมอไป แต่ว่าหลังจากที่เราเจอเรื่องเหล่านั้น เรารับมือกับมันอย่างไร ผมว่าตรงนี้คือสิ่งสำคัญที่ทำให้เราเกิดกระบวนการเรียนรู้ใหม่ๆครับ

เพราะเว็บไซต์มีหลายแบบ จึงต้องเลือกให้เหมาะสม

สำหรับครั้งนี้ผมจะมาพูดถึงเสกลของการพัฒนาเว็บไซต์ครับ เพราะหลายต่อหลายคนเวลาถามผมว่า เนี่ยอยากจะมีเว็บไซต์เป็นของตัวเอง แต่ก็ไม่มั่นใจว่า เว็บที่ต้องการมันเหมาะสมหรือเปล่า แล้วราคาที่ต้องจ่ายมันคุ้มค่าหรือไม่

back to top