รจกกบเวรดเพรส และ ซด ธมส

เมน: จกรกฤษณ ตาฬวฒน

&

สรางเวบไซต?

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

เมน: จกรกฤษณ ตาฬวฒน

&

ขอมลเพมเตมท