วันอาทิตย์ที่ 15 ธันวาคม เวลา 16:00 – 1700 น. ทีมงาน SeedThemes สอนทำเว็บโดยไลฟ์สดผ่านเฟซบุ๊ก เพจ SeedThemes นะครับ
เรียนรู้การสร้างธีมเว็บนิตยสาร (Magazine Website) เพื่อนำเสนอบทความต่างๆ
ผู้เข้าเรียนควรมีพื้นฐาน HTML/CSS/PHP นะครับ
สิ่งที่จะสาธิต
- การสร้างธีมของตัวเองจากธีม Seed 2
- การแก้โค้ดเทมเพลต content-card.php เพื่อปรับการแสดงผล
- การนำ Masonry JS มาใช้เพื่อปรับแต่ง Layout
- การใช้ ACF เพื่อช่วยเลือกเรื่องที่ต้องการขึ้นหน้าแรก
- การปรับแต่ง SCSS ตามดีไซน์ที่ออกแบบไว้
ทดลองสร้างธีม Nittayasarn
- เริ่มต้น – แก้ชื่อธีม และรูปประจำธีม
- สร้างหน้า Home และตั้งค่าการอ่าน, แก้ไฟล์ front-page.php
- สร้าง Content Card
- ลองปรับ CSS สำหรับ content แบบ card
- ติดตั้ง masonry ในไฟล์ scripts.js
- เรียกใช้ masonry ในไฟล์ main-vanilla.js
- ลองปรับขนาด Thumbnail ใน functions.php
- แก้ขนาด Thumbnail ในไฟล์ content-card.php
- ติดตั้งปลั๊กอิน Regenerate Thumbnails และสั่งให้ระบบสร้าง Thumbnail ใหม่
- สร้าง Slider
- ปรับส่วน site-header
- ปรับ CSS ของ Slider
- ใช้ ACF สร้าง Repeater Field เพื่อแสดง Post ที่ต้องการ (อ้างอิง Gist นี้)
- ปรับโลโก้ – แก้ไฟล์ header.php ใส่โลโก้ ปรับ CSS ทั้งหน้า Home และหน้าทั่วไป