สอนวิธีออกแบบเว็บไซต์ด้วย Elementor สร้างเว็บไซต์ให้สวยตามใจเรา
HTML-код
- Опубликовано: 5 июл 2024
- วีดีโอนี้ จะสอนวิธีการ ออกแบบเว็บไซต์ โดยใช้ Elementor ซึ่งผมได้ทำมาเป็น Workshop ให้ทำตามได้เลย รวมถึงสาธิตการใช้งาน Elementor ใช้สร้างส่วนต่างๆ ของหน้าเว็บไซต์ ตามที่เราต้องการ และ ปรับแต่งได้ตามที่เราอยากจะปรับแต่ง ซึ่งในวีดีโอ เราจะใช้ตัว Flexbox Container แทน Section แบบเก่าครับ
เนื้อหาในวีดีโอ
00:00 ตัวอย่างเว็บไซต์ที่เราจะทำ
00:40 ติดตั้งและตั้งค่า Elementor
04:05 การตั้งค่าหน้า Page สำหรับ Elementor
05:25 การเข้าออก จาก Elementor และข้อควรระวัง
06:30 เริ่มวางโครงสร้าง Layout
10:34 ใส่ข้อมูล ให้กับ Elements ต่างๆ
12:38 การใส่ Background ใน Elementor
13:55 การใส่ Padding และ Spacing ของ Elementor
14:36 การปรับแต่งข้อความ
17:08 การปรับแต่งปุ่ม Button
19:12 การใส่ Shape Divider
20:38 การใช้งาน Spacer
22:15 การใช้ Icon Box และ การ Copy and Paste Style
26:47 ความสัมพันธ์ของ Container
28:46 การใช้งาน Video และ ทำ Gradient Background
34:00 การใช้ Padding และ Gap ใน Container
34:54 การ Copy Container
37:16 การทำ Responsive Design สำหรับ Mobile
41:52 การทำ Animation หรือ Motion Effect ใน Elementor
44:32 วิธีการสมัครเรียนฟรี
ติดตามเราได้ที่
=============================================
Facebook : / palamike.web
RUclips : / palamike
Twitter : / palamikeweb
Website : palamike.com
Podcasts : podcasts.palamike.com/
Line : @palamike
============================================= Наука
เป็นประโยชน์มากๆ เลยครับ สอนเข้าใจง่าย 👍
ขอบคุณมากๆครับ
ขอบพระคุณมากๆครับท่านอาจารย์ผมขอทำทีละสเต็ป เพื่อให้เป็น เพราะการสอนง่ายเข้าใจดีดูซ้ำๆ ขอบพระคุณมากๆครับท่านอาจารย์ผมขอเปิดทีละสเต็ปเพื่อให้เป็น เพราะการสอนง่ายเข้าใจดีดูซ้ำๆได้เพื่อใช้ในการทำออนไลน์ เพื่อที่จะทำเงินเพื่อที่จะทำเงินแบบpassive income
ขอบคุณครับ
กดติดตามเรียบร้อยละครับ สอนแบบเข้าใจเลยครับ ขอบคุณครับ
ขอบคุณครับผม
ขอบคุณครับ เยี่ยมเลยๆ
สอนดีมากๆๆๆๆๆๆๆ ขอบคุณความรู้ฟรีๆ ครับ
ขอบคุณครับผม
ขอบคุณมากครับ
ขอบคุณมากๆ นะคะ ได้ความรู้เยอะเลยค่ะ
ขอบคุณครับผม
สอนเข้าใจง่ายมากครับ ผมซื้อ theme มาแล้วใช้ไม่เป็นเลย มาดูคบิปนี้กระจ่างมาก จะได้ customize ถูกซักที👏
ขอบคุณมากๆ ครับ
ขอบคุณสำหรับความรู้ครับ ผมอยากได้ฟ้อนท์ตัวหนังสือเหมือนของอาจารย์มีแจกไหมครับ และถ้าเราจะเปลี่ยนฟ้อนต์ในเวปเราให้เป็นเหมือนของอาจารย์จะทำอย่างไรครับ
อ. ใช้ Google Font ชื่อ Kanit กับ Mitr ครับ ใช้ฟรีได้เลยครับ
Thank you aj
สอนดีมากครับ
ขอบคุณครับผม
ขอสอบถามหน่อยได้ไหมคะ ตรงbutton เวลาจะเชื่อมไปหน้าอื่นทำยังไงคะ
ใส่ URL หน้าปลายทางตรง Link ได้เลยครับ
❤
ผมลองทำดูตอนเพิ่ม container มันไปทับบน header ที่โลโก้อยู่ ไม่เหมือนในคลิป ต้องเซตอะไรก่อนหรือป่าวครับ
แสดงว่าหน้าเว็บเราน่าจะ set ใช้งาน Transparent Header อยู่ครับต้องเอาออกครับ
รบกวนสอบถามครับ ถ้าเราทำเพจเสร็จแล้ว หน้าเว็บไม่อัพเดท ต้องไปตรวจสอบที่ไหนครับ ขอบคุณครับ
ลองดูเรื่อง cache ในเว็บกับในhosting ครับ
สวัสดีค่ะ อยากสอบถามค่ะ หากเราสร้างหน้าเพจเสร็จแล้ว แต่พอเเสดงผลในเว็บจริงมีเพียงข้อความที่เพิ่มขึ้น ส่วนสี ฟอนต์ กลับเพี้ยนไปคนละแบบ เกิดจากอะไรคะ
ต้องดูว่าระบบเรามี cache ที่ใดบ้างครับ
1) cache ใน server ครับ รอสักะักน่าจะ refresh
2) cache ที่ wordpress ต้องกด clear
3) cache ที่ dns ต้องไปกด clear เหมือนกันครับ
สามารถติดตั้ง Elementor กับ WooCommerce พร้อมกันได้ไหมคะ
ได้ครับ
อยากจะรบกวนให้ช่วยสอนสร้างหน้า BLOG โดยใช้ Elementor ได้ไหมคะ
ถ้าหมายถึง Elementor Free ใน Video สร้างหน้า Blog ไม่ได้ครับ ต้อง Elementor Pro
ตรง header ของผมมันขึ้นเป็นคำว่า digital design ตอนผมกดสร้าง new page มันลบออกยังไงหรอครับ
อันนี้น่าจะเป็นที่ธีมครับผม
สอบถามครับ พอดีได้ทำการ อัปเดตปลั๊กอิน elementor เป็นเวอร์ รุ่น 3.21.8 เรียบร้อย แต่มีปัญหาเข้าหน้าเว็บไม่ได้ และใช้งาน elementor ไม่ได้ แสดงหน้า page error ต้องทำการปิดการใช้งาน elementor ถึงสามารถเข้าหน้าเว็บได้ ต้องแก้ไขอย่างไรครับ
ลอง เช็ค php version และทตัวเสริมของ elementor ที่ลงไว้ครับ ว่าอัพเดทหรือไม่ครับผม
ในคลิปใช้คู่กับธีมอะไรครับ
kadence ครับผม
Elementor vs Divi แบบไหนดีกว่ากันครับ
Elementor ใช้งานได้ฟรี และ Option เข้าใจง่ายกว่าครับ
อันนี้อาจารย์ใช้ Themes ชื่อว่าอะไรหรอคะ
kadence ครับ
มุมขวาบน ติดต่อเรา หน้าแรก เกี่ยวกับเรา
เราจะสร้างตอนไหนเหรอครับ
สร้างตอนที่เรา วางโครงสร้างเว็บไซต์ครับ
สอนการสร้างเซลเพจหน่อยครับ
ใช้ความรู้จากวีดีโอนี้ ทำได้เลยนะครับ sales page ก็คือ page หนึ่งครับ
Container ขึ้นเป็นกรอบ ไม่เต็มความกว้างของจอ แก้ไขอย่างไรครับ
ต้องแก้ที่ตัวตั้งค่าธีมก่อนครับ ให้มันรองรับการทำงานเต็มหน้าจอครับ
ผมเลือกสี header แต่ละเลเยอร์แล้วมันไม่เปลี้ยนเลยครับ
สี background ครับ
ตอนเลือกสีกดซ้ำอีกทีครับ
พี่ครับ พี่สามารถกู้คืนช่องยูทูปได้ไหมครับ คือช่องผมเปิดมานานแล้ว มีผู้ติดตามเกือบแสนแล้ว บังเอิญโทรศัพท์ความจำเต็มเพราะถ่ายคลิปไว้เยอะเลยล้างเครื่องใหม่ แต่ตอนนี้เข้าช่องยูทูปเดิมไม่ได้ ทั้งที่อีเมลย์บัญชีเดิม ระหัสเดิมๆ แต่ยังเข้าไม่ได้พี่พอแก้ได้ไหมครับค่าใช้จ่ายเต็มที่ครับ
ตามพี่มาจากช่องอาจารย์เสกสรรค์ปั้นยูทูปครับ
RUclips Channel จะผูกกับ Gmail ครับ ถ้าเราไม่เคยลบช่อง และ ใช้อีเมลเดิม ลอง Login ผ่าน คอมดูครับ ที่ RUclips.com ดูว่า มีให้ Switch Account หรือเปล่าครับ
อาจารย์ครับทำไมผมเปิดปลั๊กอิน Elementor ไม่ได้เหมือนจะต้องเสียเงินหรอครับ
น่าจะใช้ คนละ platform ครับ ดูตรงนี้ครับ ruclips.net/video/eXIuMCWxdws/видео.html
Elementor ต้องซื้อไม่ฟรีใช่ไหมครับ
ฟรีครับ แต่ถ้าเราไปใช้ wordpress.com ตัวฟรี อันนี้จะใช้ไม่ได้ครับ ที่สอนจะให้ใช้ wordpress.org ครับ
รับทำเว็บไหมคะ ราคาประมาณเท่าไหร่
ขึ้นอยู่กับ ประเภทของเว็บครับผม add line จาก link ในวีดีโอมาสอบถามได้ครับ
สร้างเว็บไซต์วิทยาลัยด้วย Elementor ได้ไหมครับ
สร้างได้ครับ
@@palamike พี่ช่วยแนะนำธีมสำหรับสร้างเว็บไซต์วิทยาลัยหน่อยครับ
@@HanafinDakeng ลองดู Astra, Kadence ครับ
Font ไทยเปลี่ยนไม่ได้ครับ รบกวนที
ลองเลือก font ไทยที่อยู่ใน google font ดูก่อนครับ
ขอบคุณครับอาจารย์@@palamike
สมัครสมาชิกแล้วนะครับ ผมทำตามการสร้างและ clone page แต่เกิดปัญหาครับ แนะนำด้วยครับ เว๊ปหายไปเลย
ปัญหาที่เกิดเป็นอย่างไร และ เกิดขั้นตอนไหนครับ
@@palamike น่าจะหลังที่อัพเดทธีม พยายามแก้ไขธีมเดิม แต่ไม่แน่ใจครับ
อยากให้ remote access เจ้ามาแนะนำ หรือ แก้ไขที่เครื่องผมได้เลยไฟมครับ มี คชจ.ก็ยินดีครับ
ธีมต้องระวังการอัพเดทครับ ก่อนการอัพเดทควรมี backup ครับ ถ้ายังไม่สายเกินไป หากเราไม่มี backup ไว้เอง เราลองสอบถามทางโฮสครับว่ามี backup ไว้ก่อนที่จะเสียไหมครับ ถ้ามีให้เขาช่วยกู้หน่อยครับ ถ้าไม่มีค่อยว่ากันครับ
@@palamike เว๊ปโฮสช่วยกู้คืนได้แล้วครับ ขอบคุณครับ
สวัสดีครับผมเป็นมือใหม่ในการสร้างเว็ปครับ อยากสอบถามว่าในส่วนของ wordpress นั้นเราจำเป็นไหม๊ครับที่จะต้องติดตั้งตัว wordpress ลงบนคอมของเราก่อนครับ ยังไงก็ขอบคุณสำหรับความรู้ด้วยนะครับตอนนี้ผมกำลังสร้างเว็ปเพื่อจะหารายได้เสริมเข้ามาครับเลยมาศึกษาแต่ยังเป็นมือใหม่จริง ๆ ครับ
ถ้าเราฝึกทำเราติดตั้งบนเครื่องเราก่อนได้ครับ แต่ถ้าเราต้องการออนไลน์ ต้องเช่าเว็บโฮสติ้งครับผม