Webmonster Lab
Webmonster Lab
  • 6
  • 22 916
วิธีใช้ Elementor Flexbox Container จัดเลย์เอาท์เว็บไซต์ WordPress
#elementor #flexbox #wordpress
สอนใช้ Flexbox อธิบาย + ทำให้ดู
00:01 สำหรับคนที่เพิ่งเปลี่ยนมาใช้ของใหม่ค่ะ (มือใหม่ก็ดูได้นะ)
1:02 รีวิวเปรียบเทียบ
* Flexbox Containers (แบบใหม่ 2024)
* กับ Sections/Columns (แบบดั้งเดิม)
5:36 ข้อดึของ Flexbox Containers
10:29 ทำให้ดู สร้างเลย์เอาท์ด้วย Flexbox
.....................
ข้อดี Flexbox Containers
* lightweight, lean และ clean (ทำให้เว็บไซต์โหลดและทำงานเร็วขึ้นมาก)
* จัดการ layout ได้ละเอียด (fully responsive)
* container ซ้อนในซ้อนได้หลายชั้น
* ทำ section ให้คลิกได้ (เดิมทำคลิกได้เฉพาะ widget ที่อยู่ข้างใน)
🧸 ทำไมเราต้องเรียนรู้ Flexbox Containers
การสร้างดีไซน์หน้าเว็บไซต์ WordPress
ด้วย Plugin: Elementor
แบบสร้างเองจากหน้าเปล่า
เราต้องวางโครงสร้างก่อนนะ (web layout)
ก็คือการแบ่ง rows/columns ของเว็บไซต์
(ดูเพิ่ม) สอนการมองเว็บไซต์เป็น columns
th-cam.com/video/Ied_vTBWTRQ/w-d-xo.html
.....................
เวอร์ชั่นล่าสุดในวิดีโอนี้
* Elementor ตัวฟรี Version 3.22.1
* WordPress Version 6.5.4
* Theme: Astra
ติดตั้งวันที่ 21/06/2024
.....................
คอร์ส WordPress Elementor (เรียนตัวต่อตัว)
course.webmonsterlab.com/wordpress-basic-to-webmaster
ติดตาม/ทักทายกับยุ้ย ได้ที่
บทความฮาวทู: www.webmonsterlab.com
Facebook: webmonsterlab
Line: yuikanchita
line.me/ti/p/~yuikanchita
much love 💙😀
อ.พี่ยุ้ย กัญญ์ชิตา
.
มุมมอง: 214

วีดีโอ

