SlideShare une entreprise Scribd logo
1  sur  17
Télécharger pour lire hors ligne
Menn (เม่น)
@MennStudio • @SeedThemes
CREATING THAI THEMES IN 2017
สร้างธีมเวิร์ดเพรสภาษาไทยในปี ๒๕๖๐
Menn Com Eng Chula • 13 Years Digital Experience • Volunteer in ITValley.org
Menn Co-Living Space @ Pai • SeedThemes.com
CREATING WORDPRESS THEMES?
1. From Scratch
เริ่มจากศูนย์ แปลง HTML/CSS ให้เป็น Theme
2. Starter Theme
ใช้ “ธีมเริ่มต้น” แล้วแก้โค้ดธีมนั้นๆ
3. Child Theme
สร้างธีมใหม่ (Child Theme) ที่ใช้ฐานจากธีมเดิม (Parent Theme)
ซึ่งบางธีมอาจมี Theme Framework
1. From Scratch
http://www.slideshare.net/iMenn/wordpress-theme-and-design-presentation
http://www.slideshare.net/iMenn/wordpress-theme-design-2011-thai
https://vimeo.com/seedthemes/create-wp-theme
2008
2011
2017
ข้อดี เขียนโค้ดยังไงก็ได้ ตั้งชื่อได้เองหมด ข้อเสีย อาจจะไม่เป็นตามมาตรฐานเวิร์ดเพรส
HTML Slice
footer.php
header.php
sidebar.php
Theme Coding / Template Tags
footer.php
header.php
sidebar.php
The Loop
The Loop
More Files
footer.php
header.php
sidebar.php
The Loop
archive.php
search.php
category.php
single.php
page.php
front-page.php
Template Hierarchy
https://developer.wordpress.org/themes/basics/template-hierarchy/
2. Starter Theme
ข้อดี ตามมาตรฐานเวิร์ดเพรสทุกอย่าง เบา ข้อเสีย ต้องมาปรับแต่งหน้าตาพอควร
http://underscores.me
Add More CSS & JS
CSS
jQuery & JS
แก้ไขที่ไฟล์ functions.php
3. Child Theme
ข้อดี อัพเดทธีมแม่ได้ตลอด ปรับแก้ได้ง่าย ข้อเสีย ถ้าแก้เยอะ โค้ดจะรก ธีมอ้วน
Parent (Genesis Framework) Child (Genesis Themes)
Override
Style.css • ประกาศ Template: ชื่อโฟลเดอร์ของธีมแม่ แล้วเขียน CSS ทับได้เลย
Functions.php • เพิ่ม CSS/JS ได้เองตามต้องการ
ไฟล์อื่นๆ • ต้องการทับค่าไฟล์ไหน ไปก๊อบมาแก้ เช่น header.php, footer.php
SUPPORT “THAI” LANGUAGE
Localization
ข้อความในธีมต้อง “แปลได้”
และควรมี “ภาษาไทย” ให้เลือก
แนะนําปลั๊กอิน: Loco Translate
Thai Fonts & Spacing
ฟอนต์รองรับภาษาไทย
Line-height: 1.5-1.6 em
แนะนําปลั๊กอิน: Seed Fonts
Thai (Buddhist) Year
รองรับปี พ.ศ. แทน ปี ค.ศ.
แนะนําปลั๊กอิน: Seed Buddhist Year
Thai Social Sharing
รองรับการแชร์ที่คนไทยใช้ (เช่น Line)
แนะนําปลั๊กอิน: Seed Social
THEME IN “2017” SHOULD SUPPORT
Page Builder
ควรรองรับปลั๊กอิน Page Builder 

เช่น SiteOrigin, Elementor 

เพราะสะดวกกว่าสร้างฟีเจอร์เอง
Caching / Minify
ควรรองรับปลั๊กอินสําหรับแคช

เช่น WP Super Cache, W3
Total Cache, WP Fastest Cache
HTTS / SSL
ไม่มีการ Hard Code เรียก HTTP
ทั้ง CSS/JS/EMBED ต่างๆ
Theme Check
ผ่านมาตรฐานของเวิร์ดเพรส
ซึ่งเช็คโดยปลั๊กอิน Theme Check
BONUS: SPIRIT THEME
HeadBar รองรับ Page Builder
FootBar รองรับ Page Builder
Spirit Theme: Free Theme based on Underscore & Bootstrap
Menn (เม่น)
@MennStudio • @SeedThemes
CREATING THAI THEMES IN 2017
สร้างธีมเวิร์ดเพรสภาษาไทยในปี ๒๕๖๐
THANK YOU

Contenu connexe

Similaire à Creating Thai WordPress Themes in 2017

Similaire à Creating Thai WordPress Themes in 2017 (7)

Presentation powerpoint
Presentation powerpointPresentation powerpoint
Presentation powerpoint
 
Presentation powerpoint
Presentation powerpointPresentation powerpoint
Presentation powerpoint
 
Presentation powerpoint
Presentation powerpointPresentation powerpoint
Presentation powerpoint
 
Presentation powerpoint
Presentation powerpointPresentation powerpoint
Presentation powerpoint
 
Presentation powerpoint
Presentation powerpointPresentation powerpoint
Presentation powerpoint
 
Presentation powerpoint
Presentation powerpointPresentation powerpoint
Presentation powerpoint
 
Presentation powerpoint
Presentation powerpointPresentation powerpoint
Presentation powerpoint
 

Creating Thai WordPress Themes in 2017