[แชร์แบบบ้านๆ] ตอนที่ 1 เรามาทำ wordpress theme ขายกัน[แชร์แบบบ้านๆ] ตอนที่ 2 ออกPSD Layout ยังไงดีนะ [แชร์แบบบ้านๆ] ตอนที่ 3 วิธีทำ PSD ให้เป็น Html step by step ก่อนอื่นผมขอออกตัวคร่าวๆก่อนนะครับ ผมเป็นคนหนึ่งที่ไม่เก่งทั้ง Css php sql html แม้แต่ภาษาไทย
สังเกตุว่าจะพิมพ์ผิดเป็นระยะ
ตอนนี้ผมกำลังพยายามออกแบบและสร้างทีมแต่ข้อมูลในภาษาไทยนั้นมัน หาอ่านยากและ อ่านไปอ่านมาก็งงหรื่อผมมันไม่รู้เรื่องจนอ่านไม่รู้เรื่องเองหรือป่าวก็ไม่รู้
แต่เอาเถะผมว่าเพื่อนๆหลายคนที่ทำ wordpress ก็คงเคยคิดที่จะทำ theme ใช้เอง บางคนอาจทำจนเป็นอาชีพแล้วก็ได้ แต่ผมว่าหลายๆคนคงมีเป้าเหมือนผมคือ
เงิน เมื่อเป้าหมายเดี่ยวกันเราก็มาเดินไปด้วยกันแทนที่จะเป็นคู่แข่งกัน อ้อผมบอกแล้วนะครับ ว่าผมไม่เก่งแต่ผมมั่วเก่ง :wanwan020:ดั่งนั้นใครรู้หรือมีความคิดดีๆก็แบ่งปันกันได้นะครับ
เนื้อหาตอนที่ 1
เอาละสำหรับตอนนี้ผมจะอธิบายว่าเราจะเริ่มต้นอย่างไรใช้โปรแกลมอะไร ทั้งบน MAC และ windows และแนวทางแบบไหนที่ตลาดต้องการ แล้วมีช่องทางขายทางไหนบ้าง และมีข้อมูลที่ไหนให้อ่านบ้างผมจะพยายามรวบรวมให้มากที่สุดครับ เพื่อนๆมีแนวทางที่น่าสนใจผมก็จะนำมาลงในหน้าแรกให้นะครับ
คุณสมบัติของผู้เข้ารับการแชร์มีดังนี้ครับ1. ชอบแบ่งปันไม่กั๊ก เราไม่ใช้วินมอไซน์ปากซอยเราจะไม่กั๊กกันนะครับ
2. ไม่ดาม่า แต่มาถกเรื่องความรู้ได้ครับ
3. ไม่เกรียน มีเหตุผลทุกการพิมพ์ไม่เป็นนักเลงคียบอร์ดนะครับ
4. ไม่ด่าผมว่าผมพิมพ์ผิด เขียนงง เพราะผมจะเสียใจมากๆครับ
5. ถ้าไม่เข้าใจไปอ่าข้อ 1 ใหม่
พร้อมแล้วก็มาเริ่มกันดีกว่าครับ
Q:themeforest คืออะไรแล้วมีส่วนแบ่งเท่าไรละ
A:themeforestคือเว็บขาย Theme ที่เปิดโอกาศให้ใครก็ได้ที่เขียนทีมได้มาขายบน web โดยจะแบ่งส่วนแบ่งเริ่มต้นผู้เขียน ( Author )ที่ 50% จนไปถึง 70% ตามเงินที่ขายได้ทั้งหมดตามตรางนี้ครับ
Thanks: ฝากรูป Q:แล้วเราจะเข้าไปเป็น [Author]ได้อย่างไรละ
A: ก่อนอื่นเราต้องสมัครเป็นสมาชิคของ themeforest ก่อนนะครับแล้วจะมี Menu ให้กดสมัครเป็น [Author]
Q: แล้วใครตั้งราคาละ
A: ทาง themeforest จะเป็นผู้ตั้งราคา ครับโดยส่วนใหญที่เห็นราคาจะอยู่ประมาณนี้ครับ
WordPress theme 30-40 usd
HTML theme 15-20 usd
psd theme 4-10 usd
Q:แล้วขั้นตอนการเขียน themeละเขียนอย่างไร ใช้อะไรบ้าง
A: ขั้นตอนและโปรแกลมสำหรับเขียน theme จะแบ่งออกเป็น 4 ส่วนใหญ่ดังนี้ครับ
1.ส่วน design
หลักๆของส่วนนี้ จะประกอบ ด้วยการออกเบบ เป็นหลักโปรแกลมที่ใช้จะเป็น Photoshop เป็นหลักครับ
สำหรับ tip สำหรับการสร้าง Design สวยๆมีข้อมูลตามข้างล่างนี้นะครับ
TIp
http://photo.tutsplus.com/category/tutorials/internet/ http://webdesign.tutsplus.com/category/tutorials/visuals/ ปล.ใครมีภาษาไทยก็แนะนำได้นะครับ
2. การ ตัดHTML
ก็คือการนำเอา ไฟร์ PSD หรือ design ที่เราออกแบบ มาสร้าง เป็น HTML เพื่อเตรียมพร้อมในการทำ Theme โดยโปรแกลมที่ใช้เป็นหลักนั้นอยู่ที่คนถนัดครับสำหรับผม บน PC ผมถนัด EditPlus บน MAC ผมใช้ Taco HTML Edit แต่บางท่านอาจะใช้ดรีมก็ได้ครับ อีกโปรแกลมนึ่งที่ขาดไม่ได้เลยคือ Chrome หรือ Firefox แล้วแต่ความถนัดครับ
ส่วนนี้ความรู้ที่ใช้จะเป็น HTML+CSS ล้วนๆ ครับ สำหรับคนที่ไม่เก่ง CSS ละทำอย่างไร ก็ทำไม่ได้กันพอดีละสิ มันมีตัวช่วยครับไม่ต้องห่วง
วิธีการตัด HTML
http://net.tutsplus.com/articl...ing-a-design-from-psd-to-html/ http://net.tutsplus.com/tag/psd-to-html/ ปล.ใครมีภาษาไทยก็แนะนำได้นะครับ
3. การทำTheme บน Wordpress
ขั้นตอนนี้เป็นการนำ HTML ที่เราสร้างขึ้นมาทำเป็น theme ครับเราจะใช้โปรแกลมเดี่ยวกันกับที่ทำ HTML แต่จะใช้ความรู้ด้าน php มาช่วยด้วยครับ
การทำ HTml to wordpress theme ครับ
http://wp.tutsplus.com/tutoria...st-wordpress-theme-day-1-of-3/ http://wp.tutsplus.com/tutoria...st-wordpress-theme-day-2-of-3/ http://wp.tutsplus.com/tutoria...st-wordpress-theme-day-3-of-3/ ปล.ใครมีภาษาไทยก็แนะนำได้นะครับ
Q: แล้วเขียนไม่เป็นละทำอย่างไร
A: ผมก็เขียนไม่เป็นเหมือนกันครับ :wanwan001:แต่เราสามารถเริ่มต้นไปพร้อมๆกันได้ครับ ผมแนะนำให้มองตัวเองครับว่าเราทำอะไรได้บ้างและส่วนไหนที่เราต้องปรับปรุงตัวและพัฒนามันครับ
สำหรับตอนแรก ผมก็ขอจบเท่านี้ก่อนครับ
แก้ไขเพิ่มตอนที่ 2 ครับ
ตอนที่ 2 :
http://www.thaiseoboard.com/index.php/topic,267091.0.html ขอบคุณมากๆนะคะ กำลังสนใจทำอยู่พอดีเลย แต่แนะนำเพิ่มว่า มีปลั๊กอิน โฟโต้ชอปตัวนึง ใช้สำหรับออกแบบ wordpress theme โดยเฉพาะ ใช้ง่ายมากๆ
ลองหาซื้อกันดูค่ะ
หามาให้ดูกันครับ
http://www.divine-project.com/ ผมยังไม่ได้ลองดูว่าดียังไง