วิธีลง Astra Starter Templates 2024 สอนทำธีมลูก | สำหรับมือใหม่ WordPress
มุมมอง 1.9K7 หลายเดือนก่อน
#WordPress #Astra #Elementor Starter Templates ของ Astra มีอัปเดตใหม่จากคลิปที่ยุ้ยเคยทำไว้เมื่อ 3 ปีที่แล้วค่ะ วิธีติดตั้ง WordPress Theme: Astra Elementor (ตัวฟรี) | สำหรับมือใหม่ th-cam.com/video/Qgg6B7fTXrY/w-d-xo.htmlsi=n1vLUbvE2xcWk42D คลิปนี้ขอเรียกว่า เวอร์ชั่น เกือบจะ 2024 แล้วกันนะคะ เพราะอัดคลิปปลายปี 2023 น่าจะใช้แบบนี้ไปอีกสักพักใหญ่ๆ เลยล่ะ ...........................................
วิธีใช้ WordPress Elementor - สร้าง Features Section มีรูปใหญ่ๆ ตรงกลาง
มุมมอง 70011 หลายเดือนก่อน
#WordPress #elementor #webdesign คลิปฮาวทู ทำเว็บไซต์ สำหรับมือใหม่! แบบไม่เขียนโค้ดค่ะ // คลิปนี้สอนใช้เครื่องมือ Elementor เวอร์ชั่นฟรี // แนะนำ ทำให้ดู สอนวิธีออกแบบ Features Section . แบบที่มีรูปภาพตรงกลาง . โดยให้มีข้อความอยู่รอบๆ การออกแบบ section เราจะทำเป็น block นะคะ เพื่อให้ง่ายต่อการจัดการโยกย้ายองค์ประกอบต่างๆ ในเว็บไซต์ค่ะ สำหรับมือใหม่ ยุ้ยแนะนำงี้ค่ะ step 1 : เตรียมแบบเอาไว้ โดยร...
วิธีใช้ WordPress Elementor ออกแบบเว็บไซต์ ตามใจชอบ - ตัวฟรี ง่าย เร็ว!
มุมมอง 12Kปีที่แล้ว
#WordPress #Astra #elementor คลิปฮาวทู ทำเว็บไซต์ สำหรับมือใหม่! แบบไม่เขียนโค้ดค่ะ // คลิปนี้สอนใช้เครื่องมือ Elementor // แนะนำ ทำให้ดู วิธีนี้ง่ายและเร็ว และประหยัดค่าใช้จ่าย เราสามารถออกแบบหน้าเว็บไซต์เองได้อิสระ แล้วนำมาขึ้นเป็นเว็บจริง ด้วยเครื่องมือแบบ ลาก/วาง (Drag & Drop) ................................. โปรแกรมที่ใช้ในคลิปนี้ 1. WordPress.org (ฟรี) 2. Theme Astra (ฟรี) เทมเพลต Accoun...
วิธีติดตั้ง WordPress Theme: Astra + Elementor (ตัวฟรี) | สำหรับมือใหม่
มุมมอง 8K3 ปีที่แล้ว
#WordPress #Astra #Elementor // มีอัปเดตเวอร์ชั่นใหม่ อยู่นี่จ้า วิธีลงธีม Astra Starter Templates สอนทำธีมลูก th-cam.com/video/8sO9S-Apbao/w-d-xo.html ............................................. สรุปขั้นตอน การติดตั้ง WordPress Theme: Astra Elementor (ตัวฟรี) 1. ติดตั้ง Theme: Astra 2. ติดตั้ง Plugin: Astra Starter Sites 3. เลือก Template: Outdoor Adventure 4. Import Site & Select Page Build...
วิธียืนยันเว็บไซต์กับ Google และ Submit Sitemap (แบบง่าย) | สำหรับมือใหม่ใช้ WordPress
มุมมอง 6764 ปีที่แล้ว
#GoogleSiteVerification #SubmitSitemap #WordPress เมื่อเราทำเว็บไซต์เสร็จแล้ว สิ่งที่ต้องทำต่อไปก็คือ 1. Google Site Verification คือ การยืนยันความเป็นเจ้าของเว็บไซต์กับ Google (เราเรียกกันง่ายๆ ว่า Verify Site) 2. Submit Sitemap เพื่อให้ Google เข้ามาตรวจเช็คเว็บไซต์และเข้าใจโครงสร้างของเว็บเราได้ง่าย .............................................................. ขั้นตอนสั้นๆ ที่ทำได้ง่าย เร็ว...

