เว็บสวยด้วยมือเรา

สร้างร้านค้าออนไลน์ด้วย Woocommerce + แก้ไขหน้าสินค้าด้วย elementor – wordpress101 EP.10

การ setup woocommerce ครับ การลงสินค้าบน woocommerce ครับ การตั้งค่ารูปแบบการจัดส่งครับ การตั้งค่ารูปแบบการชำระเงินครับ การจัดการ Order สินค้า การออกแบบ email ที่ใช้ส่งข้อมูลการโอนเงินและสถานะการสั่งซื้อของสินค้า ให้ลูกค้าไม่งง การเพิ่มหน้า Shop page และหน้ายืนยันการชำระเงิน

หน้าแรกของเรากับ Elementor – WordPress 101 EP.6

ใครยังไม่ลงทะเบียนเพื่อรับ Premium plugin ถึงตอนนี้ต้องไปลงทะเบียนให้เจ้าหน้าที่ลง Elementor pro ให้แล้วนะครับ เพราะเราจำเป็นต้องใช้เจ้า plugin เพื่อทำตามตัวอย่างครับ เดี๋ยวเรามาดูวิดีโอสอนสร้างหน้าเว็บไซต์หน้าแรกของเราด้วย elementor pro กันเลยครับ หลังจากได้ลองสร้างเว็บไซต์แบบง่ายที่สุดผ่าน page ที่เป็น template ของ elementor pro กันแล้ว เดี๋ยวต่อไปเราจะลองใช้ elementor pro สร้างหน้าเว็บไซต์ใหม่ โดยใช้ block ที่เค้าเตรียมมาให้กันครับ หลังจากสร้างหน้าเว็บจาก block ที่ทีม elementor เค้า design มาให้เราระดับนึงได้แล้ว เดี๋ยวเราจะมาสร้าง block จาก widget กันครับ ผมว่าถ้ามาถึงตรงนี้ ทุกท่านน่าจะเริ่ม เข้าใจการสร้างเว็บไซต์ด้วย wordpress + elementor แล้วนะครับ เดี๋ยว EP ถัดไปจะพูดถึงเรื่องโครงสร้างหลักๆ หลักของตัว wordpress กันครับ เพราะที่พาทำมา …

หน้าแรกของเรากับ Elementor – WordPress 101 EP.6 Read More »

Set up wordpress เบื้องต้นพร้อม install plugin และ theme ให้พร้อมใช้งาน – WordPress 101 EP.5

สวัสดีครับ หลังจากที่เรา Set https ให้เว็บไซต์ของเราเสร็จเรียบร้อยแล้ว ก็ได้เวลาลงมือเริ่มต้น set up wordpress ของเรากันซักทีนะครับ การ login เข้าหลังบ้าน (wordpress dashboard) ของเว็บไซตเรา เข้าไปที่ cloudways ในหน้า application ของเราครับ (ตรงนี้ไม่ต้องสอนแล้วเนาะ) และคลิ้กที่ลูกศรหลัง url ที่ต่อท้ายด้วย wp-admin ครับ จะเจอหน้า login เข้าหลังบ้านของเว็บไซต์เราครับ username และ password ของเราอยู่ที่นี่ครับ สามารถ คลิกที่ตัว username เพื่อ copy และมาวางที่หน้า login ได้เลยครับ ในส่วนของ password ก็เช่นกันครับ ถ้า login เข้าไปแล้วเราจะเจอหน้าประมาณนี้ครับ การ Setup wordpress เบื้องต้น ก่อนที่จะทำการ install theme, …

Set up wordpress เบื้องต้นพร้อม install plugin และ theme ให้พร้อมใช้งาน – WordPress 101 EP.5 Read More »

เซ็ต https ให้เว็บไซต์บน cloudways – WordPress 101 EP.4

