Creating-Thai-themes-2017

Presented by Chakkrisn Talawat

Creating Thai WordPress Themes in 2017 : สิ่งที่ต้องคำนึงในการสร้างธีมเวิร์ดเพรสภาษาไทยสำหรับปี 2017 ซึ่งจะเริ่มตั้งแต่ มีวิธีแบบไหนในการสร้างธีมบ้าง? (เริ่มจากศูนย์ หรือใช้ธีมคนอื่น?) จนถึงสิ่งที่ต้องคำนึงสำหรับภาษาไทย และผู้ใช้ไทย

---

Video:

Transcript

1. Menn (เม่น) @MennStudio • @SeedThemes CREATING THAI THEMES IN 2017 สร้างธีมเวิร์ดเพรสภาษาไทยในปี ๒๕๖๐
2. Menn Com Eng Chula • 13 Years Digital Experience • Volunteer in ITValley.org
3. Menn Co-Living Space @ Pai • SeedThemes.com
4. CREATING WORDPRESS THEMES? 1. From Scratch เริ่มจากศูนย์ แปลง HTML/CSS ให้เป็น Theme 2. Starter Theme ใช้ “ธีมเริ่มต้น” แล้วแก้โค้ดธีมนั้นๆ 3. Child Theme สร้างธีมใหม่ (Child Theme) ที่ใช้ฐานจากธีมเดิม (Parent Theme) ซึ่งบางธีมอาจมี Theme Framework
5. 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 ข้อดี เขียนโค้ดยังไงก็ได้ ตั้งชื่อได้เองหมด ข้อเสีย อาจจะไม่เป็นตามมาตรฐานเวิร์ดเพรส
6. HTML Slice footer.php header.php sidebar.php
7. Theme Coding / Template Tags footer.php header.php sidebar.php The Loop The Loop
8. More Files footer.php header.php sidebar.php The Loop archive.php search.php category.php single.php page.php front-page.php
9. Template Hierarchy https://developer.wordpress.org/themes/basics/template-hierarchy/
10. 2. Starter Theme ข้อดี ตามมาตรฐานเวิร์ดเพรสทุกอย่าง เบา ข้อเสีย ต้องมาปรับแต่งหน้าตาพอควร http://underscores.me
11. Add More CSS & JS CSS jQuery & JS แก้ไขที่ไฟล์ functions.php
12. 3. Child Theme ข้อดี อัพเดทธีมแม่ได้ตลอด ปรับแก้ได้ง่าย ข้อเสีย ถ้าแก้เยอะ โค้ดจะรก ธีมอ้วน Parent (Genesis Framework) Child (Genesis Themes)
13. Override Style.css • ประกาศ Template: ชื่อโฟลเดอร์ของธีมแม่ แล้วเขียน CSS ทับได้เลย Functions.php • เพิ่ม CSS/JS ได้เองตามต้องการ ไฟล์อื่นๆ • ต้องการทับค่าไฟล์ไหน ไปก๊อบมาแก้ เช่น header.php, footer.php
14. 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
15. 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
16. BONUS: SPIRIT THEME HeadBar รองรับ Page Builder FootBar รองรับ Page Builder Spirit Theme: Free Theme based on Underscore & Bootstrap
17. Menn (เม่น) @MennStudio • @SeedThemes CREATING THAI THEMES IN 2017 สร้างธีมเวิร์ดเพรสภาษาไทยในปี ๒๕๖๐ THANK YOU