ArmNo.in.th

I live with web development, photography, and dreams.

contact icon About

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 ด้วย – -“

ค้นหาและแก้ไขข้อความทั้งบล็อก ด้วยปลั๊กอิน Search and Replace

จากที่เคยแนะนำ “วิธีการย้ายบล็อก WordPress” ไปแล้ว ผมพบปัญหาอยู่อย่างนึงครับ คือ internal links (ลิ้งก์ภายในบล็อก) ยังคงลิ้งก์ไปยังบล็อกเดิมอยู่ ไม่ว่าจะเป็นลิ้งก์รูป หรือลิ้งก์ที่เราทำไปยังบทความต่างๆ (แต่ไม่รวมจากปลั๊กอินนะครับ) .. ผมจึงต้องมานั่งแก้ลิ้งก์ของทุกโพสต์จากเมนู edit post .. ซึ่งทำไปได้สักโพสต์สองโพสต์ ผมรู้สึกว่าเป็นงานที่ถึกมาก ทั้งบล็อกมีบทความแค่ 148 posts แต่ว่าจำนวนลิ้งก์นั้นไม่น้อยเลย ไหนจะโพสต์ที่เป็น Gallery อีกแน่ะ .. ก็เลยลองหาเครื่องมือทุ่นแรงดูครับ และก็พบกับปลั๊กอินตัวนี้ “Search and Replace”

search and replace wordpress plugin thumb ค้นหาและแก้ไขข้อความทั้งบล็อก ด้วยปลั๊กอิน Search and Replace

คุณสมบัติของปลั๊กอินตัวนี้คือ สามารถค้นหาและแทนที่ข้อความในฐานข้อมูล WordPress ทั้งหมดได้ในคลิกเดียว .. การใช้งานนั้นง่ายมากๆครับ หลังจากติดตั้งปลั๊กอินและ activate แล้ว ก็เข้าไปที่เมนู Settings > Search and Replace ก็จะพบกับหน้าจอแบบในรูปข้างบนครับ แค่เลือกข้อมูลที่ต้องการแก้ไข, ใส่คำที่ต้องการหาในช่อง Replace, และใส่คำที่ต้องการแทนที่ ในช่อง with แล้วก็กด Go .. แค่นี้ก็เสร็จแล้วล่ะครับ

อย่างเช่นของผม ต้องการเปลี่ยนข้อความ monkeyarmno.com ใน post content ทั้งหมดให้เป็น armno.in.th ก็เลือกเฉพาะช่อง content .. ใส่ค่าที่ต้องการลงไปในช่อง Replace กับ with, กด Go ให้โปรแกรมทำงาน .. เท่านี้ก็เสร็จแล้วล่ะครับ

;)

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 เลย หรือว่าลองออกแบบหลายๆแบบดูก่อน แต่ว่า ยังไงตอนนี้ก็สนุกกับเรื่องพวกนี้จังครับ

;)

วิธีการย้ายบล็อก WordPress

ผมเพิ่งย้ายบล็อกมาจาก armno.in.th ครับ ก่อนหน้านี้เคยย้ายบล็อก WordPress มาทีนึงแล้ว แต่เป็นการย้ายแบบไม่เต็ม 100% เพราะว่าแค่ export posts กับ theme ออกมา ข้อมูลบางส่วนหายไปก็มีเหมือนกัน .. คราวนี้เลยย้ายบล็อกแบบ “โคลนนิ่ง” เอาให้แบบว่า ของใหม่เหมือนของเดิมเป๊ะๆเลยล่ะ .. เผื่อมีประโยชน์กับผู้ที่ต้องการข้อมูลนะครับ

สิ่งที่เราจะทำวันนี้: ย้ายบล็อก WordPress (แบบติดตั้งเอง) จากโฮสต์หนึ่ง ไปยังอีกโฮสต์หนึ่ง
สิ่งที่ต้องมี: แค่ ftp client กับ text editor ก็พอละมั้ง

เริ่มกันเลย…

1. Export ฐานข้อมูลบล็อกเก่า .. โฮสต์ที่ผมใช้มี phpMyAdmin ให้ ก็เข้าไป export ฐานข้อมูลได้เลยครับ .. ผมเลือกเป็นไฟล์ sql เลย เพราะฐานข้อมูลไม่ใหญ่มาก

01export db thumb วิธีการย้ายบล็อก WordPress

(more …)

มังกี้อามโน ไม่เป็นมิตรกับ IE ?

ช่วงนี้อาจจะดูเปลี่ยน theme บ่อยหน่อย แต่ที่ใช้ตอนนี้คือ Skittlish Theme และคิดว่าจะใช้ไปอีกสักระยะ (จนกว่าจะออกแบบ wp theme ใช้ได้เองเลยเอ้า) ก็โมนิดโมหน่อยตามประสาครับ พอดีวันนี้ upgrade Firefox เป็น version 3.5 Beta 4 ด้วย เลยลองทดสอบการแสดงผลบล็อก บนหลายๆ browser ไปด้วยเลย