สวัสดีครับ หลังจากที่เราเริ่มเห็นหน้าตาเว็บไซต์ของเราแล้ว ซึ่งเดิมๆ ตัวเว็บไซต์ของเราเวลาดูใน browser จะขึ้นแบบนี้ใช่ไหมครับ เดี๋ยว EP นี้ผมจะมาพาทุกท่าน ไป Setting SSL หรือ https ให้เว็บไซต์ของเรามีความปลอดภัยมากขึ้นในสายตาผู้ใช้งานและ Google แบบนี้ครับ ซึ่งจะทำให้เว็บไซต์ของเราน่าเชื่อถือขึ้น เพราะทุกอย่างถูกเข้ารหัสทำให้การส่งของมูลต่างๆ ปลอดภัยมากขึ้น เป็นมาตรฐานของเว็บไซต์ยุคใหม่ และช่วยให้ Google รักเว็บไซต์ของเรา ทำให้เนื้อหาของเราสามารถขึ้นไปแสดงบนหน้าผลลัพท์การค้นหาของ Google ได้ง่ายขึ้นด้วยครับ โอเค เดี๋ยวเราไปเริ่มกันเลยครับ ก่อนอื่น login เข้า cloudways ของเรา >> คลิกที่ www และเลือก App ของเราครับ เลือกที่ SSL certificate ครับ กรอกอีมเลของเราและโดเมนของเราลงไป >> คลิก Install certificate ครับ คลิกที่ enable https ครับ ถ้าเสร็จแล้ว …

เซ็ต https ให้เว็บไซต์บน cloudways – WordPress 101 EP.4 Read More »

จดโดเมนที่ godaddy และชี้ IP มาที่ cloudways – WordPress 101 EP.3

สวัสดีครับ หลังจากเราได้สมัคร cloudways กันไปแล้วใน EP.2 และ EP ที่ 3 ผมจะมาพาทุกท่านจดทะเบียนชื่อเว็บไซต์หรือที่เราเรียกกันว่าจดโดเมนกันครับ โดยเจ้าโดเมนนี้คือชื่อเว็บของเราเช่น facebook.com, google.com ซึ่งเราต้องหาที่ไม่ซ้ำกับคนทั้งโลกครับ และโดเมนจะมีดอทต่อท้ายที่นิยมกันก็เป็น .com .net หรือถ้าเป็นในไทยก็ .in.th หรือ .co.th ครับ เดี๋ยวเราจะไปลงรายละเอียดกันตอนจดโดเมนละกันนะครับ จดโดเมนที่ Godaddy ขั้นแรกเข้าไปที่เว็บ godaddy.com ครับ แล้วลองใส่ชื่อเว็บไซต์ที่คุณต้องการในช่องการค้นหา แล้วคลิกที่รูปแว่นขยายได้เลยครับ ถ้าโดเมนที่เราใส่ไปว่าง เราเจอหน้าตาประมาณนี้ครับ แต่ถ้าไม่ว่างจะประมาณนี้ เราต้องค้นหาต่อไปครับ จนกว่าจะเจอโดเมนว่างแล้ว ก็สามารถคลิกที่เพิ่มลงตะกร้าสินค้า และที่คลิกที่ปุ่มเดิมเพื่อเข้าไปดูสินค้าในตะกร้าของเราครับ แล้วคุณจะมาเจอหน้านี้ครับ ให้เลือกไม่ต้องรักษาความเป็นส่วนตัวของโดเมนตามรูปด้านล่าง แล้วกดไปที่ตะกร้าสินค้า ได้เลยครับ ต่อไปพอมาถึงหน้านี้ หลายคนอาจจะตกใจทำไม จดโดเมน .com แค่ 99 บาท แต่มันมีเงื่อนไขคือต้องจด 2 ปีครับ จะเป็น ปีแรก 99 บาท …

จดโดเมนที่ godaddy และชี้ IP มาที่ cloudways – WordPress 101 EP.3 Read More »

วิธีการสมัคร cloudways พร้อม setup wordpress ให้พร้อมใช้งาน – WordPress 101 EP.2

