ArmNo.in.th

I live with web development, photography, and dreams.

contact icon Contact

sitemap icon Sitemap

rss feed icon Feeds

twitter icon Twitter

My First WordPress Theme

สวัสดีครับ .. หลังจากที่แอบซุ่มเปลี่ยนธีมทึมๆนี้อยู่ได้สักพัก คงได้ฤกษ์เปิดตัวอย่างเป็นทางการซะที (ว่าไปนั่น) ด้วยความตั้งใจมานานนนนนมากแล้ว ที่อยากลองทำ WordPress Theme ดูซักครั้ง แต่ไม่เคยสำเร็จซักครั้ง เพราะผมไปติดอยู่ตรงออกแบบใน Photoshop ซึ่งเป็นสิ่งที่ทำไม่เป็นเลย .. ชอบ Web Design ก็จริง แต่ไม่มีความสามารถครับ เพราะชีวิตประจำวันก็มีแต่เขียนโค้ดๆ ไม่ได้ลงมือ design จริงๆจังๆซักที .. ว่าแล้วโครงการทำ WordPress Theme ก็ล้มไปพักใหญ่

จริงๆแล้วผมเคยลองออกแบบ WordPress Theme ที่อยากทำ ใน Photoshop แล้วครั้งนึงครับ หน้าตาก็ประมาณข้างล่างนี้ .. นานแล้วเหมือนกันนะ แต่ว่าตอนนั้นก็ไม่ได้ทำเป็น WordPress Theme จริงๆจังๆซักที เงียบหายไปเลย

newblog2 thumb My First WordPress Theme

(more …)

เปลี่ยนธีมใหม่ ใช้ Notepad จาก N.Design

ผมคิดว่าตัวเองเป็นคนที่เปลี่ยนธีมของบล็อกค่อนข้างบ่อยครับ เจอธีมสวยๆทีไรก็อยากเอามาลองอยู่เรื่อย ล่าสุด n.design studio เพิ่งปล่อยธีมชื่อ Notepad มา ผมเห็นตอนแรกก็รู้สึกเฉยๆครับ ไม่ได้สนใจอะไร แต่พอดูไปดูมา มันคุ้นๆจัง .. นี่มัน Notepad ใน iPod Touch นี่หว่า (และ iPhone ด้วย) ก็เลยลองเอามาเปลี่ยนดู ก็ดูดีเหมือนกันนะ (ชมตัวเอง)

headshot newtheme thumb เปลี่ยนธีมใหม่ ใช้ Notepad จาก N.Design

(more …)

เปลี่ยนธีมอีกครั้ง คราวนี้ Satorii

หลังจากที่เคยพยายามออกแบบ wordpress theme ของตัวเองดู พบว่าตัวเองไม่ค่อยมีเวลาทำต่อเท่าไหร่ครับ .. รู้ตัวเองดีกว่าถนัด code มากกว่า design .. ถนัดแก้+เพิ่ม code มากกว่าเขียนใหม่ขึ้นมาเองทั้งหมด (สำหรับทาง web design นะ) ก็เลยหา wordpress theme มาโมเอาดีกว่า เร็วกว่าทำเองเยอะเลย

ผมรู้สึกชอบ theme ที่มีคอลัมน์เดียวมากกว่า มันทำให้รู้สึกว่า ผมมีพื้นที่ในการขีดเขียน ใส่รูปมากกว่าเยอะเลย เลยหา wordpress theme ที่มีลักษณะคล้ายกับ theme ของ diary ผมที่ Windows Live Spaces คือมีเพียง 1 คอลัมน์ และมี sidebar อยู่ด้านล่าง จะ 2 หรือ 3 คอลัมน์ก็ได้สำหรับ sidebar .. แต่ก็เจอ Satorii โดยบังเอิญ จาก Google ด้วยคำค้นหาว่า ‘simple single column wordpress theme’ ครับ

image thumb เปลี่ยนธีมอีกครั้ง คราวนี้ Satorii

