สอนใช้ Elementor ออกแบบ Hero Section ในเว็บไซต์ Wordpress ให้ดูดี + สอนวิธีใช้ Elementor 🎨
HTML-код
- Опубликовано: 7 сен 2024
- สำหรับวีดีโอนี้ก็จะเป็นการ สอน Elementor สำหรับการ ออกแบบ Hero Section ในเว็บไซต์ Wordpress ของเรานะครับว่า เราจะมีวิธีใช้ Elementor ออกแบบเว็บไซต์ ของเราให้ดูดีได้อย่างไร ซึ่งผมจะสอนวิธีใช้ Elementor ในเบื้องต้น รวมถึงสอน เทคนิคต่างๆ ใน Elementor ภายในวีดีโอนี้ด้วยเลยครับ
็Hero Section เป็นส่วนที่สำคัญอย่างมากในเว็บไซต์ของเราครับ ถ้าเราออกแบบไม่ดี รับรองว่า คนปิดเว็บของเราหนีแน่นอน ตอนที่เข้ามาในเว็บไซต์ของเรา
ผม สอนใช้ Elementor ออกแบบ Hero Section ตามหลักการที่ว่า เมื่อคนเข้ามาในเว็บไซต์ เห็น ส่วนแรกของเว็บไซต์เราแล้ว จะต้องรู้ว่าเว็บไซต์ของเรา ทำอะไร แล้วเขาจะได้อะไรจากเว็บไซต์ของเรา
Hero Section ของเราจึงมีความสำคัญมาก เพราะเป็นส่วนแรกที่จะเห็น ในหน้าเว็บไซต์ของเรานั่นเอง
นอกจากนี้ ผมยัง สอนวิธีใช้ Elementor ในเรื่องของการ ปรับแต่งเว็บไซต์ให้ Responsive ดูสวยงามได้ในมือถือ อีกด้วย รวมทั้งยังมีเทคนิคอีกหลายเทคนิคมากๆ ในวีดีโอนี้ ถ้าไม่ดูถือว่า พลาดเลยครับ ;)
ติดตามเราได้ที่
=============================================
Facebook : / palamike.web
RUclips : / palamike
Twitter : / palamikeweb
Website : palamike.com
Line : @palamike
=============================================
ขอบคุณมากๆ เช่นเคย สอนดีและเอียดมากๆ ทุกๆครั้งที่ติดปัญหา เข้ามาดูก็จะได้ความรู้เพิ่มขึ้น แล้วนำกลับไปใช้ปรับปรุงแก้ไขได้ตามคลิปสอนเลย
ขอบคุณครับผม
สอนดี ละเอียด เข้าใจง่าย ดูครั้งแรก get และ ชอบเลยค่ะ /ขอบคุณมากนะคะ
ขอบคุณมากครับผม :)
เป็นคลิปที่สุดยอดที่สุด ที่เคยดูมาเลยครับอาจารย์ ขอบคุณมากมาย
ขอบคุณครับผม :)
ขอบคุณครับสำหรับความรู้ครับ
ดีงามมากๆเลยค่ะ เข้าใจง่าย
ขอบคุณครับผม :)
ขอบคุณมากค่ะ สอบละเอียดมากค่ะ
เป็นประโยชน์มากเลยครับ
ขอบคุณครับผม
ขอขอบคุณ
ขอบคุณมากๆ ที่ให้ความรู้ ครับ
ครับผม :)
สอนดีมากค่ะ ลูกศิษย์ ครูเสก จริงๆ
55.. ครับผม อ. สอนมาดีครับ :)
พี่ก็เรียนกับ อ.เสก แต่พี่เรียนทางออนไลน์ อ.สอนคุณภาพมาก
:)
ขอบคุณมาก ๆครับ ที่ให้ความรู้ ครับ :)
ยินดีครับ :)
สุดยอดเลยครับ
สอนดีมากครับ ผมช่วยค่ากาแฟไปนะครับ
ขอบคุณครับผม
สอนทำระบบกระเป๋าใรเว็ปหน่อยครับไม่ก็เเนะนำ ปลักอินก็ได้ครับ
ถ้ามีโอกาสแล้วจะทำนะครับ
สุดยอดครับ สอนดีเข้าใจง่าย ขอบคุณครับ
สุดยอดครับอาจารย์ สอนดีโคตรๆ เจ๋งมากกกกกก
ขอบคุณครับผม
สอบถามเรื่องความกว้างของ banner ของ landing หน่อยค่ะ พอดีทำแล้วมันไม่เต็มจอค่ะ
เราใช้ image เป็น banner หรือว่ามีการใส่ text ใส่ background ครับ
ผมอยากทราบว่าเราสามารถขยาย background โดยที่ไม่ต้องใส่รูปภาพหรือเพิ่มขนาดของ text ได้มั๊ยครับ
ใส่ spacer ลงไปครับผม
Thank you ครับ
สอน facebook instant articles wordpress หน่อยครับ
มีโอกาสแล้วจะจัดทำนะครับ
ขอบคุณมากค่า
อาจารย์ แล้วผมจะย้านรูปไปอยู่บรรทัดเดียวกันยังไงครับ
หมายถึงแทรกรูปไปกับตัวหนังสือหรือครับ
รบกวนสอบถามหน่อยครับ อยากทราบว่า ทำยังไงถึงให้ Icon Social ช่องทางการติดต่อ ยังคงค้างอยู่หน้าจอเวลาเราเลื่อนเว็บ ขึ้น-ลง ครับ
ใช้ Plugin Social Chat ครับ มีสอนอยู่ครับผม
สวัสดีครับ อยากถามครับ ว่า wordpress เวอร์ชั่นล่าสุ่ดมี landing page ป่าวครับ
ปกติ wordpress สร้าง landing page ได้เองอยู่แล้วครับ และ ใช้ elementor ในการตกแต่งครับ
ลองทำแล้วทำ Elementor ได้แต่หน้าแรกค่ะ พอไปหน้าอื่นแก้ไม่ได้ค่ะ ต้องตั้งค่าตรงไหนค่ะ
ลองสร้างหน้าใหม่ขึ้นมาแล้วใช้ elementor ได้ไหมครับ หน้าที่มีอยู่ อาจจะเซ็ตอะไรบางอย่างอยู่หรือเปล่าครับ
จะใช้ element แก้ถ้า homepage ยังไงครับ บางทีมันเป็ฯ theme มา หาไม่เจอ ในเมนู page ก็ไม่มีอะไรเลยเป็นว่างๆ
ดูเรื่องการตั้งค่าหน้าแรกประกอบครับ ruclips.net/video/b63wlyuapRw/видео.html
ตั้งค่าขนาดสีพื้นหลังยังไงหรอครับ
ลองดูในวีดีโอตอนที่ทำเรื่องพื้นหลัง ตรง style นะครับ
ตามตัวอย่างนี้ เป็น Elementor pro หรือครับ
Elementor Free ครับ
เวียนหัวมากเมนูทุกอย่างมันอัพเดทไปหมดแล้ว
ต้องอัพเดทแล้วครับ
สวัสดีค่ะอาจารย์ elementor error loading ใช้งานไม่ได้ ต้องแก้ไขอย่างไรค่ะ
ให้ที่โฮสเช็คก่อนครับว่า Error มาจากอะไร บางทีมาจาก Plugin อื่นๆ หรือ Extension ของ Elementor ครับ หรือไม่ก็ PHP Version ครับ
@@palamike ขอบคุณค่ะ อาจารย์
เราสามารถทำ hero section เป็นเลเยอร์สไลด์ได้มั้ยคะ
ใช้ Plugin Slider แล้วเอามาวางได้ครับ
อาจารย์ครับผมขออนุญาติสอบถามครับ พอดีได้ลองโหลดปลั๊กอิน elementor มาใช้เป็นแบบไม่เสียค่าใช้จ่ายครับสามารถโหลดได้ปกติ แต่พอมาใช้ไม่สามารถโหลดเครื่องมือของ elegmentor ขึ้นมาใช้งานได้ครับ ขึ้นเป็นหน้าจอสีขาวเหมือนว่าไม่สามารถเชื่อมต่อได้ ไม่สามารถเปิดดูเพจได้ พอลบออกจึงสามารถเปิดเข้าไปดูเพจเราได้ปหติครับ สามารถมีแนวทางในการแก้ไขยังไงได้บ้างครับเพื่อให้สามารถเปิดใช้งานเครื่องมือของelelmentorได้ครับ ขอบคุณครับ
เราได้มีโหลดตัว addons อื่นๆไหมครับ หรือมีแค่ elementor ตัวเดียว
@@palamike มีแค่ elementor ตัวเดียวครับ แล้วเราต้องโหลดตัวไหนเพิ่มครับอาจารย์
ตอนนี้มีเป็นตัวนี้ครับ ElementsKit Lite อาจารย์แนะนำเป็นตัวไหนดีครับ พอดีผมพึ่งเริ่มศึกษาเกี่ยวกับการสร้างเวปไซด์ เพื่อรับงานครับ ขอบคุณครับ
@@goodforyou3120 หลีกเลี่ยง ElementsKit ครับ มี Error เยอะมากครับ
@@palamike อาจารย์แนะนำเป็นตัวไหนดีครับ แล้วจำเป็นต้องตั้งค่าอย่างไร elementor ตัวฟรี ถึงจะสามารถใช้งานได้ครับ ผมพยายามหาทางที่สามารถเปิด ใช้งาน elementor ให้ได้เพื่อจะได้ไปต่อได้ครับ ขอบคุณที่อาจารย์ตอบทุกๆคอมเม้นท์ครับ ผมมีความตั้งใจจะฝึกทำเวปเพื่อใช้ประโยชน์ในการรับงาน ยังไงจำเป็นต้องขอคำแนะนำจากอาจารย์ด้วยครับ ขอบคุณครับ
อาจารย์ค่ะ หนูลงวีดีโอจากยูทูป ถ้าหนูจะทำให้มันไม่ขึ้น ที่ให้copy link ได้ไหมค่ะ
ไม่ได้เลยครับ เพราะว่าเป็น feature ของ youtube ครับ
ขอบคุณค่ะ
หนูไม่มีพื้นฐานเกี่ยวกับเขียนเว็บเลย คลิปของอาจารย์ช่วยได้เยอะมากเลยค่ะ
ทำคลิปดีๆ เเบบนี้ต่อไปนะคะ เป็นกำลังใจให้ค่ะ ขอบคุณอีกครั้งค่ะ
ขอบคุณครับผม :)
อาจารย์ครับขอสอบถาม ทำแบบวิดีโอได้ไหม๊ครับ
Background เป็นวีดีโอได้ครับ
ลาก widget มาใส่ใน column ไม่ได้ค่ะ ลากมาแล้วเป็นเครื่องหมายห้ามต้องทำยังไงคะ
ลองสร้าง Section ใหม่ดูแล้วดึงรูปภาพมาใส่ก่อนครับ ทดสอบดูว่าได้ไหม
พลากร สอนสร้างเว็บ ลากใส่ไม่ได้เหมือนเดิมค่ะ😭
ลองใช้ browser อีกตัวได้ไหมครับ เช่น firefox ครับ
ทำไปทำไม elementor ใช้ไม่ได้ไม่ทำงาน แก้ยังไงครับ ขึ้น เซอร์เวอร์ภายในผิดพลาด 500
เช็คที่โฮสดูก่อนครับว่ารองรับ php 7 ไหม
อ. ครับแน่ะนำวิธีการนำ พวก icon หรือ Buttom ที่สร้างใน Elementor ไปวางบนรูป ยังไงครับ
แบบตัวอย่าง วางบนรูปอาจาร์ย... มันเอาพวก Buttom มาวางทับที่รูปอาจาร์ยได้ไหมครับ
ทำได้แล้วครับ
อาจาร์ยครับ...... รบกวนอาจาร์ยแนะนำการใช้งานปลั๊กอิน Facebook Comments ปี 2019-2020 ด้วยครับ เพราะของเก่าที่ อ. เคยอัพไว้เมื่อสามปีก่อน ปลั๊กอินตัวนั้นไม่อยู่แล้ว ...
แก้ไขได้แล้วนะครับ :)
จะลบbottonที่ลากมา ทำไงคะ อาจารย์
คลิกขวา ตรงปุ่ม ที่ลากเกินมาครับ แล้วจะมีให้ลบครับผม
เราจะเอาไว้หน้าแรกทำไงครับ เวลาเราเข้าเว็บให้มันขั้นหน้าแรก
ดูเรื่องการตั้งค่าหน้าแรกได้เลยครับ มีวีดีโอสอนอยู่ครับ
@@palamike ขอบคุณครับ
ทำสี พื้นหลังยังไงครับ
12:40 Style > Background > Color
ลองดูในวีดีโอตอนที่ทำเรื่องพื้นหลัง ตรง style นะครับ
ขอบคุณครับผม :)
อาจารย์ใช้ทีมอะไรหรอครับ
ในวีดีโอใช้ Astra ครับผม
วันนี้ วีดีโอ ขึ้นจอดำ ตลอด แต่สักพัก ก็ดูได้
น่าจะเป็นที่เน็ตครับผม
ของมันไม่มีคำว่า update เกิดจากอะไรครับ
ผมลองลบแล้วdownload มาใหม่แล้วอัพเดทปลั้กอินหมดแล้ว แต่ก็ไม่มีให้กดคำว่า update ใน elementor
เคยะเจอว่า taskbar ของ windows มันบังอยู่ครับต้องลองหด browser แล้วกด refresh ครับ
@@palamike ลองทำดูแล้วครับก็ไม่มีเหมือนเดิมครับ
ลองสร้างหน้าใหม่ดูว่าได้ไหมครับ
@@palamike ได้แล้วครับผมต้องไปเอา seoquake ที่อยู่บนเมนูบาร์ออกก่อนครับ แล้วมันถึงจะโชว์ขึ้นมาครับ
เปลี่ยนสี text editor แล้ว สีไม่ยอมเปลี่ยน ต้องทำยังไงค่ะ
เป็นเพราะว่า เราไปเปลี่ยนสี ที่ตัวเขียนครับ วิธีแก้คือ ให้เราวางใหม่ แต่วางในแบบข้อความ แล้วค่อยปรับแต่งครับ
@@palamike วิธีทำแบบไหนนะคะ ยังไม่ค่อยเข้าใจ ที่ว่าให้วางใหม่ แต่วางในแบบข้อความแล้วค่อยไปแก้ หมายถึงให้ลาก text editor ลงไปแล้วพิมข้อความลงไป แล้วค่อยไปเปลี่ยนสีใช่ไหมคะ ทำแบบนี้ไปแล้วค่ะ ก็ยังเป็นสีเท่า เปลี่ยนไม่ได้เลย รบกวนหน่อยนะคะ
@@palamike ในส่วนสีของ Heading เปลี่ยนได้นะค่ะ แต่ Trxt editor เปลี่ยนไม่ได้เลย ติปัญหานี้ มา 3 วันแล้วค่ะ T_T
@@palamike ได้แล้วค่ะ ขอบคุณที่ให้คำแนะนำคะ
ขอบคุณครับเข้าใจง่ายมากครับ
ครับผม :)
ขอบคุณครับ