Home > Program, Theme, Tips > แนะนำโปรแกรมทำ theme แจ่มๆ [Artisteer]

แนะนำโปรแกรมทำ theme แจ่มๆ [Artisteer]

วันนี้มาขอแนะนำโปรแกรมทำ theme สวยๆ สำหรับไว้ไปสร้างเว็บของเรา จะเอาไว้ทำ theme CMS ยอดนิยมอย่าง WordPress หรือ Blogger ก็ได้ครับ ขาปั่น Amazon ด้วย WordPress หรือ Blogger ไม่ควรพลาดโปรแกรมนี้ เพราะช่วยสร้างความแตกต่างของเว็บเราได้ง่ายๆ แค่ไม่กี่คลิก ก็ได้ theme ไว้ใช้งานสบายๆ แล้ว โปรแกรมที่ว่านี้ก็คือ Artisteer นั่นเอง (ณ ขณะที่เขียนบทความนี้เป็น version 4.1 นะครับ)

1. ก่อนอื่นก็ คลิกดาวน์โหลด โปรแกรมกันได้เลย –> Artisteer Download เป็นตัวทดลองนะครับ หากใครถูกใจ ก็จ่ายเงินในราคาแค่ 49$ เท่านั้น ถือว่าคุ้มมากครับ

2. หลังจากติดตั้งโปรแกรมแล้ว ก็เริ่มโปรแกรมตามปกติใน start–>Program ตามรูป (ในบทความนี้ขอแสดงตัวอย่าง version 3 นะครับ โดยจะรันได้เร็วกว่า version 4 เพราะไม่ต้องไปโหลด theme เพิ่มเติมระหว่างทำงาน แต่ version 4 ก็มี theme ให้เลือกมากกว่า version 3 แน่นอนครับ)

01_startprogram

3. เมื่อเปิดโปรแกรมมาระบบจะให้เลือกว่าจะสร้าง theme ประเภทไหน หรือ CMS อะไร ในตัวอย่างผมเลือก WordPress ครับ
(หากใครไม่เจอหน้าแบบนี้ ก็คลิกเมนู File–>New)

02_selectwp

 

4. ถ้านึกอะไรไม่ออก เราสามารถให้โปรแกรมสุ่มเลือก design หรือ idea ได้ โดยคลิกที่ไอคอน Suggest Design ดังรูป โปรแกรมจะสุ่มรูปแบบมาให้เลือกเรื่อยๆ ถ้าพอใจแล้ว ค่อยไปปรับส่วนอื่น

03_randomdesign

 

รูปด้านล่างแสดงตัวอย่าง theme ที่โปรแกรมสุ่มเลือกมาให้ครับ สามารถกดสุ่มไปเรื่อยๆ ได้จนกว่าจะพอใจ

04_exampledesign

 

5. กรณีที่เราพอใจ design แล้ว เราสามารถปรับรูปแบบของ Layout โดยไปที่แทป Layout และก็เลือกปรับส่วนต่างๆ ได้ดังรูป เป็นตัวอย่างการปรับว่าจะให้ theme แสดงเป็นแบบกี่ column และตรงแทปนี้ เราสามารถปรับความกว้างของ theme ได้ด้วยนะครับ (Sheet Width) มีเมนูมากมาย ก็ลองปรับเล่นกันดู

05_examplelayoutcolumn

 

6. หรือหากจะปรับส่วนเนื้อหา หรือ content เช่น รูปแบบสี ตัวอักษร รูปแบบตาราง เป็นต้น ก็มาที่แทป Content ตัวอย่างในรูปนี้เป็นการปรับความหนาของขอบตารางนะครับ ปกติผมจะเลือก No border เพื่อความสวยงาม

06_examplecontenttable

 

7. หากต้องการปรับส่วนหัวของตาราง ก็มายังแทป Header เราสามารถปรับสี background หรือรูปประกอบได้ครับ ซึ่งรูปประกอบ เราจะใช้ในโปรแกรม หรือจะเพิ่มเข้าไปเองก็ได้ครับ

07_exampleheaderimage

 

8. และสุดท้าย ส่วน Footer หรือด้านล่างของเว็บ เราก็สามารถฝังโค้ดต่างๆ ลงไป หรือไม่ก็ใส่พวก policy ต่างๆ ของ amazon ลงไปได้เลย เพื่อความสะดวกสำหรับผู้ใช้งานที่จะไปปั่นเว็บ amazon หรือ provider เจ้าอื่นๆ นะครับ โดยมาปรับที่แทป Footer

08_examplechangefooter

 

9. หลังจากปรับส่วนต่างๆ จนพอใจแล้ว ก็สามารถ export เพื่อไปใช้งานได้ กรณีนี้เป็น wordpress theme ก็จะทำตามขั้นตอนดังรูป คือ File–>Export –>Wordpress Theme

09_exporttowp

 

จากนั้นจะมาเจอหน้าต่างดังรูป เราเลือกเป็น zip file เพื่อสะดวกกับการนำไปใช้งานนะครับ เพราะสามารถเข้าไป upload ได้ในส่วน admin ของ wordpress แบบที่เราเปลี่ยน theme ตามปกติ

10_exportfinish

 

จะเห็นได้ว่า โปรแกรมใช้งานได้ไม่ยาก มีส่วน support มากมายหลายอย่าง ยืดหยุ่น สามารถนำไปใช้งานอื่นๆ ได้หลากหลาย ดังนั้น ผมจึงแนะนำว่าถ้าใครมีทุนก็ไม่ควรพลาดที่จะจัดมาไว้ในครอบครองเลยนะครับ

Artisteer Download

  1. No comments yet.
You must be logged in to post a comment.