ความคิดเห็น

  • @ponymotorbikecnx5307
    @ponymotorbikecnx5307 วันที่ผ่านมา

    ขอความรู้ครับไม่สามารถแก้ไข theme ได้ครับ แก้ไขได้แค่ text editor แต่อันอื่นใช้ไม่ได้เลยอ่ะครับ ไม่แน่ใจว่าพอจะมีวิธีมั้ยครับ ขอบคุณครับ

    • @webmonsterlab
      @webmonsterlab 5 ชั่วโมงที่ผ่านมา

      user role เป็น Admin รึเปล่าคะ (สิทธิ์ Admin จึงแก้ไขธีมและทั้งหมดได้จ้า)

  • @I-Pokedchanel
    @I-Pokedchanel หลายเดือนก่อน

    ขอบคุณมากๆครับ มีประโยชน์มากๆ ครับ

    • @webmonsterlab
      @webmonsterlab หลายเดือนก่อน

      ยินดีมากๆ ค่า

  • @sornarinchaidklang5973
    @sornarinchaidklang5973 3 หลายเดือนก่อน

    สอบถามค่ะทำไปแล้ว แต่ถ้าอยากเปลี่ยนธีมได้ไหมคะ

    • @webmonsterlab
      @webmonsterlab 3 หลายเดือนก่อน

      เปลี่ยธีมได้จ้า customize setting ก็จะเป็นของธีมใหม่นะคะ 😀

  • @Tomarzig
    @Tomarzig 5 หลายเดือนก่อน

    อยากให้ทำคลิปสอนย้ายเว็บจาก localhost ที่ทำไว้ไป host บนเว็บจริงครับ

    • @webmonsterlab
      @webmonsterlab 5 หลายเดือนก่อน

      ได้เลยฮับ ขอเวลาผลิตวิดิโอสักแป๊บนึงนะคะ

  • @susuranhosen3118
    @susuranhosen3118 5 หลายเดือนก่อน

    ขอบคุณที่สอนธีมนี้นะครับ หายากจริงๆ ขอบพรพคุณจากใจ ทำออกมาบ่อยๆนะครับ

    • @webmonsterlab
      @webmonsterlab 5 หลายเดือนก่อน

      ใจฟูเลยอ่า ดีใจที่คลิปนี้เป็นแนวทางให้ได้นะคะ ยุ้ยก็ขอบคุณด้วยเช่นกันค่า

  • @PrompayakLumdubwong
    @PrompayakLumdubwong 11 หลายเดือนก่อน

    ขอบคุณครับ มีประโยชน์มากเลยครับ☺

    • @webmonsterlab
      @webmonsterlab 11 หลายเดือนก่อน

      ขอบคุณจ้า ดีใจจัง ^_^

  • @thossg5950
    @thossg5950 ปีที่แล้ว

    ขอบคุณครับ อยากให้คลิปเสียงดังขึ้นหน่อยครับ

    • @webmonsterlab
      @webmonsterlab 11 หลายเดือนก่อน

      ขอบคุณสำหรับแนะนำค่า เปลี่ยนไมค์เรียบร้อย อิอิ ^_^

  • @siamloftclinic5496
    @siamloftclinic5496 ปีที่แล้ว

    รูป jpg เล็กๆ นี่เป็น type ไหนนะคะ

  • @FrankieSuchinai
    @FrankieSuchinai ปีที่แล้ว

    ขอบคุณครับ

    • @webmonsterlab
      @webmonsterlab ปีที่แล้ว

      ยินดีค่า : )

  • @phisitsupasawat
    @phisitsupasawat ปีที่แล้ว

    ขอบคุณครับ

    • @webmonsterlab
      @webmonsterlab ปีที่แล้ว

      ยินดีมากๆ ค่า :)

  • @piyachatma-ardlert2299
    @piyachatma-ardlert2299 ปีที่แล้ว

    ขอบคุณมากนะคะ

    • @webmonsterlab
      @webmonsterlab ปีที่แล้ว

      ยินดีค่า :)

  • @nathapongmola765
    @nathapongmola765 2 ปีที่แล้ว

    ขอบคุณความรู้ครับ

    • @webmonsterlab
      @webmonsterlab ปีที่แล้ว

      ด้วยความยินดีค่า : )

  • @018429386
    @018429386 2 ปีที่แล้ว

    สอนใช้ ปรับแต่ง Astra + elementor ด้วยซิครับ ขอบคุณ ล่วงหน้าครับ

    • @webmonsterlab
      @webmonsterlab ปีที่แล้ว

      มาตอบช้าไปหน่อย ขออภัยด้วยนะคะ ยุ้ยลงคลิปใหม่ สอนใช้ Elementor เบื้องต้นให้แล้วค่ะ ยังทันมั้ย อิอิ :) link นี้นะคะ th-cam.com/video/Ied_vTBWTRQ/w-d-xo.html

  • @kasemsaengkham1086
    @kasemsaengkham1086 2 ปีที่แล้ว

    ทำไมพึ่งมาเห็น ชอบมากๆเลยครับ ♥

    • @KanchitaVaritthinanon
      @KanchitaVaritthinanon 2 ปีที่แล้ว

      ขอบคุณจ้าา ดีใจที่ชอบนะคะ ^_^

  • @atikomchinrasee1654
    @atikomchinrasee1654 2 ปีที่แล้ว

    ถ้าเราซื้อ Elementor Pro ใน Domainหลัก แล้วใน Sub domain มันสามารถใช้ด้วยกันได้ไหมครับ หรือต้องซื้อแพคสำหรับหลายเว็บไซต์

    • @KanchitaVaritthinanon
      @KanchitaVaritthinanon 2 ปีที่แล้ว

      ต้องซื้อแยกจ้า ยกเว้น subdomain บางประเภท เช่น dev / test / staging

  • @ChaiyonPunmat
    @ChaiyonPunmat 3 ปีที่แล้ว

    นี้แหละที่ตามหา

    • @KanchitaVaritthinanon
      @KanchitaVaritthinanon 2 ปีที่แล้ว

      ดีใจมากเลยค่ะ ที่ทำออกมาโดน อิอิ : )

  • @user-rl8im6mj7p
    @user-rl8im6mj7p 3 ปีที่แล้ว

    เยี่ยมมาก ขอบคุณครับ

    • @KanchitaVaritthinanon
      @KanchitaVaritthinanon 2 ปีที่แล้ว

      ขอบคุณสำหรับกำลังใจค่ะ ^_^