ธีมข้าพเจ้าอ้วน (Wide Blog Happens)

8 July 2009

ขณะนี้ธีมนี้มีการอัพเดทแล้วนะครับ กรุณาโหลดเวอร์ชั่นใหม่ที่ Blog Happens

ก่อนหน้านี้เคยบันทึกถึง ธีมข้าพเจ้า ไปแล้ว เป็นธีมแจกฟรีสำหรับใช้กับ WordPress นะครับ

ใช้ไปใช้มา พบว่า ความกว้างของรูปที่เคยตั้งไว้ 480 จุด (Pixel) ซึ่งเคยคิดว่าเหมาะทั้งรูปและวีดีโอนั้น เริ่มไม่พอเสียแล้ว

ลองไปทำให้กว้างซัก 640 แบบที่ทำให้ บล็อกคุณจ๋ง ก็พบว่า ไม่ค่อยเหมาะกับรูปแบบ 2 คอลัมน์นี้เท่าไหร่ (คือมี Sidebar และมี Content) เลยมาลงตัวที่ตั้งความกว้างรูปไว้ที่ 600 Pixel เหมาะสุด ไม่กว้างเกินจนอ่านแล้วต้องกวาดสายตาเยอะ และก็ไม่แคบเกินจนใส่รูปใหญ่ๆ ไม่ได้ แล้วก็เลยปรับขนาด Font ให้ใหญ่ซัก 13 px ระยะระหว่างบรรทัดซัก 1.5 em กำลังดี อ่านสบายตา ส่วนบาร์ด้านข้าง กว้าง 270px มีพื้นที่ใส่ตัวอักษรได้ถึง 240px นี่ นับว่าเพียงพอแล้ว (การทำ sidebar ของ blog นั้น ต้องกว้างกว่าออกแบบเมนูของหน้าทั่วไป เพราะมันมักจะมีเนื้อหา/ชื่อเรื่อง/คอมเม้นท์ ยาวๆ มาปะปน) ทำไปทำมาพบว่า บล็อกนี้กว้าง 960px พอดีเป๊ะ เลขสวยจริงเชียว :)

Wide Blog Happens - Free WordPress Theme

Wide Blog Happens - Free WordPress Theme

Wide Blog Happens: ธีมบล็อกอ้วน

เนื่องจากของเดิมมันผอมและตัวอักษรเล็กกว่านี้ เพื่อไม่ให้ซ้ำซ้อน ธีมนี้เลยเพิ่มคำอีกนิด จะได้ไม่ซ้ำกัน และก็แนะนำ Plugins มาให้พอประมาณ ถ้าชอบก็โหลดไปติดตั้งแล้ว Activate ได้เลยครับ ไม่ต้องแต่งธีมเพิ่มเรย :)

วิธีติดตั้ง

  1. ดาวน์โหลดไฟล์ธีมจาก Wide Blog Happens Theme (491)
  2. แตกไฟล์ แล้วนำไปไว้ที่ Folder สำหรับเก็บธีมของบล็อกตนเอง เช่น /wp-content/themes/widebloghappens
  3. ไปที่หน้า Admin เลือก Appearance -> Themes แล้ว Activate Theme ที่ติดตั้งไว้
  4. ควรตั้งให้รูปย่อ (Thumbnail) มีขนาด 80×80 px โดยไปที่ Setting -> Media -> Thumbnail 80×80 Crop
  5. ควรตั้งให้รูปขนาดกลาง (Medium) มีขนาดกว้าง 600 สูงเท่าไหร่ก็ได้ (เช่น 1200) โดยไปหน้าตามข้อ 4.
  6. หน้าแรกของธีม จะไปเอาส่วนเกริ่นนำ/ตัดทอน หรือกล่อง Excerpt มาใส่ ถ้าเราไม่ใส่ มันจะเอาเนื้อหาใน Blog มาใส่ ซึ่งอาจจะทำให้เยอะเกิน ไม่สวย

วิธีปรับแต่งส่วนกราฟฟิค

  1. ดาวน์โหลด PSD จาก Wide Blog Happens PSD (367)
  2. แก้ขนาด icon ของเราที่แสดงหน้า/โลโก้ ให้มีขนาดกว้าง 80px สูงเท่าไหร่ก็ได้
  3. หากต้องการเปลี่ยนสีหรือกรอบ ลองปรับแต่งดู แล้ว Save PNG ออกมา (8 bit ก็พอ) จะมี 3 ไฟล์คือ head.png, body.png และ foot.png
  4. สามารถลองเปิด test-home.html เพื่อดูภาพรวม แล้วลองแก้ CSS ดูได้ครับ
  5. ผมใช้ GPL คร่าวๆ คืออยากแก้อะไรก็ได้เต็มที่ครับ ไม่ต้องคง link ใน footer ก็ได้ครับ แต่เก็บไว้ซักที่ในโค้ด เผื่อคนอื่นจะได้หาเจอครับ

