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

ขณะนี้ธีมนี้มีการอัพเดทแล้วนะครับ กรุณาโหลดเวอร์ชั่นใหม่ที่ 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 (1616)
  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 (1317)
  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 แสดงเลขหน้าด้านล่าง

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

ความเห็น

ความคิดเห็น

  1. mokin พูดว่า:

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

  2. โกศล พูดว่า:

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

  3. ipattt พูดว่า:

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

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

  4. gupong พูดว่า:

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

  5. ioxtream พูดว่า:

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

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

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

  6. chert พูดว่า:

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

  7. chert พูดว่า:

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

  8. iMenn พูดว่า:

    @chert

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

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

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

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

  9. chert พูดว่า:

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

  10. picharmon พูดว่า:

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

  11. PatSonic พูดว่า:

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

  12. picharmon พูดว่า:

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

  13. iMenn พูดว่า:

    @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/

  14. picharmon พูดว่า:

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

  15. iMenn พูดว่า:

    @picharmon

    อ่านออกนะครับ 🙂

  16. picharmon พูดว่า:

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

    Choose from the most popular tags

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

  17. addicted to love พูดว่า:

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

  18. alldata พูดว่า:

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

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

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

  19. iMenn พูดว่า:

    @picharmon

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

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

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

  20. alldata พูดว่า:

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

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

    ขอบคุณครับ

  21. iMenn พูดว่า:

    @alldata

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

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

  22. alldata พูดว่า:

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

  23. picharmon พูดว่า:

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

  24. iMenn พูดว่า:

    @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 ให้อัตโนมัติ

  25. picharmon พูดว่า:

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

  26. picharmon พูดว่า:

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

  27. iMenn พูดว่า:

    @picharmon

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

  28. picharmon พูดว่า:

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

  29. วีร์ พูดว่า:

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

    Regards,
    VEERAYUTH
    @DUT Dalian, China

  30. Amphur พูดว่า:

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

  31. Joob พูดว่า:

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

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

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

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

  32. iMenn พูดว่า:

    @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 ก็กวาดสายตากำลังดี แต่ถ้ามากกว่านี้มากๆ จะอ่านยากแน่นอนครับ

  33. Joob พูดว่า:

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

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

  34. iMenn พูดว่า:

    @Joob

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

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

  35. picharmon พูดว่า:

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

  36. iMenn พูดว่า:

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

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

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

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

  37. iMenn พูดว่า:

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

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

  38. picharmon พูดว่า:

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

  39. picharmon พูดว่า:

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

  40. picharmon พูดว่า:

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

  41. iMenn พูดว่า:

    @picharmon

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

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

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

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

  42. picharmon พูดว่า:

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

  43. โอ๊ะ พูดว่า:

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

  44. KRISS พูดว่า:

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

  45. iMenn พูดว่า:

    @kriss

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

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

  46. ปิง พูดว่า:

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

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

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

  47. Warong พูดว่า:

    เกี่ยวกับการใช้้ 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; ?>

  48. ปิง พูดว่า:

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

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

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

  49. iMenn พูดว่า:

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

    @ปิง

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

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

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

    

  50. ปิง พูดว่า:

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

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

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

  51. ปิง พูดว่า:

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

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

    ขอบคุณครับ

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

  52. Warong พูดว่า:

    @ปิง

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

    <?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 ตัวก่อนเข้าลูป เท่านั้นเองครับ

  53. Warong พูดว่า:

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

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

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

  54. sakamu พูดว่า:

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

  55. picharmon พูดว่า:

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

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

  56. Kan พูดว่า:

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

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

    ขอบคุณครับ

  57. iMenn พูดว่า:

    @Kan

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

  58. Kan พูดว่า:

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

  59. Kan พูดว่า:

    แก้คำผิด

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

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

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

  60. Kan พูดว่า:

    ได้แล้วครับ

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

  61. iMenn พูดว่า:

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

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

  62. Kan พูดว่า:

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

  63. p1i3c1h พูดว่า:

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

  64. cutiecool พูดว่า:

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

  65. men9 พูดว่า:

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

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

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

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

  66. ImWat พูดว่า:

    ขอบคุณครับ

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

  67. jokerce31 พูดว่า:

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

  68. MuzikBank พูดว่า:

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

  69. nattachai พูดว่า:

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

  70. 108blog พูดว่า:

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

  71. iMenn พูดว่า:

    @108blog

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

  72. MuzikBank พูดว่า:

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

    1. iMenn พูดว่า:

      ขออภัยลืมบอก

      เอาไปไว้ที่ http://www.chrishappens.com/sharing/bloghappens/ น่ะครับ

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

    1. iMenn พูดว่า:

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

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

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

  75. อ่านนิยาย.com พูดว่า:

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

    1. iMenn พูดว่า:

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

  76. apinya พูดว่า:

    พอใส่ gallery ไปแล้วมันขึ้นแบบนี้ครับ

    Warning: preg_replace() [function.preg-replace]: Compilation failed: this version of PCRE is not compiled with PCRE_UTF8 support at offset 0 in /home/pkkv/domains/pkkv.org/public_html/apinya/wp-includes/shortcodes.php on line 228

    แก้ยังไงครับ

    1. iMenn พูดว่า:

      ไม่เคยเจอเหมือนกันครับ แต่ error บอกว่าเป็นปัญหาที่ shortcode ซึ่งไม่แน่ใจว่า Gallery Plugin ที่ใช้มีปัญหาหรือเปล่า? หรือมีภาษาไทยในชื่อไฟล์มากเกินหรือเปล่า? (เห็น error เกี่ยวกับ utf-8 เลยเดาเอาครับ)

      ส่วนลองค้นดู ฝรั่งเค้าตอบไว้ตามนี้ครับ
      http://wordpress.org/support/topic/warning-preg_match-functionpreg-match-compilation-failed
      http://wordpress.org/support/topic/warning-after-installation-of-contact-form-7

      คือให้ถามทาง Hosting ครับ

      อาจลองดูว่าเกิดจากอะไร โดยการปิด plugin ทั้งหมด เปลี่ยนมาใช้ default theme แล้วค่อยๆ เปิด plugin ทีละตัวครับ

  77. Chaichan พูดว่า:

    ผมเพิ่งเอา theme blog happens 2.0 ที่พี่เม่นปล่อยฟรีจาก http://www.chrishappens.com/sharing/bloghappens/
    ผมสงสัย 2 ข้อครับ
    1: ผมสังเกตว่า Link ตรง Sidebar ของพี่ (คิดว่าเป็น Widget ‘Custom Menu’) เป็นเหมือนปุ่ม เวลาเอา mouse ไปวางจะมี highlight แต่ของผมเป็นแค่ link ธรรมดา ต้องทำยังไงถึงได้เหมือนแบบของพี่เหรอครับ
    2: เรื่องของรูป Thumbnail ของผมไม่ขึ้นเลย ไม่แน่ใจว่าต้องทำยังไงบ้างเหรอครับ (ลง plugin get the image พร้อม activate เรียบร้อยแล้วครับ)

    Note! ตอนนี้หลังบ้านใช้ WordPress 3.1 ครับ

    1. iMenn พูดว่า:

      สวัสดีครับ

      โทษทีครับ ลืมไปตอบใน ChrisHappens

      1. การเปลี่ยนสีพื้นหลัง บนสถานะ hover นั้นทำได้หลายวิธีครับ ต้องเข้าใจก่อนว่าโครงสร้างปกติมันคือ menu

      1.1 เปลี่ยนสีพื้นหลังระดับ li
      ง่ายๆ ก็ใส่ li:hover{background-color:#eee;} เข้าไปครับ แต่ ie รุ่นเก่าๆ รู้สึกจะไม่ได้

      1.2 เปลี่ยนสีพื้นหลังที่ a แต่ต้องทำให้ a กว้างเต็มพื้นที่ก่อน
      คือสั่งให้ a แสดงผลเป็น block (คือทำตัวเป็น มันจะได้กว้างกินพื้นที่เต็ม) แล้วก็สั่งให้ a:hover เปลี่ยนสีพื้น

      a{display:block; padding: 10px;}
      a:hover{background-color:#eee;}

      2. เรื่อง Thumbnail ลองเวลา upload รูปเสร็จ ก่อน save ให้คลิกคำว่า Use as featured image ดูครับ หรือหน้า admin เวลาเขียนข่าว ดูด้านขวาล่าง มันจะมีกล่อง featured image อยู่ ก็คลิกไปเลือกรูปได้ครับ

      1. Chaichan พูดว่า:

        ข้อ 1 นี่ ผมลืมบอกไปว่า link ที่พูดถึงคือ About และ Sharing ของ web Christ Happens ของพี่เม่นน่ะครับ มันดูเหมือนปุ่ม ดูไฮโซ กว่าที่เป็น link ธรรมดาเหมือนของผม ทีแรกผมคิดว่าเป็นการลาก Custom Menu ใน Widgets ของ WordPress เฉยๆ ซะอีกอ่ะครับ เด๋วกลับถึงบ้านลองทำดูครับ

        ข้อ 2 ถ้าผมใช้วิธีฝากรูปไว้ที่ host อื่น แล้วเอาตัว link มาใส่จะได้หรือป่าวครับ เพราะตอนนี้ผมใช้วิธี คลิกที่ set featured image > ไปที่ tab From URL แล้วใส่เป็น URL แทนน่ะครับ ผลลัพธ์ Thumbnail ไม่โชว์

        1. iMenn พูดว่า:

          1. ธีมนี้ไม่ได้ update เลยครับ มันเอา page มาแสดงโต้งๆ แล้วเขียน css อ้างถึงเมนูแบบนี้ ถ้าเป็นสมัยนี้คงต้องใช้ WordPress Menu จะสะดวกกว่า

          2. ถ้าไม่ upload รูป ของ Get the image เค้าบอกให้ตั้ง custom field ชื่อ Thumbnail ครับ แล้วใส่ url ของรูปไป แต่ไม่แน่ใจว่าได้หรือเปล่านะครับ ไม่เคยลองเหมือนกัน

          1. Chaichan พูดว่า:

            ข้อ 2 ยัง งงๆ แต่เด๋วผมลองเข้าไปที่ web ของ get the image ดูอีกทีครับ
            ถ้ามีปัญหาอย่างอื่น อาจจะมารบกวนพี่อีกนะครับ ^ ^
            ขอบคุณครับ

            1. Chaichan พูดว่า:

              อ้อ อีกอย่างครับพี่เม่น Thumbnail รูปย่อสำหรับ Theme ที่ผมใช้ของพี่อยู่ ให้ set ขนาดตามที่พี่บอกไว้คือ 80×80 px ใช่มั้ยครับ
              แล้วรูปที่ใช้ต้องมีขนาดเท่านี้เลยใช่มั้ยครับ

              1. iMenn พูดว่า:

                ครับ แต่ถ้า upload ผ่านระบบ WordPress มันจะย่อให้อัตโนมัติได้ครับ

                1. Chaichan พูดว่า:

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

  78. Chet พูดว่า:

    ในกรณีที่ต้องการปิด comment ในหน้า page ต้องตั้งค่าทำอย่างไรครับ คือต้องการเอาออกทั้งชุดเลยครับ ผมไปปิดที่ Allow people to post comments on new articles แต่ก็ยังโชว์อยู่ครับ

    1. iMenn พูดว่า:

      ถ้าปรับที่ Page นั้นๆ มันไม่ควรโชว์นะครับ เอาออกทั้ง Comment ทั้ง Trackback เลยนะครับ

      ไม่งั้นอีกทีก็ต้องไปแก้ page.php แล้วลบบรรทัดที่มีโค้ด comment_template() ทิ้งครับ

  79. JIB พูดว่า:

    สงสัยข้อ 4 ที่บอกว่า
    สามารถลองเปิด test-home.html เพื่อดูภาพรวม แล้วลองแก้ CSS ดูได้ครับ

    ไอไฟล์ test-home.html คือไฟล์ไรเหรอค่ะ ต้องสร้างขึ้นมาเอง ?

    1. iMenn พูดว่า:

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

      (ไม่งั้นถ้าไม่มีไฟล์นี้ ก็ต้องไปลงธีมผ่าน WordPress ถึงจะเห็นหน้าตาต่างๆ)