WordPress Ajax พื้นฐาน และแนวทางการเขียน

ธีม Seed ในชุด Seed Kit สำหรับทำเว็บ ออกเวอร์ชั่น 2.0 แล้ว ในเวอร์ชั่นนี้ได้นำเอา jQuery ออกไปเรียบร้อยแล้ว ถ้าหากเราต้องใช้ Ajax ของเวิร์ดเพรสส์ มีแนวทางในการเขียนอย่างไรบ้าง พื้นฐานการเขียน WordPress Ajax ตั้งแต่ Ajax ได้ถูกรวมเข้ามาในฟังก์ชั่นการทำงานหลักของเวิร์ดเพรสส์แล้วนั้น ทำให้เราสามารถเขียน Function Hooks เพื่อเพิ่มประสิทธิภาพการทำงานให้กับเวิร์ดเพรสส์ได้มากยิ่งขึ้น ถ้าหากสงสัยว่า Function Hooks คืออะไร? สามารถอ่านรายละเอียดเพิ่มเติมได้ที่ลิ้งก์นี้ได้เลย What is: Hooks ก่อนจะไปถึงเรื่องการโค้ดมีเรื่องที่เราต้องทำความเข้าใจก่อน 2 เรื่อง คือ admin-ajax.php คือ ไฟล์ php ที่เราต้องส่งข้อมูลไปให้ wp_ajax_ คือ ชื่อฟังก์ชั่นที่บอกว่า Function Hook นี้ สำหรับเรียกข้อมูลแบบ Ajax เมื่อเข้าใจ 2 เรื่องนี้แล้ว ก็สามารถเข้าใจหลักการเขียน […]

[ไลฟ์สดสอนทำเว็บครั้งที่ 6] แกะกล่องธีม Plant 2: Customizer, Blocks & WooCommerce