สวัสดีครับหลังจาก EP.1 ผมได้แนะนำการหาไอเดีย หาข้อมูลในการทำเว็บไซต์ ไปแล้ว ซึ่งถ้าใครยังไม่ได้อ่าน สามารถตามกลับไปอ่านได้ที่นี่ นะครับ ต้องบอกเลยว่าการเตรียมข้อมูล ไอเดีย และภาพในหัวว่าอยากให้เว็บไซต์เราออกมาหน้าแบบไหนเป็นส่วนที่สำคัญมากๆ ในการเริ่มต้นทำเว็บไซต์เลนะครับ สำหรับ EP ที่ 2 นี้ ผมจะพาทุกท่านไปสมัครใช้งาน wordpress cloud hosting ที่เป็นที่นิยมในหมู่คนทำเว็บทั่วโลกแถมเค้ายังให้เราทดลองใช้ฟรี 3 วันอีก ถ้าจะต่ออายุก็เริ่มต้นเพียงเดือนละแค่ 10 USD หรือประมาณ 300 บาทเองครับ ส่วนเชียร์มากๆ ให้ใช้ host นี้ และถ้าใครสมัครใช้งานผ่าน host นี้ผ่าน Link ของ Digitouch ที่จะแสดงด้านล่างนี้ ผมจะมีบริการพิเศษที่จะทำการ install wordpress premium plugin ที่ผมจะใช้ในการสอนทำเว็บไซต์ในโปรเจคนี้ให้แบบฟรีๆด้วยครับ ไม่ว่าจะเป็น elementor pro, crocoblock, wp-rocket และ Premium theme …

วิธีการสมัคร cloudways พร้อม setup wordpress ให้พร้อมใช้งาน – WordPress 101 EP.2 Read More »

ไอเดียทำเว็บ หาไอเดียในการทำเว็บไซต์อย่างไร เว็บไซต์ของเราควรมีอะไรบ้าง – WordPress 101 EP.1

สวัสดีครับทุกท่าน ยินดีต้อนรับสู่คอร์สสอนทำเว็บไซต์ด้วย wordpress ที่จะพาทุกคนไปเรียนรู้การทำเว็บไซต์ให้สวยงามด้วยวิธีการที่ง่ายและต้นทุนถูกที่สุด ก่อนอื่นขอแนะนำตัวก่อนนะครับ ผมเดียวจาก Digitouch ครับผม จะขอเป็นผู้เรียบเรียงเนื้อในคอร์สนี้  เพื่อที่จะพาทุกท่านเริ่มทำเว็บไซต์และก้าวสู่โลกออนไลน์ได้อย่างมั่นใจ มีความรู้ จะทำเองก็ได้ จะจ้างก็ไม่โดนเค้าหลอก มาลุยกันครับ สำหรับ EP แรกของคอร์สของเรา จะเริ่มต้นที่การหาข้อมูล หาไอเดียทำเว็บ เพื่อที่จะนำมาออกแบบตัวเว็บไซต์เรา เอาเข้าจริงๆ หลายๆคนอยากมีเว็บไซต์เป็นของตัวเอง ไม่ว่าจะใช้งานเป็น ร้านค้าออนไลน์ เว็บไซต์บริษัท เว็บไซต์บล็อกส่วนตัว หรือใช้ในจุดประสงอื่นๆ หลายๆคนที่เข้ามาปรึกษาผม ยังไม่มีไอเดียในใจเลยครับ ถามว่าอยากให้เว็บไซต์หน้าตาประมาณไหน มีกี่หน้า มีหน้าอะไรบ้าง แต่ละหน้าทำอะไรได้บ้าง ดังนั้นขั้นตอนนี้ก็เป็นอีกขั้นตอนที่สำคัญในการเริ่มทำเว็บไซต์เลยครับ ดังนั้น EP นี้จะเป็นอธิบายขั้นตอนการหาข้อมูล หาไอเดีย และจะแนะนำการจัดทำรูปแบบของเว็บไซต์ คร่าวๆ ให้ท่านดู เพื่อการทำเว็บไซต์ของเราจะได้ มีขั้นตอนและรายละเอียดชัดเจน ทำให้เราสามารถลงมือทำเว็บไซต์ได้ง่ายและมีประสิทธิภาพมากขึ้นครับ ระบุจุดประสงค์ของเว็บไซต์ การจะเริ่มต้นทำเว็บไซต์ แน่นอนครับ ต้องเริ่มจากการถามคำถามว่า เราจะสร้างเว็บไซต์ไปเพื่ออะไร ทำไมเราต้องมาเสียเวลา ลงทุน ลงแรงไปกับมัน โดยอาจจะเป็น เว็บไซต์ขายของออนไลน์ เว็บไซต์สำหรับขายของออนไลน์ที่สามารถชำระเงินและจัดการทุกอย่างเกี่ยวกับการขายบนเว็บไซต์ …

ไอเดียทำเว็บ หาไอเดียในการทำเว็บไซต์อย่างไร เว็บไซต์ของเราควรมีอะไรบ้าง – WordPress 101 EP.1 Read More »