[ไลฟ์สดสอนทำเว็บครั้งที่ 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

  • พื้นฐานการใช้งาน
  • สร้างสไลเดอร์รูปภาพ
  • ตั้งค่าปุ่มเลื่อนซ้ายขวา
  • การปรับเอฟเฟ็คระหว่างสไลด์
  • ลองใช้ Slider แบบต่างๆ
  • การปรับแต่งพื้นหลัง (รูปภาพ, วีดีโอ, การไล่สี)

4. ใช้ Smart Slider แบบ Canvas

  • การใส่ชิ้นส่วนแต่ละเลเยอร์ (Add Layer)
  • การปรับดีไซน์ของเลเยอร์
  • การปรับอนิเมชั่นของเลเยอร์
  • การเรียงลำดับเลเยอร์ และแสดงผลตามช่วงเวลา
  • การเปลี่ยนการแสดงผลตามขนาดหน้าจอ (Responsive)
  • การปรับเลเยอร์แบบละเอียดตามขนาดหน้าจอ
  • การตั้งค่าความเหลื่อม (Parallax)

5. ใช้ Smart Slider แบบ Content (Page Builder)

  • การเลือกโครงสร้าง (Structure)
  • การปรับแต่งแถว (Row) และคอลัมน์ (Col)
  • การตั้งค่าแบบละเอียดตามขนาดหน้าจอ

5. ใช้ Smart Slider แบบดึงเนื้อหาจากแหล่งอื่น

  • ทดลองสร้าง Carousel จาก WordPress Post
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments