[แชร์แบบบ้านๆ] ตอนที่ 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/articles/news/converting-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/tutorials/theme-development/developing-your-first-wordpress-theme-day-1-of-3/
http://wp.tutsplus.com/tutorials/theme-development/developing-your-first-wordpress-theme-day-2-of-3/
http://wp.tutsplus.com/tutorials/theme-development/developing-your-first-wordpress-theme-day-3-of-3/
ปล.ใครมีภาษาไทยก็แนะนำได้นะครับ



Q: แล้วเขียนไม่เป็นละทำอย่างไร
A: ผมก็เขียนไม่เป็นเหมือนกันครับ :wanwan001:แต่เราสามารถเริ่มต้นไปพร้อมๆกันได้ครับ ผมแนะนำให้มองตัวเองครับว่าเราทำอะไรได้บ้างและส่วนไหนที่เราต้องปรับปรุงตัวและพัฒนามันครับ


สำหรับตอนแรก ผมก็ขอจบเท่านี้ก่อนครับ
แก้ไขเพิ่มตอนที่ 2 ครับ
ตอนที่ 2 : http://www.thaiseoboard.com/index.php/topic,267091.0.html

อ้างถึงจาก: Thetikker ใน 22 เมษายน 2012, 01:54:15
ขอบคุณมากๆนะคะ กำลังสนใจทำอยู่พอดีเลย แต่แนะนำเพิ่มว่า มีปลั๊กอิน โฟโต้ชอปตัวนึง ใช้สำหรับออกแบบ wordpress theme โดยเฉพาะ ใช้ง่ายมากๆ

ลองหาซื้อกันดูค่ะ

หามาให้ดูกันครับ  
http://www.divine-project.com/
ผมยังไม่ได้ลองดูว่าดียังไง

สนับสนุนครับ เป็นแนวความคิดที่ดี ถ้าเกิดกลุ่มดีๆ แบ่งปันความรู้
หลายด้านๆช่วยกัน อาจจะแบ่งรายได้หรือเอาท์ซอร์ทให้
คนในกลุ่ม ดีกว่าเน้นปั่นเว็บ ปั่นเฟซ และอื่นๆ กันอย่างเดียว

อืมมมมมมม

ผมยังใช้ twentyeleven อยู่เลยครับ ของเขาสวยดี Random Header image ได้ด้วยสุดยอด  

มาเอาใจช่วยคร้าบบบ

อ้างถึงจาก: HackFreeze ใน 21 เมษายน 2012, 11:59:45
มาเอาใจช่วยคร้าบบบ

พี่ก้องก็มาแชร์ความรู้ด้วยสิครับ

ขอร่วมวงด้วยครับ

น่าสนใจมากครับ ปรกติผมทำแต่ joomla ไม่ได้ทำของ WP เลย 

ขอบคุณมากครับเก็บไว้ก่อนว่างแล้ค่อยอ่าน

งั้นขอร่วมด้วยนะคับ ความรู้น้อยค่อยบรรจง 

+1 ให้ก่อน 22 >23

ทำได้รวยไม่รู้ตัวเลยครับ เอาใจช่วย

มาร่วมวงด้วยคนครับ

ทำไม่เป็น แต่น่าสนใจมาก

ไอเดียดี น่าสนใจครับ

น่าสนใจมากครับ 

เป็นแนวความคิดที่ดี

เพื่อนๆท่านใดมีแนวคิดที่อยากจะเพิ่มเติม แสดงได้เต็มที่เลยครับเลยนะครับ

อ้างถึงจาก: arusgroup ใน 21 เมษายน 2012, 11:45:48
[แชร์แบบบ้านๆ] ตอนที่ 1 เรามาทำ wordpress theme ขายกัน
  ก่อนอื่นผมขอออกตัวคร่าวๆก่อนนะครับ ผมเป็นคนหนึ่งที่ไม่เก่งทั้ง 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/articles/news/converting-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/tutorials/theme-development/developing-your-first-wordpress-theme-day-1-of-3/
http://wp.tutsplus.com/tutorials/theme-development/developing-your-first-wordpress-theme-day-2-of-3/
http://wp.tutsplus.com/tutorials/theme-development/developing-your-first-wordpress-theme-day-3-of-3/
ปล.ใครมีภาษาไทยก็แนะนำได้นะครับ



Q: แล้วเขียนไม่เป็นละทำอย่างไร
A: ผมก็เขียนไม่เป็นเหมือนกันครับ :wanwan001:แต่เราสามารถเริ่มต้นไปพร้อมๆกันได้ครับ ผมแนะนำให้มองตัวเองครับว่าเราทำอะไรได้บ้างและส่วนไหนที่เราต้องปรับปรุงตัวและพัฒนามันครับ


สำหรับตอนแรก ผมก็ขอจบเท่านี้ก่อนครับ
แก้ไขเพิ่มตอนที่ 2 ครับ
ตอนที่ 2 : http://www.thaiseoboard.com/index.php/topic,267091.0.html

+1 ครับ
กระทู้ดีมีประโยชน์ต่อประเทศชาติ
ขอเก็บไว้ศึกษานะครับ

น่าสนใจมากครับ ติดตามอยู่ครับ 

ขอเก็บด้วยคน

น่าสนแต่ ทำจาก HTML ไป Wordpress ไม่เป็น