ผมจับมาโมเยอะเลย เพราะมีหลายส่วนที่ยังไม่ได้ดั่งใจต้องการ

  • ขยายความกว้าง จาก 50em เป็น 70em
  • ย้าย Blog Title กับ Blog Description มาไว้ตรงกลาง
  • เพิ่มขนาด Entry Title กับ Widget Title อีกนิดหน่อย
  • ลดขนาด font ของเมนูด้านบน
  • แก้ไข label ของ post metadata บางส่วนให้เป็นภาษาไทย

สิ่งที่เหลือ อยากแก้มากๆแต่ว่ายังไม่มีเวลามากพอ ก็คือ footer ด้านล่างของหน้าแรกครับ ดูเรียงกันมั่วๆยังไงไม่รู้แฮะ ^^”

ปล. ธีมนี้ใช้ font หน่วย em กับ % .. ซึ่งผมไม่ค่อยคุ้นเลย และมีแอบใช้ css3 นิดนึงด้วย พวก border-radius
ปล.2 มี javascript error แถมมาด้วยหนึ่งที่ รู้สึกจะเกี่ยวกับ jQuery ด้วย – -“

New Design #1 for ArmNo.in.th

เป็นครั้งแรกครับที่ผมออกแบบ WordPress Theme ใน Photoshop .. ผมชอบ web designing นะ ชอบอ่าน tutorial พวก web design อยู่ประจำ (หาได้ทั่วไปตามเว็บบล็อกต่างประเทศ) แต่ว่าไม่เคยทำได้เลย ไม่เคยทำเสร็จเลยสักที คราวนี้ลองดูอีกสักตั้ง อยากทำ theme ให้บล็อกนี้ ดูไม่เหมือนใครครับ และก็ออกมาแบบนี้ ..

new design for armno.in.th #1 

ผมเริ่มจากออกแบบในกระดาษก่อน (จริงๆแล้วทำไว้หลายแบบเหมือนกัน) แล้วค่อยมาวาง layout ใน Photoshop เลือก color scheme ที่ต้องการ (ผมอยากได้พื้นหลังสีขาว) จากเว็บไซต์ colorcombos.com ซึ่งชุดสีที่ผมเลือกก็คือ ชุดที่ 236 ครับ (เคยทำแบบมั่วละเลงสีเองแล้ว ดูไม่ได้เลย) .. แล้วหลังจากนั้นก็มั่วๆมาได้จนเสร็จ ใช้เวลาตั้งสามวัน เพิ่งได้หน้าแรกหน้าเดียว – -“

ผมชอบงานออกแบบ ชอบศิลปะครับ แต่ว่าถนัด coding มากกว่าซะอย่างงั้น จริงๆแล้วผมอยากเป็น designer มากกว่า coder ด้วยซ้ำ แต่ว่าถ้าเป็นได้ทั้ง 2 อย่าง ก็คงจะดีไม่น้อย .. ก่อนหน้านี้ผมศึกษาเรื่องราวเกี่ยวกับการออกแบบเว็บไซต์มากมายจากอินเทอร์เน็ต อ่าน tutorial เป็นสิบๆ ศึกษาไปถึง 960.gs ด้วย แต่พอลองทำแล้ว กลับไม่ได้ดั่งใจ ไปไม่รอดสักที .. สุดท้าย ทิ้งทุกอย่าง ทำด้วยตัวเอง เริ่มจาก 0 จนกระทั่งเสร็จเป็นชิ้นแรก ได้เท่านี้ผมก็พอใจแล้วครับ .. concept เหรอ? .. ผมเองก็ดูไม่ออกเหมือนกัน เพียงแต่สื่อออกมาว่าผมชอบ PHP กับฟอนต์ Century Gothic มากๆครับ ^^

ยังไม่รู้ว่าจะเอายังไงต่อ จะเริ่ม code ส่วน html + css เลย หรือว่าลองออกแบบหลายๆแบบดูก่อน แต่ว่า ยังไงตอนนี้ก็สนุกกับเรื่องพวกนี้จังครับ

;)