Successfully reported this slideshow.
Your SlideShare is downloading. ×

Creating Thai WordPress Themes in 2017

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 17 Ad

Creating Thai WordPress Themes in 2017

Download to read offline

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

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

Advertisement
Advertisement

More Related Content

Advertisement

Creating Thai WordPress Themes in 2017

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

×