ปลั๊กอินที่ใช้

  1. Get The Image แสดงรูปประจำบันทึก (ต้องมี)
  2. Search Excerpt แสดงไฮไลท์ข้อความที่ค้นหา
  3. Subscribe To Comments ให้ผู้ทักทาย รับเมล์อัพเดทการคอมเม้นท์ได้
  4. WordPress Related Posts แสดงบันทึกที่คล้ายกัน
  5. WP-PostRatings ระบบเรตติ้งของบันทึก
  6. WP Page Numbers แสดงเลขหน้าด้านล่าง

ลองดูนะคร้าบ มีอะไรสอบถามมาได้ครับ :)

ป้ายคำ: , ,
เข้าดู 6,490 ครั้ง
1 Star2 Stars3 Stars4 Stars5 Stars (6 votes, average: 5.00 out of 5)
Loading ... Loading ...

มี 88 ความคิดเห็น

  1. mokin says:

    ขอคารวะ 1 จอก มาให้ผมกอดพุ้ง 1 ที่ ค่าธีม :P

  2. โกศล says:

    ผมเป็นขาประจำ จะลองเอาไปทำดู ขอบคุณมากครับ

  3. ipattt says:

    ชาบู คิดได้งัยเนี่ย ธีมข้าพเจ้าอ้วน

    ( แต่ผมก็ใช้อยู่นะ เป็นหนูลองยาด้วยอะ ) :P

  4. gupong says:

    รับประกันความกว้างด้วยภาพคุณเม่น :)

  5. ioxtream says:

    ขอขอบพระคุณเป็นอย่างสุงครับ

    ขอเอาไปใช้นะ คงไม่ว่ากัน

    **ปล.ดัดแปลงนิดนึงตามความชอบใจ แต่ยังไงธีมของพี่แม่นก็สวยอยู่แล้ว

  6. pY says:

    สวยดี ^^

  7. chert says:

    เยี่ยมมากครับคุณเม่นน

  8. chert says:

    ผมมือใหม่่อยากรู้ปลักอิน ป้ายคำ ทำงัยครับ

  9. iMenn says:

    @chert

    ป้ายคำ (หรือ Tag) ทาง WordPress มีให้อยู่แล้วครับ ตอนเขียนบล็อก ลองดูด้านขวา ภาษาไทยเรียก ป้ายกำกับ ภาษาอังกฤษเรียก Tag เราก็ใส่ไปปกติครับ

    เวลาจะเอามาโชว์ในธีม ก็แค่เรียกฟังก์ชัน the_tags() ครับ ลองดูในไฟล์ single.php บรรทัดที่ 11 ครับ

    ถ้าอยากเอามาโชว์ด้านข้าง (Sidebar) ก็ไปดูหน้า Widgets ครับ จะมี Widget ชื่อ Tag อยู่ครับ

    ผมไม่ได้ใช้ปลั๊กอินอะไรครับ

  10. chert says:

    ขอบคุณมากครับ ทำได้แล้วจะเข้ามาขอบคุณอีกครับ สนุกดีครับ

  11. picharmon says:

    ยังทำไม่ได้เลยครับ

  12. PatSonic says:

    แหม่ ช่างขยันทำจริงๆ เลย ว่าแต่ธีมท่านเม่นสวยเหลือใจจริงๆ นะ

  13. picharmon says:

    คุณเม่นช่วยด้วยครับ ยังทำไม่ได้เลยครับ

  14. iMenn says:

    @picharmon

    ช่วยได้ครับ แต่ต้องบอกนิดนึงว่าอยากให้ช่วยเรื่องอะไรครับ? เขียนเมล์มาหาผมได้ที่ menn at imenn.com ได้นะครับ บอกว่า กำลังทำเว็บอะไรอยู่ url อะไร (ผมเข้าไปดูเว็บด้านบนแล้วเห็นว่าเป็น Joomla ครับ), แล้วอยากทำอะไรที่ทำไม่ได้ (ยกตัวอย่างก็ได้ครับ เช่นเห็นที่หน้านี้ ของเว็บนี้ เค้าแสดงผลแบบนี้ อยากให้มาอยู่ที่เว็บตัวเองบ้าง ในตำแหน่งนี้ ฯลฯ)

    ถ้าให้ผมเดา ผมคิดว่าคุณ picharmon อยากติดตั้ง Widget ที่ชื่อว่า Tag แต่ติดตั้งไม่ถูก
    ถ้าใช่ ให้ล็อกอินเข้า WordPress แล้วดูเมนูด้านซ้าย ชื่อ Appearance -> Widget ให้หา Widget ที่ชื่อ Tag แล้วลากไปด้านขวา กด update ก็จะใช้ได้ครับ

    ลองดูวีดีโอสอนของ WordPress ดูนะครับ
    http://wordpress.tv/2009/01/14/the-tag-cloud-widget-your-obsessions-made-text/

  15. picharmon says:

    ทำป้ายคำได้แล้วครับ แต่เอ เวลาเราเลือกป้ายคำที่ฮอต ทำไมเป็นภาษาที่อ่านไม่อออกครับ

  16. iMenn says:

    @picharmon

    อ่านออกนะครับ :)

  17. picharmon says:

    ทั้งหมดเป็นอย่างนี้ครับ

    Choose from the most popular tags

    เธ‡เธ”เน€เธซเธฅเน‰เธฒเน€เธ‚เน‰เธฒเธžเธฃเธฃเธฉเธฒ เธ”เธญเธเน„เธกเน‰เนเธซเนˆเธ‡เธžเธฃเธฐเธ˜เธฃเธฃเธก เธงเธดเธ›เธฑเธชเธชเธ™เธฒเธเธฃเธฃเธกเธเธฒเธ™

  18. อ่า….เข้ามาฮารูปใน Blog ครับพี่ ^^

  19. alldata says:

    ขอบคุณครับ ต้องลองเอาไปใช้มั่งล่ะครับ

    ครั้งก่อนเอา ธีม Happens ไปใช้ สวยงามครับ ^.^

    ว่างเมื่อไหร่ รบกวนทำออกมาอีกนะครับ รอใช้ครับ ^.^

  20. iMenn says:

    @picharmon

    ถ้าอ่านแบบนั้น อาจเป็นได้ว่า

    1. Browser ตั้งค่าผิด แทนที่ Text Encoding จะเป็น Unicode ดันเป็น Windows 874 (Thai)
    2. ที่ Server ใช้ MySQL เวอร์ชั่นต่ำกว่า 4.1 (server ทั่วไปเดี๋ยวนี้ไม่มีเก่าขนาดนี้แล้ว)
    3. ใช้ IE6 ตอนใส่ค่า แล้วตั้งค่าบางอย่างใน IE ไม่ดี

    ลองใช้ Browser สมัยใหม่ดูครับ (เช่น FireFox, IE7) แล้วใส่ค่าใหม่ แล้วลองดูครับ
    ถ้าไม่ได้ก็ไม่ทราบเหมือนกันแล้วอ่ะครับ :)

  21. alldata says:

    ผมเอาไปใช้แล้วครับ พึ่งมาสังเกตเห็นว่า บล็อกผมเว็บลาเปิดกับ IE มันจะจัดข้อความต่างๆ เป็น จัดกลาง Center หมดเลยครับ แล้วกรอปตรงคอมเมนท์ด้านล่างมันก็เลย ยาวยืดออกไปด้านขวาด้วย ทำไมไม่เหมือนกับ ของบล็อกพี่ ครับ ต้องไปปรับตรงไหนครับพี่ ใช้ ไฟฟอก เปิดดูดีหน่อย กรอปไม่เลยยืดออกด้านขวา แค่เกือบๆ

    ของที่ใช้ก็ตามลิงค์ที่ใส่ไว้ครับ ผมต้องไปแก้ตรงไหนครับ

    ขอบคุณครับ

  22. iMenn says:

    @alldata

    ลองดู Text Widget ใน Sidebar นะครับ ที่เขียนว่า ติดตาม Alldata.in.th แล้วให้กรอกเมล์

    โค้ดนั้น มีเปิด < form > แต่ไม่มีปิด < /form > นะครับ ทำให้ฟอร์มคอมเม้นท์ที่อยู่หลังจากนั้น error ได้ครับ

  23. alldata says:

    ขอบคุณมากๆ เลยครับ เป็นเพราะไม่ได้ใส่ จริงๆครับ – -”

  24. picharmon says:

    เรียนถามคุณเม่นอีก ได้นำธีมตัวล่าสุดของคุณเม่นไปใช้ เยี่ยมมากครับ แต่ผมทำไม่ได้เหมือนคุณเม่นตรงที่เวลาเราใส่ภาพที่ใหญ่แล้วจะปรีวิวกลับไม่ปรากฎ แต่ลองในเครื่องของเราทำไมทำได้ครับ หรือเป็นที่เซอร์เวอร์

  25. iMenn says:

    @picharmon

    แสดงว่าไม่ได้ตั้งค่า Folder Permission เป็น 777 (สามารถ upload ไฟล์ได้) น่ะครับ ดูข้อ 14 ใน http://www.basicstep.net/how-to-install-wordpress/ ได้เลยครับ

    ตอนลองเครื่องเราทำได้ เพราะ server จำลองในเครื่อง (เช่น ใช้ AppServ) มันยอมให้เขียนไฟล์ (777) ได้อยู่แล้วครับ เพราะไม่ป้องกันความปลอดภัยเท่าไหร่

    ทีนี้พอไปใช้ Server จริง หากเป็น Server ในไทยส่วนมาก จะตั้งค่าไม่ค่อยดี พอติดตั้ง WordPress เสร็จ เลยต้องมาตั้งค่า Permission อีก หากเป็น Server เมืองนอกส่วนมาก จะไม่มีปัญหานี้ครับ มันจะตั้ง 777 สำหรับ /wp-content ให้อัตโนมัติ

  26. picharmon says:

    ขอบคุณหลายเด้อ ทำได้แล้ว จะติดตามคุณเม่นนะ

  27. picharmon says:

    คุณเม่นครับ ตรงความเห็นล่าสุด ทำงัยให้ขึ้นเหมือนคุณเม่น

  28. iMenn says:

    @picharmon

    ถ้าหมายถึงใน Sidebar ด้านข้าง ผมเขียนไว้ในหน้า About ว่า ใช้ Plugin – Get Recent Comments (แสดงความคิดเห็นล่าสุดใน Sidebar) นะครับ ลองดูที่ http://www.imenn.com/about/ เผื่อสนใจ Plugin อื่นๆ ด้วยครับ :)

  29. picharmon says:

    คุณเม่นน ตอบเร็วมาก และผมก็ทำได้แล้ว ขออภัยเพราะมือใหม่ในเวิร์ดเพรส แต่ยอมรับว่าสนุกมากครับ

  30. วีร์ says:

    Theme ที่พี่ทำสวยมากๆ ผมจะทำเนื้อหาเว็บที่แบ่งปันคนอื่นเหมือนที่พี่ทำอยู่บ้าง ขอให้พี่มีความสุขกับทุกวันที่ผ่านไปของชีวิต และสุขภาพแข็งแรงตลอดไป ขอบคุณมากครับ

    Regards,
    VEERAYUTH
    @DUT Dalian, China

  31. Amphur says:

    ติดตั้งเรียบร้อยแล้วครับ ขอบคุณมากๆครับ
    สำหรับธีมสวยๆ แบบนี้

  32. Joob says:

    ขอถามคุณเม่นหน่อยครับ สงสัยมานานแล้วว่า ทำไมธีมจำนวนมากชอบวางเลย์เอาต์เป็นหน้ารูปหน้ากระดาษ ที่จะดูฟิตหน้าจอพอดีที่ความละเอียดขนาดหนึ่ง(ประมาณ 800×600 หรือ 1024×768) แต่ถ้าหน้าจอกว้างกว่านั้นจะไม่ขยายตาม เหลือเป็นพื้นที่ว่างๆขนาดใหญ่อยู่ด้านซ้ายและขวา

    คำถาม คือ มันมีเหตุผลอะไรที่ทำเช่นนั้นครับ ทำไมไม่ทำให้ auto fit ทุกขนาดหน้าจอ ?

    มันเป็นเรื่องการดีไซต์ สัดส่วน ความลงตัว ความสวยงาม ความชอบ ความสะดวกในการวางองค์ประกอบต่างๆ หรืออย่างไรครับ ?

    เช่น สมมุติว่าเอาธีมนี้ของคุณเม่น ไปขยายออกให้อ้วนเต็มจอ จะเชยไหมครับ ?

  33. iMenn says:

    @Joob

    การออกแบบที่พูดถึงนี้ Keyword คือ Fluid (ขยายตามความละเอียดจอ) กับ Fix (ความกว้างคงที่) นะครับ เผื่อเอาไป search ต่อ :)

    1. ทำไมแนวโน้มปัจจุบันถึงไม่ค่อยออกแแบบให้เป็น Fluid?

    ที่ผมเห็นว่าเป็นเหตุผลสำคัญมากคือ ตาของคนเรา กวาดตัวอักษรได้ในความกว้างจำกัดครับ หนังสือพิมพ์/นิตยสารจึงต้องแบ่งเป็นหลายคอลัมน์ ลองจินตนาการดูครับว่า ถ้าหนังสือพิมพ์มีคอลัมน์เดียวจะอ่านยากขนาดไหน

    เมื่อประกอบกับปัจจุบันมีจอหลายขนาดมาก จนไม่แน่ใจว่า ถ้าทำหลายคอลัมน์ มันจะมีกี่คอลัมน์ในแต่ละความละเอียดจอ?

    คอลัมน์เดียว อ่านยาก หลายคอลัมน์ออกแบบยาก เลยมาลงตัวที่ Fix หรือทำขนาดตายตัวละกัน

    ถ้าลอง Search คำว่า web design fluid fix จะพบเว็บที่น่าสนใจหลายแห่ง เช่น http://www.pat-burt.com/web-usability/fixed-vs-fluid-website-layouts/ ลองอ่านดูนะครับ

    2. ถ้าเอาธีมนี้ไปขยายออก จะเชยไหมครับ?

    ไม่เชยครับ แต่อาจจะอ่านยาก ตรงบทความ (content) ผมตั้งความกว้างไว้ประมาณ 600 px ก็กวาดสายตากำลังดี แต่ถ้ามากกว่านี้มากๆ จะอ่านยากแน่นอนครับ

  34. Joob says:

    อืม มันมีเหตุผลเช่นนี้เอง
    เผอิญผมไม่ค่อยชอบพื้นที่ว่างโล่งเปล่าประโยชน์ด้านข้างหน่ะครับ

    ขอบคุณมากครับ

  35. iMenn says:

    @Joob

    เมื่อจอกว้างขึ้น แต่สายตากวาดได้เท่าเดิม ผมเลยใช้วิธีเปิด Browser ให้ไม่เต็มหน้าครับ (ถ้าใช้ Mac จะเป็นพฤติกรรมปกติ, ถ้าใช้ Windows จะรู้สึกขัดๆ นิดๆ เพราะถ้าเปิดไม่เต็มหน้าแล้วบางทีเผลอลากหน้าต่างสูงเกินไป)

    แล้วพื้นที่ว่างโล่งด้านข้าง ก็เปิดโปรแกรมอื่นไปแทนครับ :)

  36. picharmon says:

    คุณเม่นครับ อยากได้แบบนี้
    “เรื่องที่เกี่ยวข้อง
    ประชันเหล่า CMS ณ บาร์แคมป์
    ธีมเว็บ: Site Happens
    ธีมข้าพเจ้า: Blog Happens
    WordCamp Bangkok 2008
    บรรยาย WordPress ที่ BU
    วิถีแห่งเจ้าสำนัก
    การออกแบบนั้น เหมือนกับการปรุงอาหาร
    เวิร์ดเพรส – โค้ดดั่งบทกวี
    มี 35 ความคิดเห็น ต่อ “ธีมข้าพเจ้าอ้วน (Wide Blog Happens)” “

  37. iMenn says:

    ลองดูที่ http://www.imenn.com/about/ นะครับ ผมจะเขียนไว้หมดว่าใช้ Plugin อะไรบ้าง

    ลองเดาดูว่า ผมใช้ Plugin อะไรครับ :)

    ถ้าเดาไม่ถูก ใบ้เพิ่มว่า หัวข้อบล็อกแต่ละอันนี้ ภาษาอังกฤษเรียกว่า Post นะครับ

    ถ้ายังเดาไม่ถูก ถามมาอีกที เดี๋ยวผมตอบให้ครับ :)

  38. iMenn says:

    เยี่ยมมากคุณเม่น ได้แล้วครับ แต่ยังอยากแก้ภาษาอังกฤษแบบคุณเม่นครับ ตรงคำว่า “มี 37 ความคิดเห็น ต่อ ” แก้ที่ไหนครับ ขอบคุณ

    เปิดไฟล์ comments.php มานะครับ บรรทัดที่ 16 แก้จาก comments_number(‘No Responses’, ‘One Response’, ‘% Responses’ ) เป็น comments_number(‘ไม่มีความคิดเห็น’, ‘มี 1 ความคิดเห็น’, ‘มี % ความคิดเห็น’ )

  39. picharmon says:

    ขอบพระคุณอย่างหลายหลายเด้อ

  40. picharmon says:

    คุณเม่นครับ ทุกเรื่องที่ถาม ผมได้รับคำตอบเสมอ และได้นำไปถ่ายทอดให้เพื่อนๆ ที่สนใจในเวิร์ดเพรส มากพอสมควร และวันนี้ ผมได้ใช้ปลักอินตัวหนึ่งที่ต้องบอกยอดเยี่ยมมาก คือ NextGEN Gallery แต่มีสิ่งหนึ่งที่ผมแก้ไม่ได้คือการทำสไลด์โชว์ ของ NextGEN Gallery ดูเหมือนจะฟ้องเกี่ยวกับจาวาอะไรทำนองนี้ ทั้งที่เราทำในเครื่องก็เวิร์คนะ ช่วยตอบที

  41. picharmon says:

    สุขสันต์วันเกิดด้วยคน และคุณเม่นครับ ทุกเรื่องที่ถาม ผมได้รับคำตอบเสมอ และได้นำไปถ่ายทอดให้เพื่อนๆ ที่สนใจในเวิร์ดเพรส มากพอสมควร และวันนี้ ผมได้ใช้ปลักอินตัวหนึ่งที่ต้องบอกยอดเยี่ยมมาก คือ NextGEN Gallery แต่มีสิ่งหนึ่งที่ผมแก้ไม่ได้คือการทำสไลด์โชว์ ของ NextGEN Gallery ดูเหมือนจะฟ้องเกี่ยวกับจาวาอะไรทำนองนี้ ทั้งที่เราทำในเครื่องก็เวิร์คนะ ช่วยตอบที

  42. iMenn says:

    @picharmon

    อืม ผมไม่เคยใช้ตัวนี้นะครับ เลยไม่แน่ใจเหมือนกัน
    ถ้าให้เดา มันคงไปตีกับตัวอื่นน่ะครับ ลองปิด plugin ตัวอื่นไปก่อนนะครับแล้วดูว่าใช้ได้หรือเปล่า?

    คำถามนี้ ถ้ามี url ให้เข้าไปดู หรือมี error ให้เห็น อาจจะทำให้เข้าใจง่ายขึ้นนะครับ (แต่ก็ไม่แน่ว่าจะตอบได้อยู่ดีนะครับ เพราะไม่ได้ใช้) วิธีปกติคือ เราไปถามผู้พัฒนา หรือเว็บบอร์ด WordPress ครับ

    พยายามให้รายละเอียดเวลาถามครับ เป็นการช่วยเหลือผู้ตอบด้วยครับ
    ลองสมมติว่า มีคนถามคุณ picharmon ว่า “คอมพิวเตอร์ผมเสีย เห็นว่าหน้าจอมันฟ้องเกี่ยวกับ System อะไรทำนองเนี้ย” ถ้าคุณ picharmon อยากตอบ คงต้องถามกลับเยอะเลยใช่มั้ยครับ :)

    เมื่อวานผมเห็นคำถามนี้แล้วไม่ได้ตอบ ก็เพราะว่าถ้าจะตอบ จะต้องใช้พลังมาก ต้องถามกลับเยอะ หรือคิดแทนในกรณีที่น่าจะเป็นเยอะ ผมเลยเอาไว้ก่อนครับ

  43. picharmon says:

    ขอบคุณคุณเม่นมากครับ

  44. โอ๊ะ says:

    ขอบคุณครับ….เพิ่งจะหัดทำเว็บตัวเอง..
    แต่ก็ยังไม่รู้จะเขียนไรเลย….ชอบอ่าน..
    พอจะเขียนเอง….มันตันไปหมดเลย

  45. KRISS says:

    พี่เม่นครับ
    มี folder “test_files” ให้ download ไหมครับ แหะๆ

  46. iMenn says:

    @kriss

    ฮ่าฮ่า เฮ้ย แค่รูปไม่กี่รูป อย่าขี้เกียจมาก แกะหน่อยเฟร้ย

    พี่ลบ folder นั้นทิ้งไปแล้วอ่ะ แค่อยากทดสอบ CSS เฉยๆ เลยไม่ได้เก็บไว้ :)

  47. [...] theme มาใช้ จนล่าสุดนี่ก็เปลี่ยนมาใช้ Wide Blog Happens theme ของเขาอีก [...]

  48. ปิง says:

    รบกวนคุณเม่นนิดนึงนะครับ หากต้องการให้มี 2 category ในหน้าเดียวกัน สามารถทำอย่างไรได้บ้างครับ

    ตัวอย่างครับ http://www.uppicweb.com/i/ix/morecategory.jpg

    ขอบคุณมากๆครับ

  49. Warong says:

    เกี่ยวกับการใช้้ query_posts ในหน้าเดียวกัน มันจะยุ่งกว่าปกตินิดหน่อยครับ ใน WordPress Codex (คล้ายๆ กับ Documentation ในการใช้งาน WordPress น่ะครับ) ลองดูนะครับ

    http://codex.wordpress.org/The_Loop#Multiple_Loops

    โดยสรุปแล้วคือ ต้องเก็บค่าเดิมไว้ก่อน ค่อยเรียก query_posts ใหม่ และเมื่อเรียกเสร็จแล้ว นั่นเองครับ ที่มันดูยุ่งหน่อยเพราะ PHP4 กับ PHP5 ดันใช้วิธีต่างกัน

    PHP 4

    // going off on my own here
    <?php $temp_query = $wp_query; ?>
    <!– Do stuff… –>

    <?php query_posts(‘category_name=special_cat&showposts=10′); ?>

    <?php while (have_posts()) : the_post(); ?>
    <!– Do special_cat stuff… –>
    <?php endwhile; ?>

    // now back to our regularly scheduled programming
    <?php $wp_query = $temp_query; ?>

    PHP 5 ใช้คำสั่ง clone ครับ

    // going off on my own here
    <?php $temp_query = clone $wp_query; ?>
    <!– Do stuff… –>

    <?php query_posts(‘category_name=special_cat&showposts=10′); ?>

    <?php while (have_posts()) : the_post(); ?>
    <!– Do special_cat stuff… –>
    <?php endwhile; ?>

    // now back to our regularly scheduled programming
    <?php $wp_query = clone $temp_query; ?>

  50. ปิง says:

    ขอบคุณ คุณ Warong มากๆครับ

    ว่าแต่ Stuff นี่คืออะไรหรอครับ ???

    แล้ว Special Stuff ด้วยครับ

  51. iMenn says:

    ขอบคุณทั่นจ๋งอย่างยิ่งที่มาช่วยตอบนะครับ เรื่องโค้ดผมเองไม่ชำนาญเท่าไหร่

    @ปิง

    Stuff แปลว่า สิ่งของ / เนื้อหา

    Stuff / Special Cat Stuff ก็คือโค้ดต่างๆ ที่เราอยากพ่นค่าออกมาน่ะครับ เช่น < h1>< ?php the_title(); ?>

    สิ่งที่อยู่ใน Special Cat ก็คือการแสดงเนื้อหาสำหรับโพสต์ย่อยที่เราดึงมาน่ะครับ จะใส่ชื่อเรื่อง/ชื่อผู้แต่ง/วันที่ ฯลฯ ไว้ตรงไหนก็ลองดูครับ

    

  52. ปิง says:

    ขอบคุณพี่เม่นมากนะครับ

    แบบว่าทำได้ตั้งแต่เมื่อวานแล้ว เพราะได้ดูจากสัมภาษณ์พี่เม่นว่า WordPress ขอแค่ให้ทำ แล้วจะสำเร็จ

    ยังไงก็ขอบคุณซ้ำอีกซักครั้งนะครับ

  53. ปิง says:

    รบกวนอีกเรื่องได้ไหมครับ เรื่องการนับ loop query ครับ

    ถ้าเริ่มนับตัวที่ 2 ต้องแก้ส่วนไหนบ้างครับ

    ขอบคุณครับ

    iMenn แหะ แหะ เดี๋ยวให้คุณจ๋งมาช่วยตอบนะครับ ถ้าเอาโจรๆ หน่อย ก็ตั้งตัวแปรไว้ก่อนเริ่ม (i=1) ก่อนหมดลูปก็บวกค่าอีกหนึ่ง (i++) ใน loop ก็เช็คว่า ถ้า i=1 ไม่โชว์ ไรเงี้ย php ธรรมดาก็มั่วใส่เข้าไปได้ครับ

  54. Warong says:

    @ปิง

    ใช้วิธีคุณเม่นแนะนำมาก็ได้ครับ ผมลองวิธีอื่นละกัน จะได้เห็นภาพว่าโปรแกรมมันใช้ได้หลายวิธีครับ

    <?php query_posts(’category_name=special_cat&showposts=10′); ?>
    <?php if(have_posts()): the_post(); ?>
    <?php while (have_posts()) : the_post(); ?>
    <!– Do special_cat stuff… –>
    <?php endwhile; ?>

    ผมเติมบรรทัดนี้เข้าไปครับตรง Loop ก่อน While ครับ

    <?php if(have_posts()): the_post(); ?>

    the_post() จะเลื่อนตัวชี้ไปลำดับหนึ่งครับ ดังนั้น ต้องการตัวที่สอง ก็เลื่อนไป 1 ตัวก่อนเข้าลูป เท่านั้นเองครับ

  55. Warong says:

    โอ ผมขออภัยคุณปิงด้วยครับ ผมลืมปิด endif; ครับ

    บรรทัดก่อน while ต้องเป็นอย่างนี้

    <?php if(have_posts()): the_post(); endif; ?>

  56. [...] theme มาใช้ จนล่าสุดนี่ก็เปลี่ยนมาใช้ Wide Blog Happens theme ของเขาอีก [...]

  57. [...] ที่ชื่อว่า “ธีม ข้าพเจ้า อ้วน“, จากนั้นก็มานั่งทำ Layout [...]

  58. sakamu says:

    ได้ลองใช้ธีมของคุณแล้ว
    หน้าตาไม่ซับซ้อน เข้าใจง่ายดี
    ค้นหาแบบที่ถูกใจตั้งนานกว่าจะเจอธีมนี้
    ขอบคุณมากนะครับ

  59. picharmon says:

    คุณเม่นครับ อยากรู้วิธีการใส่แบนเนอร์ ทุกหน้า เวลาเราคลิกที่เมนูหน้าอื่นก็ปรากฎแบนเนอร์อื่นๆ เช่น เว็บคุณปลาแจ็ซ

    iMenn อันนี้เป็นเพราะผมใช้อีกธีมนะครับ เขียนโค้ดให้มันอ่านค่า Custom Field มาแสดง ผมอธิบายไว้แล้วที่ http://www.imenn.com/2009/01/wp-them-site-happens/ ครับ

  60. Kan says:

    ใช้ simplepress forum มันแสดงผลแปลก ๆ ครับ
    http://kan.thailifemusic.com/forum/kan/topic-แรก/

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

    ขอบคุณครับ

  61. iMenn says:

    @Kan

    ผมใส่ Style ให้กับ Table ไว้นิดหน่อยครับ ลองดู style.css ครับ ลบบรรทัดที่ 137-145 ทิ้งครับ

  62. Kan says:

    ใช้ได้แล้วครับ ขอบคุณครับ

  63. Kan says:

    แก้คำผิด

    ตอนนี้ผมทำหน้าแรกที่จะแสดง Post แบบแยกหมวดหมู่ครับ
    http://kan.thailifemusic.com/first/

    โดยใช้ code จาก page-listposts-by-catname.php มาแปะต่อกันแบบไม่ค่อยมีความรู้
    เป็นแบบนี้ http://www.thailifemusic.com/wp-content/Kan/first.txt

    สงสัยว่าจะจำกัดให้แต่ละหมวดหมู่แสดง 2 post ล่าสุดยังไงครับ

  64. Kan says:

    ได้แล้วครับ

    ใช้ posts_per_page ต่อท้าย category_name

  65. iMenn says:

    โอ้ว ขอบคุณคุณ kan มากครับ ถามเองตอบเองเลย น่าจะเป็นประโยชน์กับท่านอื่นๆ ด้วย

    พอดีย้ายโฮสต์ กับวุ่นๆ อยู่นะครับ ไม่ได้มาตอบเลย แหะ แหะ

  66. Kan says:

    เข้ามาขำข้อความคุณเม่น
    กำลังทดลองทำไปเรื่อย ๆ ครับ ไม่เคยเรียนทำเว็บเลย ลุ่มๆ ดอนๆ ไป

  67. p1i3c1h says:

    ผิดหวังครับ ผิดหวัง มีคำเดียวที่พูดได้ คือ ผิดหวัง
    .
    .
    .
    .
    .
    .
    ผิดหวังที่ คุณ iMenn ทำให้ผมต้องเปลี่ยนธีมเว็บผมอีกแล้ว (: (จะเปลียนเป็นรอบที่10) :)

  68. cutiecool says:

    ขอรับไปใช้นะคะ ขอบคุณค่ะ

  69. men9 says:

    ขอบคุณมากนะครับ

    แต่ผมขอถามหน่อยสิครับ ผมลองโหลด get the image มาดู

    แล้วผมไม่เข้าใจวิธีการลงน่ะครับ คือเอามา activate แล้ว แต่ไม่เก๊ตว่ามันให้ทำอะไรต่อ

    รบกวนคุณเม่น ช่วยอธิบายการลงทีได้ไหมครับ อ่านใน readme.html แล้วงงๆน่ะครับ

  70. ImWat says:

    ขอบคุณครับ

    จะนำไปให้อย่างถนุถนอม(เขียนไงหว่า)

  71. jokerce31 says:

    ผมลอง download widebloghappens.zip แล้วมัน corrupted ครับ

  72. [...] The Image : เป็น plugin บังคับสำหรับ Wide Blog Happens theme ที่ใช้อยู่นี้ (theme ฟรีโดย @iMenn) ลงไว้ให้ [...]

  73. MuzikBank says:

    พึ่งติดตั้ง WP เมื่อคืนนี้เอง ขอใช้ธีมนี้ด้วยคนนะค๊าบบ
    ขอบคุณเม่นมากที่ทำ Theme นี้ออกมาให้ใช้กัน หุหุ ^^;

  74. [...] Theme คือ  ธีมข้าพเจ้าอ้วน (Wide Blog Happens) [...]

  75. nattachai says:

    พี่เม่นครับ ขอนำธีมนี้ไปใช้กับ Blog ส่วนตัวของผมนะครับ
    ขอบคุณพี่เม่นมากครับ

  76. 108blog says:

    ตั้งค่ายังไงครับ ให้ดัง postในแต่ละ Categories มาแสดงตรง page ที่เราสร้างไว้ครับ

  77. iMenn says:

    @108blog

    ลองดูไฟล์ page-listposts-by-catname.php ครับ บรรทัดที่ 19 ใส่ชื่อ category ที่ต้องการเข้าไปครับ

  78. [...] ติดใจและใช้ธีม“ข้าพเจ้าอ้วน” ของพี่เม่น @iMenn มาสักพักใหญ่ๆ และก็เห็นเพื่อนๆหลายคนหันมาใช้เหมือนกัน หลังจากติดตั้งธีมแล้ว การลง plugin และปรับแต่ง sidebar ก็ดูเป็นความสนุกอีกอย่างหนึ่งของคนใช้ WordPress โดย widget ตัวหนึ่งบน sidebar ที่ผมชอบมากคือ Live Search Popup [...]

  79. MuzikBank says:

    เห็นว่ามีเวอร์ชั่นใหม่ โหลดตรงไหนหว่า อิอิ ^^;

  80. สุดยอด อยากเก่ง เวิร์เพลส ต้องทำยังไงคะ ซื้อหนังสือที่ไหนอ่าน เอาแบบ advance เลยอ้ะ อีกอย่างเราไม่เก่งภาษาอังกฤษมากเวาลาอ่านบทความภาษาอังกฤษเลยไม่ค่อยรู้เรื่อง

    • iMenn says:

      เดี๋ยวพยายามเขียนหนังสือเล็กๆ แจกอยู่ที่ SmallBooks.org ครับ

      ตอนนี้เขียนเบื้องต้นเสร็จแล้ว ลองดูที่ Basic WordPress as a CMS

  81. ขอบคุณค่า ใจดีจัง ^ ^ โหลดไปแล้วแต่ยังไม่ได้อ่าน ต้องลงโปรแกรมก่อน อิอิ

  82. [...] ธีมนี้จาก blog ของ@imenn เรียบง่ายงดงามถูกใจ [...]

  83. พี่มัน Up Load ไม่ได้อ่า ไม่รู้จะทำไงดี พอดีไปใช้ Themeอื่นแล้วกลับมาใช้ Theme เดิมก็ Up รูปไม่ได้แล้ว

    • iMenn says:

      Upload รูปไม่ได้ ไม่น่าเกี่ยวกับธีมนะครับ ลองตรวจดูว่า โฟลเดอร์ /wp-content/uploads เป็น 777 หรือเปล่า ถ้างงให้ถามทางโฮสต์ที่เราเช่าอยู่ครับ เอาประโยคนี้ไปถามเลย :)

ความคิดเห็น

หากต้องการมีรูปประจำตัว ให้สมัครที่ Gravatar.com