รู้จักกับ wordpress และ seedthemes
TRANSCRIPT
รจกกบเวรดเพรส และ ซด ธมส
เมน: จกรกฤษณ ตาฬวฒน
&
สรางเวบไซต?
Content Management System: CMS
ระบบผใชงาน เนอหา การนาเสนอ ฟเจอรอนๆ
CMS ทใชในไทย
26%
4%
21%
49%
WordPressJoomla!Drupalอนๆ
http://trends.builtwith.com/cms/country/Thailand
ทาเวบ = ทาธม
ระบบผใชงาน เนอหาการนาเสนอ
ฟเจอรอนๆ
Theme
Theme
‣ เปนตลาด/ดงสด/หลากหลายสด ‣ เนนถก/สวย/เยอะ ‣ ธมสวนใหญโหลดชา/ใชยาก
‣ ม Divi Page Builder ชโรง ‣ สวยเรยบ/ประสทธภาพด ‣ ธมไมเยอะนก
Theme
‣ สราง Framework เอง เจงมาก ‣ เลยตองเรยนรใหมหมด T T ‣ สวยเรยบ/ประสทธภาพด
‣ เปนแคโครง สรางโดยทมงานเวรดเพรส ‣ ไมสวย แตประสทธภาพดทสด ‣ มาตรฐานสด รองรบทกฟเจอร
อยากเปนอยางเคาบาง
สวย/หลากหลาย
ม Page Builder ทใชงานงาย
สามารถสราง Child Theme ได
ประสทธภาพด ตามมาตรฐานเวรดเพรสทกอยาง
+ รองรบภาษาไทยไดด
ผใชเวรดเพรส นกพฒนาธม&WordPress User Theme Developer
แกไขขอความ จดหนา ผาน Page Builder
ผใชเวรดเพรส
ธม: Seed + Page Builder
Post Loop Widget
‣ Content List/Card + Excerpt ‣ Product List/Card + Excerpt
นกพฒนาธม
นกพฒนาธม
footer.php
header.php
sidebar.php
The Loop
นกพฒนาธม
footer.php
header.php
sidebar.phpThe Loop
นกพฒนาธม
footer.php
header.php
sidebar.php
archive.php search.php category.php single.php page.php front-page.php
https://developer.wordpress.org/themes/basics/template-hierarchy/
Template Hierarchy
ธม: Seed ‣ ตามมาตรฐานเวรดเพรส รองรบ Template Hierarchy
ธม: Seed‣ แยก CSS ใหจดการงาย ‣ เพราะสดทายปลกอน Caching จะรวมไฟลใหอยด
‣ มใหเลอกแสดงเนอหาไดหลายแบบ ‣ เชน Card / List ทงสวนเนอหาและสนคา
‣ ม Bootstrap มาให (เลอกปดได) ‣ โคดจากแหลงอน สามารถอพเดทไดอสระ
เพมลด CSS/JS ใน functions.php
Bootstrap CSS
Bootstrap JS
ธม: Berry
‣ ไฟล CSS และ JS เปนไฟลเปลาๆ ไวสาหรบแกโคดตามตองการ ‣ ไฟล functions.php ไวประกาศคา/เพมโคดอนๆ
‣ ธมลก (Child Theme) ของ Seed
CSS
JS
ธม Seed
ผใชเวรดเพรส
นกพฒนาธม
‣ ใชเปนธมเอนกประสงค ‣ ใชรวมกบ Page Builder ไดด
‣ Starter Theme แกเลย ไมตอง update อก ‣ Parent Theme สราง Berry ของตวเอง
อยในมาตรฐาน WordPress & มประสทธภาพด
รบโหลด? แคช? ทาไฟลใหเลก?
Desktop Cache Mobile Cache
Browser Caching GZIP
Image Optimization
ใชปลกอนงายสด!
Minify HTML Minify CSS
Combine CSS Combine JS
Caching Plugin
WP Fastest CacheW3 Total Cache WP-Rocketตวฟรทเจงสด ตงคาไดเยอะมาก
ใชยาก
ตวฟรทเจงพอควร ตงคาไดไมเยอะมาก
ใชงายมาก
ตวเสยตงคท (นาจะ) เจงสด ตงคาไดพอสมควร
ใชรวมกบ Cloudflare ไดด
ลดขนาดรป
imagifyEWWW Image Optimizer
ฟรไมจากด ไมหรหราเทา Imagify
ฟรเดอนละ 25 MB มากกวานนเสยตงค
หรอใชโปรแกรมในเครอง เตรยมรปใหดกอน
SeedThemes.com
เมน: จกรกฤษณ ตาฬวฒน
&
ขอมลเพมเตมท