ff35b4 thumb มังกี้อามโน ไม่เป็นมิตรกับ IE ?

(more …)

Statpress ทำพิษ!

WordPress Plugin ตัวนึงชื่อว่า StatPress ที่เคยได้ยินกิตติศัพท์มานาน ไม่นึกไม่ฝันว่าจะต้องมาเจอกับตัวเอง ทำตัวไม่ถูกเลย .. ปัญหาของผมก็คือ ปลั๊กอินตัวนี้หยุดทำงานมาได้ประมาณ ๒ สัปดาห์แล้ว (เฉพาะส่วนที่เป็น counter แต่ว่าส่วน keywork tracker ยังทำงานอยู่) คิดว่าต้นเหตุคงมาจากฐานข้อมูลที่บวมขึ้นเรื่อยๆ แต่ผมก็ไม่ได้ซีเรียสอะไรมาก ก็ปล่อยๆมาตลอด

จนกระทั่งเมื่อวาน ทาง appservhosting ส่งอีเมลแจ้งมาว่า StatPress ทำให้ server load สูงมาก และอาจทำให้ฐานข้อมูล Corrupt ได้ และแนะนำให้ลบปลั๊กอินตัวนี้ ผมไม่รอช้าครับรีบลบเลย เกรงว่าจะไปรบกวนคนอื่น เพราะ appservhosting ส่งรูป load graph ของ server มาให้ดูด้วย สูงจนน่าตกใจจริงๆ

เคยอ่านในเว็บบอร์ด WordThai เหมือนกันว่า StatPress ทำให้ DB บวมขึ้นเรื่อยๆ .. ไม่รู้เหมือนกันว่า StatPress Reloaded จะดีกว่าไหม แต่ผมคงเลือกที่จะไม่ใช้เลยดีกว่า Google Analytics อย่างเดียวก็เพียงพอแล้วสำหรับผมน่ะ

เปลี่ยนธีมใหม่แล้ววว

WordPress กับผมรู้จักกันมาได้ก็นานพอควรแล้วล่ะครับ ผมปิ๊ง WP ตั้งแต่เวอร์ชั่น 2.0 .. ถึงตอนนี้ นับเป็นเวลาเท่าไหร่แล้วก็ไม่รู้เหมือนกัน .. Theme WP มีเยอะแยะเป็นพันเป็นหมื่น แต่ก็ไม่มีตัวไหนถูกใจผมจริงๆเลยสักที .. คิดอยู่เหมือนกันครับว่าจะออกแบบ และทำธีมเอง .. คิดมาสองปีแล้ว ยังไม่ได้ลงมือจนถึงบัดนี้ – -“

ใช้ธีมแนวขาวๆเรียบๆอย่าง ClockWorkSimple มาได้สักระยะหนึ่งแล้ว ส่วนตัวก็ชอบแนวนี้เป็นพิเศษครับ .. แต่ว่าวันนี้ขอเปลี่ยนมาฉูดฉาดเล็กน้อย กับเจ้านี่ครับ Charade – a CSSrockstars Theme 1.0 by CSSRockstars หาเจอมาจากไหนก็จำไม่ได้เหมือนกัน ดูแล้วสะดุดตาดี เอามาโมเพิ่มอีกหน่อย .. จริงๆไม่หน่อยเลย มีหลายส่วนที่ต้องแก้เหมือนกัน แต่พอทำเสร็จแล้วมันก็คุ้มกับเวลาที่เสียไป .. ชอบธีมนี้ตรงที่รูปเล็กๆน้อยๆมันเยอะดี .. แต่เดี๋ยวผมก็ว่าจะเพิ่มเข้าไปอีกแหละ

ว่าแต่ มาบ่นอะไรเนี่ยยย ไปบล็อกต่อไปได้แล้วววว

อัพเกรดเป็น WordPress 2.7 แล้ว

ผมเป็นคนหนึ่งที่รอการมาของ WordPress 2.7 ครับ เห็นสกรีนช็อตการเปลี่ยนแปลงในด้าน Backend แล้วรู้สึกมันเท่ดี ผมอั้นไว้ไม่อัพเกรดตั้งแต่ 2.6.2 แล้วครับ ตอนนี้ฤกษ์งามยามดี ก็เลยอัพเกรดเข้าให้ หน้าบล็อกแทบไม่มีอะไรเปลี่ยนแปลง แต่ข้างหลังต้องบอกว่า แทบไม่เหลือของเดิม

อัพเกรดเสร็จแล้วมีปลั๊กอินตัวหนึ่งบอกว่าใช้ไม่ได้ ก็คือเจ้า Simple Tags นั่นเอง ต้องอัพเกรดเป็นเวอร์ชั่นล่าสุด ตอนนี้ใช้ได้เหมือนเดิมแล้ว

แวะมาบอกแค่นี้ล่ะครับ ใกล้สอบแล้ว ต้องอ่านหนังสือเยอะๆ ขอให้ทุกคนโชคดี

ปล. คู่มือ WordPress ภาษาไทย ตามลิ้งก์นี้ครับ

Page 1 of 212