วันอาทิตย์ที่ 3 พฤศจิกายน เวลา 16:00 – 1700 น. ทีมงาน SeedThemes สอนทำเว็บโดยไลฟ์สดผ่านเฟซบุ๊ก เพจ SeedThemes นะครับ เรียนรู้การใช้ Plant 2 เพื่อสร้างเว็บแบบต่างๆ ทั้งเว็บบล็อก, เว็บองค์กร, เว็บข่าวสาร หรือแม้แต่เว็บร้านค้าออนไลน์ เป็นคอร์สที่เนื้อหาไม่ยากนัก เหมาะกับผู้เริ่มต้นทำเว็บ ที่มีพื้นฐานการใช้เวิร์ดเพรสบ้าง เช่น สร้าง Post, Page, Menu ได้ หมายเหตุ: ธีม Plant 2 สามารถทำคะแนน Page Speed ได้ถึง 100 ถ้าเนื้อหาในหน้าไม่เยอะมากนัก แนะนำให้ใช้ร่วมกับปลั๊กอิน Kadence Blocks เพื่อจัดหน้า และ Autoptimize เพื่อบีบอัด HTML CSS JS และปลั๊กอินแคชต่างๆ (เช่น Breeze หรือ WP Fastest […]

[ไลฟ์สดสอนทำเว็บครั้งที่ 5] จัดหน้าเว็บด้วย Blocks แทน Page Builder กันเถอะ!

วันอาทิตย์ที่ 20 ตุลาคม เวลา 16:00 – 1700 น. ทีมงาน SeedThemes ได้สอนทำเว็บโดยไลฟ์สดผ่านเฟซบุ๊ก เพจ SeedThemes นะครับ เรียนรู้การใช้ Gutenburg ที่มากับเวิร์ดเพรสยุคใหม่ เพื่อนำ Blocks แบบต่างๆ มาจัดหน้า ปรับแต่งความสวยงาม โดยแนะนำปลั๊กอินฟรี Kadence Block กับ Otter เพิ่มเติม เหมาะกับผู้เริ่มต้นทำเว็บ ที่มีพื้นฐานการใช้เวิร์ดเพรสบ้าง เช่น สร้าง Post, Page, Menu ได้ หมายเหตุ: หลังจากลองใช้ Blocks แทน Page Builder มา 3-4 งาน พบว่าผู้ใช้ทั่วไปสามารถแก้ต่อได้ง่าย การใช้ Blocks ทำให้เว็บเบาและแสดงผลได้เร็วกว่า Page Builder ต่างๆ (สูสีกับ Site Origin, ไวกว่า Elementor, […]

[ไลฟ์สดสอนทำเว็บครั้งที่ 4] ทำเว็บแบบไม่เขียนโค้ด ด้วยธีม Plant และ Smart Slider 3 Pro

วันอาทิตย์ที่ 22 กันยายน เวลา 16:00 – 1700 น. ทีมงาน SeedThemes ได้สอนทำเว็บโดยไลฟ์สดผ่านเฟซบุ๊ก เพจ SeedThemes นะครับ เนื้อหาครั้งนี้จะเหมาะกับผู้เริ่มต้นใช้เวิร์ดเพรส หรือผู้ที่ชำนาญแล้ว แต่ต้องการเขียนเว็บให้คนอื่นมาแก้ไขต่อได้ง่าย ประเด็นของเนื้อหาที่จะพูดครั้งนี้ 1. ทบทวนการใช้เวิร์ดเพรส เริ่มต้นที่เว็บทดสอบ หรือจำลองเว็บในเครื่อง (แนะนำ Local by Flywheel ฟรีและดีมาก เร็วกว่า MAMP Pro อีก) การติดตั้งธีม Plant การสร้างหน้า (Page) / เรื่อง (Post) การตั้งค่าพื้นฐาน 2. การปรับแต่ง (Customizer) ธีม Plant Header Body Footer 3. เริ่มต้นใช้งาน Smart Slider 3 Pro พื้นฐานการใช้งาน สร้างสไลเดอร์รูปภาพ ตั้งค่าปุ่มเลื่อนซ้ายขวา การปรับเอฟเฟ็คระหว่างสไลด์ […]

Seed 2.0

ธีม Seed ในชุด Seed Kit สำหรับทำเว็บ เป็นธีมเริ่มต้น (Starter Theme) ซึ่งเหมาะกับนักพัฒนาที่ต้องการแก้โค้ดเองนะครับ หลังจากเปิดตัวมีการแก้ไขโค้ดต่อ ทำให้บางคนกังวลว่า จะรวมโค้ดยังไงดี แนะนำว่าแนวทางหลัก จะมี 2 แบบนะครับ 1. Starter Theme – ใช้เป็นธีมเริ่มต้นแล้วแก้ไปเลย แนวทางนี้จะเหมือนกับธีม Underscore คือ เอาไฟล์มาแก้จนพอใจ แล้วก็ไม่ต้องอัปเดตธีมอีก เพราะธีมไม่มีปลั๊กอินอะไรแนบมา ไม่ต้องกลัวโดนแฮค เดี๋ยวอนาคตอีก 3-5 ปีจะทำเว็บใหม่ ค่อยสร้างธีมใหม่ไปเลย แต่ถ้าเจอว่าธีมมีบั๊กบางอย่างที่ต้องการแก้ ก็ใช้วิธีไปเทียบโค้ดกับ Git เอา ทำให้เราเลือกจะนำธีม Seed ขึ้น Github ด้วยนะครับที่ https://github.com/SeedThemes/seed 2. Parent Theme – ใช้เป็นธีมแม่ แล้วแก้ที่ธีมลูก (Child Theme) แทน แนวทางนี้ ผมไม่ค่อยแนะนำเท่าไหร่ เพราะเท่าที่ทำมาหลายสิบเว็บ […]

[ไลฟ์สดสอนทำเว็บครั้งที่ 2] เริ่มต้นออกแบบเว็บ ด้วย Seed UI Kit และ Adobe XD

วันอาทิตย์ที่ 18 สิงหาคม เวลา 16:00 – 1700 น. ทีมงาน SeedThemes ได้สอนทำเว็บโดยไลฟ์สดผ่านเฟซบุ๊ก เพจ SeedThemes นะครับ ประเด็นของเนื้อหาที่จะพูดครั้งนี้ 1. พื้นฐานการออกแบบ การออกแบบ คือ การแก้ปัญหา ดังนั้น เราต้องหาให้ได้ว่า อะไรคือปัญหา หรือสาเหตุที่ทำให้เราต้องออกแบบ แล้วหลังจากนั้น ค่อยวางเป้าหมายและวิธีการ เราไม่ได้ออกแบบเพื่อความสวยงามเพียงอย่างเดียว บางอย่างถ้าไม่ต้องสวย แต่แก้ปัญหา หรือตอบโจทย์ได้ดีกว่า เราก็ถือเป็นการออกแบบที่ดีเช่นกัน ปัญหาหรือเป้าหมายของงานเว็บไซต์ส่วนใหญ่ก็คือ การทำให้ผู้ใช้ใช้งานได้ง่าย ได้ข้อมูลที่เค้าต้องการ ซึ่งจะทำให้เกิดการเชื่อมั่นในแบรนด์ และอาจเกี่ยวข้องกับการซื้อสินค้าและบริการ การออกแบบ เหมือนการปรุงอาหาร นั่นคือ เราต้องรู้ก่อนว่าจะทำอะไรไปเพื่ออะไร แล้วเลือกและเตรียมวัตถุดิบที่เหมาะสม ซึ่งผมคิดว่า วัตถุดิบที่ต้องคำนึงอย่างน้อยก็คือ รูป / สี / ข้อความ 2. รูป – ชนิดของรูป และแหล่งโหลดรูป รู้จักความแตกต่างของ Bitmap […]

1 2 3 5
Copyright © 2016-2019. All rights reserved.