20 August 2009ไทยทีม – ธีมเวิร์ดเพรส

thaiteam

ThaiTeam WordPress Theme

อ้างว่าธีมนี้ไม่สมบูรณ์มานานจนละอายเกินกว่าจะอ้าง ธีมนี้เนื่องมาจากงาน Barcamp Bangkok ที่ผ่านไปซะนานนั่นแหละ

ใส่ว่าเป็นเวอร์ชั่น 0.5 ก่อนแล้วกัน ขอเฉพาะคนที่เคยลงธีมของ WordPress มาทดสอบละกันนะครับ

ตัวอย่างอยู่ที่ Thaiteam.Vaivaisoft.com

ส่วนขั้นตอนการลง

วิธีติดตั้ง

  1. ดาวน์โหลดไฟล์ธีมจาก ThaiTeam Theme - (เวอร์ชั่น 0.6 ยอดดาวน์โหลดปัจจุบัน 460 ครั้ง)
  2. แตกไฟล์ แล้วนำไปไว้ที่ Folder สำหรับเก็บธีมของบล็อกตนเอง เช่น /wp-content/themes/thaiteam
  3. ไปที่หน้า Admin เลือก Appearance -> Themes แล้ว Activate Theme ที่ติดตั้งไว้
  4. ควรตั้งให้รูปย่อ (Thumbnail) มีขนาด 200×150 px โดยไปที่ Setting -> Media -> Thumbnail 200×150 Crop เพื่อใช้แสดงในหน้า Catalog ได้พอดี
  5. รูปที่ใช้ใน Blog / Post ควรกว้างสุด 600px แนะนำให้ตั้งให้รูปขนาดกลาง (Medium) มีขนาดกว้าง 600px สูงเท่าไหร่ก็ได้ (เช่น 600px)
  6. รูปที่ใช้ใน Product Detail / Page ควรกว้างสุด 640px แนะนำให้ตั้งให้รูปขนาดใหญ่ (Large) มีขนาด 640px สูงเท่าไหร่ก็ได้ (เช่น 640px)
  7. ถ้าอยากได้ Catalog ให้สร้าง Page เลือก Page Template เป็น Catalog แล้วสร้างหน้าย่อย (Child Page) ที่ต้องการ ระบบจะเอาหน้าที่เป็นหน้าย่อยมาทำเป็นรายการ Catalog ให้
  8. ควรสร้าง Page ชื่อ Home ไว้เป็นหน้าแรก และสร้าง Page ชื่อ Blog ไว้รวมข่าว เมื่อสร้าง Page แล้วไปที่ Setting -> Reading เลือก A static page แล้วตั้งให้ Front Page = Home, Posts Page = Blog
  9. ระบบจะสร้าง Sidebar ให้เท่ากับจำนวน Page ที่อยู่สูงสุด (ติด Root เช่น About – พยายามอย่าให้ Slug เป็นชื่อภาษาไทย เดี๋ยวงง) อยากได้อะไรใน Sidebar ก็ไปที่ Appearance -> Widgets แล้วลากไปใส่
  10. แน่นอนว่ามี Sidebar สำหรับ Home ด้วย คือก้อน Widget ที่อยู่ใต้ Banner นั่นแหละ แนะนำว่า ควรมีแค่ 2-4 Widgets พอ

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

  1. ดาวน์โหลด PSD จาก ThaiTeam PSD - (เวอร์ชั่น 0.5 ยอดดาวน์โหลดปัจจุบัน 398 ครั้ง)
  2. แนะนำให้แก้แค่ Logo/Banner แล้ว Save ทับไป
  3. สามารถลองเปิดไฟล์ Html เพื่อดูภาพรวม แล้วลองแก้ CSS ดูได้ครับ
  4. ผมใช้สัญญาอนุญาตแบบ GPL คร่าวๆ คืออยากแก้อะไรก็ได้เต็มที่ครับ ไม่ต้องคง link ใน footer ก็ได้ครับ แต่เก็บไว้ซักที่ในโค้ด เผื่อคนอื่นจะได้หาเจอครับ

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

  1. Get The Image แสดงรูปในหน้า Catalog (ต้องมีถ้าจะใช้ Catalog)
  2. PJW Query Child Of สำหรับดึงหน้าย่อยมาเป็น Catalog (ต้องมีถ้าจะใช้ Catalog)
  3. simple Section Navigation Widget สำหรับแสดงหน้าย่อยใน Sidebar ด้านข้าง (ต้องมีถ้าต้องการแสดงหน้าย่อย)
  4. pageMash > Page Management สำหรับช่วยเรียง Page (หน้า) กรณีหน้าเยอะๆ ติดตั้งแล้วจะอยู่ในเมนู Page ของ Admin
  5. WP Page Numbers แสดงเลขหน้าด้านล่างในส่วนของ Blog และ Product
  6. Live Search Popup ระบบค้นหา อยู่ตรงเมนูด้านขวา
  7. Lightbox Gallery การทำให้ Gallery ใน WordPress แสดงรูปแบบ LightBox (สร้างกล่อง Modal Dialog ขึ้นมา แล้วทำให้หน้าเว็บมืดลง)
  8. ILC Folding ทำให้การแสดงหน้าย่อยลำดับที่ 2 เป็นต้นไป ค่อยๆ เลื่อนโชว์ (ลองคลิกเมนูด้านซ้ายในหน้าหลักสูตรกราฟฟิค I ใน ITValley)

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

Change Log

  • 0.5 – 1st time preview
  • 0.6 – change Catalog Page Template to disable excerpt. Change link of logo and site name

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

มี 92 ความคิดเห็น ต่อ “ไทยทีม – ธีมเวิร์ดเพรส”

  1. Nirak says:

    555 คอยจนเปลี่ยน theme ไปหลายรอบแล้ว งั้นผมขอไปทดสอบด้วยครับ ขอบคุณครับ คุณเม่น
    ทดสอบที่ http://www.friends.knowdev.com ครับ

  2. Kan says:

    ขอบคุณครับ

  3. thanr says:

    โอ้ว ขอบคุณครับ

  4. boonyuen says:

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

    ขอบคุร ๆ คุนกิ๊ก เอ้ย! คุลเม่นน

  5. tudut says:

    ขอยืมไปลองกับโรงเรียนสอนภาษาหน่อยนะครับ เด๋วจะเอา link มาให้ชมครับ

  6. krajung says:

    แหล่มเลยครับพี่เม่น

    ขอบคุณครับ

  7. 108blog says:

    สุดยอดครับ รอมานานแล้ว!!!

  8. ploysics says:

    ขอบคุณค่ะ วันก่อนหาดุ นึกว่าออกมานานแล้วซะอีก

    ถ้านำไปใช้แล้วจะมาบอกเว็บค่ะ ^^

  9. tudut says:

    ท่านเม่นครับ ไม่ทราบว่า ผมสามารถปรับสีได้หรือไม่ครับผม….แล้วปรับอย่างไรอ่าคับ

    iMenn พอดีผมไม่ได้สร้าง Theme Option ไว้ปรับสีน่ะครับ เลยต้องแก้ที่ไฟล์ style.css กับแก้ไฟล์รูปต่างๆ (โดยเปิด PSD แล้วมา Save ทับรูปในโฟลเดอต์ images)

    ซึ่งถ้าอยากเรียนรู้ แนะนำให้ค้นคำว่า CSS ครับ ต้องแก้หลายบรรทัดในไฟล์ CSS ครับ

    แต่ถ้าไม่อยาก เว็บดีไซเนอร์ทั่วๆ ไปตอนนี้ ก็น่าจะพอแก้สีธีมนี้กันได้นะครับ :)

  10. Mekz says:

    สุดยอดเลยครับผม
    ไว้ผมจะเอาไว้ไปพิจารณาว่า จะไปธีมของเว็บผ่ายวิชาการของโรงเรียนดีไหม :)
    กำลังหาธีมอยู่พอดี แหะๆ

  11. Pokpitch says:

    กำลังหาธีมมาเปลี่ยนในบล๊อคพอดี ขอบคุณครับ

  12. นุเอง says:

    เอ่อ ขอบคุณมากนะครับคุณเม่น แล้วจะนำลิงค์มาอวด : )

  13. Clint says:

    สุดยอดครับ เหมาะกับเว็บ corp – small business มากๆ

    free theme ที่ขายเป็น premium ได้เลยนะเนี่ย

    คนไทยทำธีมเทพๆยังงี้ เพิ่งเคยเห็นตัวเป็นๆ

  14. picharmon says:

    พี่เม่น ใช้แล้วทำไมขึ้นอย่างนี้คับ
    Fatal error: Call to undefined function body_class() in C:\AppServ\www\wordpress\wp-content\themes\thaiteam\header.php on line 20

  15. iMenn says:

    @picharmon

    น่าจะเพราะยังไม่ได้ update เป็น 2.8 นะครับ ลอง update ดูนะครับ

  16. alldata says:

    โอ้ววว ไม่ได้เข้ามาหลายวัน มีธีมใหม่มาให้ลองแล้วว

    ขอรับไปทดลองกับเว็บที่จะทำใหม่มั่งครับ

    ใช้บริการ มาทุกธีมเลย ^.^

    ขอบคุณครับ

  17. picharmon says:

    คุณเม่นครับ เว็บ pm.go.th เขาใช้อะไรสร้างครับ สวยมากมาก

    imenn ใช้ Drupal ครับ โดยบริษัท Open Dream อ่านรายละเอียดได้ที่ บันทึกคุณพัชเรื่องเว็บนายกรัฐมนตรีไทย

  18. picharmon says:

    ขอบคุณครับ

  19. picharmon says:

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

    imenn คำบรรยายใต้ภาพ ภาษาอังกฤษเรียกว่า Caption ครับ ใส่รูปแล้วลองหาทางแก้ไขรูปดูครับ จะมีช่องให้กรอก

  20. picharmon says:

    ขอบคุณครับคุณเม่น ตอบได้ทุกเรื่องจริง เก่งมักมัก

  21. krajung says:

    ใน http://www.itvalley.org พี่ยังไม่ได้แก้รูปในส่วนของ live-search-pop เป็นสีเขียวนะครับ อิอิ

  22. tudut says:

    ดูสิ ยังอุตสาห์หาเจออีกนะ อิอิอิ

  23. samart says:

    ขอลองบ้างครับ มันขึ้นแบบนี้

    Parse error: syntax error, unexpected T_VARIABLE in /home/banlat/domains/banlat.com/public_html/blog/wp-content/themes/thaiteam/header.php on line 41

    และนี่ line 41

    ขอบคุณครับ

  24. iMenn says:

    @samart

    แสดงว่าใช้ server รุ่นเก่ามากอยู่นะครับ, server ปัจจุบันควรรัน PHP5 หมดแล้วนะครับ การที่คำสั่ง clone นี้ error เพราะ PHP4 ไม่รู้จักครับ ต้องใช้ PHP5

    คุณจ๋งเคยเขียนวิธีใช้กับ PHP4 คือการตัดคำว่า clone ออก ลองดูที่ http://www.imenn.com/2009/07/wide-blog-happens/comment-page-1/#comment-2501 ถ้าจะแก้ปัญหาเฉพาะหน้าก็พอได้ครับ

    แต่ผมคิดว่า ควรใช้ Server ที่ Run PHP5 ดีกว่าครับ

  25. elixer says:

    ธีมสวยมาก เอาไปใช้แล้วที่นี่ครับ
    http://www.rxchon.com/wp/

    iMenn ว้าวๆ เยี่ยมไปเลยครับ :)

  26. samart says:

    ขอบคุณครับ
    เจ้าของ hosting เขาเปลี่ยนเป็น php5 ให้แล้ว OK แจ่มครับ

  27. threety says:

    ขอบคุณมากครับ ธีมสวยโดนใจมากครับ

  28. hmu111 says:

    พี่เม่นครับ รบกวนด้วยครับ จาก http://www.wt-accountancy.com/services.html ผมไม่อยากให้มันโชว์ข้อความทำยังไงครับ ให้โชว์แค่หัวข้อของแต่ละหน้าครับ เช่น บริการงานด้านประกันสังคม เอาแค่หัวข้อ ไม่เอาเนื้อหามาโชว์อ่ะครับ

  29. iMenn says:

    @hmu111

    ในไฟล์ page-catalog.php บรรทัดที่ 49 ลบส่วน Excerpt ทิ้งไปครับ

    < div class="excerpt">< ?php the_excerpt(); ? >< /div>

  30. hmu111 says:

    @iMenn

    โอ้วววววววววววววววว มันยอดมากเลยครับ

  31. ฺBlinkMan says:

    ขอบคุณคุณเม่นมาก ๆ ครับ เห็นธีมนี้ครั้งแรกถูกใจมากเลย
    ผมเอาไปใช้กับเวปชมรมคาราเต้ของ ม.ศิลปากรน่ะครับ(กำลังทำ)

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

    อยากให้เป็นแบบเว็บแม่ฮ่องสอนนี่ต้องปรับแก้ตรงไหนเหรอครับ?

  32. iMenn says:

    @BlinkMan

    ขออภัยที่ตอบช้า

    คือผมไม่ได้ทำ Page Template สำหรับ Full Width ไว้น่ะครับ ถ้าอยากได้ก็ลอง Copy ตัว page-catalog.php เป็น page-full.php ก็ได้ครับ แล้วแก้

    1. Template Name บรรทัดที่ 2 เป็นชื่ออื่น เช่น Full Width
    2. เอา Sidebar ออก โดยการลบบรรทัดที่ 14
    3. บรรทัดที่ 16 class ชื่อ catalog เปลี่ยนเป็นชื่ออื่น เช่น fullwidth
    4. ไปเพิ่ม style ใน style.css บรรทัดสุดท้าย ให้ fullwidth แสดงเต็มๆ กว้าง เช่น

    .fullwidth {width: 910px; padding: 15px; background-color: #fff;}

    5. แนะนำให้ใช้ WebBoard ที่เป็น WordPress Plugin เพราะจัดการง่ายครับ สร้าง Page ชื่อ Webboard แล้วเลือก Page Template เป็น Full Width (ที่เราตั้งไว้) ดูนะครับ

  33. BlinkMan says:

    ไม่เป็นไรครับ ผมก็กำลังยุ่ง ๆ อยู่พักนี้เลยไม่ค่อยได้ทำ

    (พอดีคุณยายท่านเสียน่ะครับ วันนี้เสร็จธุระเลยกลับมาดูต่อ)

    ขอบคุณอีกครั้งสำหรับน้ำใจและความรู้ครับ

  34. yutha011 says:

    สอบถามเป็นความรู้ครับ อยากทราบเรื่องของ Custom Field Template Plug-in และการใช้งานครับ
    เพราะต้องทำเป็น 2 แถวแสดงเนื้อหาครับ ไม่ทราบต้องกำหนดอย่างไรครับผม รบกวนด้วยครับ

    iMenn ค้นกูเกิลจะพบอันดับแรกคือ http://wordpress.org/extend/plugins/custom-field-template/ ซึ่งสิ่งที่มันทำคือการใส่ข้อมูลใน Custom Field ให้แบบสะดวกๆ ครับ ส่วนการแสดงข้อมูล custome field ออกมา ลองค้นดูก็ต้องพบ http://codex.wordpress.org/Custom_Fields

    แต่ธีมนี้ ออกแบบมาเพื่อไม่ต้องไปยุ่งกับ Custom Field ครับ แค่สร้าง Widget ใส่ไปใน Sidebar เท่านั้น

  35. yutha011 says:

    ขอบคุณครับ เข้าไปดูข้อมูลแล้วครับ ยังคงต้องลองฝึกสักหน่อยครับ
    จะได้กำหนดได้ตามที่มีข้อกำหนดครับผม ผมได้พบข้อมูลที่ลิงค์นี้ http://www.kevinleary.net/advanced-content-management-wordpress-custom-field-templates/ สำหรับผู้สนครับ ได้อ่าน ขอบคุณครับ

  36. Suthima says:

    สวัสดีครับพี่เม่น
    ผมพยายามแก้ไขช่องว่างระหว่า mainbody กับ footer ให้ห่างกันเท่ากับ banner กับ mainbody ตามรูปตัวอย่างธีมเดิมของพี่ครับ
    เบื้องต้นผมแก้ใน css แต่ก็ไม่ได้อยู่ดีครับ ยังห่างเช่นเดิม

    และถ้าผมจะยกเลิกช่องว่างตรงบริเวณ mainboy ผมจะต้องแก้ไขตรงส่วนไฟล์ใดครับ
    เพราะผมไม่ได้ใช้ widget ตรงหน้า home ครับ
    ขอบคุณมากครับ

  37. iMenn says:

    @suthima

    ขอโทษที่ตอบช้านะครับ

    1. เรื่องระยะห่าง คิดว่าน่าจะหมายถึง table ที่แสดง widget หน้าแรก มันดันมี margin-bottom 20px; ค้างอยู่ครับ ลองใส่ table.homewidget {margin: 0;} เข้าไปก็ได้ครับ ผมเองก็ลืมใส่เหมือนกัน

    2. ถ้าไม่ใช้ widget ก็ตั้งให้มันไม่แสดงหรือลบทิ้งได้ครับ
    2.1 ไม่แสดง -> ใส่ table.homewidget {display: none;}
    2.2 ลบทิ้ง -> แก้ไฟล์ page.php ลบบรรทัดที่ 31-43 ทิ้งครับ

  38. Suthima says:

    สวัสดีครับพี่เม่น

    ตามข้อ 1 ให้เอา table.homewidget {margin: 0;} ไปใส่ตรงไหนเอ่ยพี่เม่น
    ผมใส่ในหมวด table.homewidget ก็ไม่หายครับ อาการดังเดิม หรือผมข้ามอะไรไปครับ

    ข้อ 2 มายืนยัน ลองแล้วได้ผลตามนั้นครับ แต่ยังคงเหลือช่องว่างจากข้อ 1 ให้เห็นครับ

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

  39. iMenn says:

    @Suthima

    เอ ผมไปดูแล้ว พบว่า มันถูกต้องแล้วครับ หากต้องการมีข้อมูลใน mainbody ก็ทำแบบนี้ถูกแล้วครับ

    แต่ถ้าไม่ต้องการ mainbody เลย ก็ไปลบโค้ดทิ้งก็ได้ครับ (< div id="mainbody" >…. < /div >) หรือทำแบบ 2.1 คือใส่ #mainbody {display:none;} ก็ได้ครับ

  40. Suthima says:

    http://blog.suthima.com/ ครับพี่เม่น มีช่องว่างตรง mainbody ดังภาพครับ

    iMenn ถ้าไม่ต้องการ mainbody เลย ก็ไปลบโค้ดทิ้งก็ได้ครับ (< div id="mainbody" >…. < /div >) หรือทำแบบ 2.1 คือใส่ #mainbody {display:none;} ก็ได้ครับ

  41. สอบถามนิดนึงครับ พี่ ถ้าผมจะสร้างหน้า static homepage ขึ้นมาหน้านึงต้องไงครับ

    เอิ่มม.. แบบ เป็นหน้าเทศกาลฮาโลวีน มาขวางก่อนหนึ่งหน้า แล้วคลิกแล้วค่อยเข้าไปที่เว็บอะครับ

    งงไหมครับ

    รบกวนด้วยนะครับ ขอบคุณครับ

  42. iMenn says:

    @อาร์ต

    เอาไฟล์ html นั้น มา save เป็น home.php ใน wordpress theme ได้เลยครับ, WordPress จะเรียก home.php ก่อนเสมอ

  43. คือใส่ home.php ใน /thaiteam/ ได้เลยใช่ไหมครับ

    ลองแล้วมันก็ยังไป หน้าแรกของเว็บอยู่ดีอะครับ

    ยังไงขอบคุณพี่มากๆครับ :D

  44. iMenn says:

    @อาร์ต

    อืม งงเหมือนกันครับ มันน่าจะได้
    ถ้าไม่ได้ ลอง

    1. สร้าง index.html ไว้ที่ root เลย (ร่วมกัน index.php ของ wordpress) ปกติมันจะโฮสต์จะเรียก index.html ก่อน index.php ครับ

    2. สร้าง Page ใหม่ แล้วไปที่ setting – reading เลือก a static page แล้วตั้งค่า page นั้นให้เป็น Front Page

  45. คริส says:

    i ❤ Wordpress

    ธีมพี่เม้นสวยมากเลยครับ

    http://www.jjr.co.th/ ผมเอาไปใช้แล้ว

    ผมเคยเรียนที่ ischool แต่เรียนไม่จบ

  46. iDayBlog says:

    ธีมนี้สวยเข้าตามากครับ ขอโหลดไปใช้ด้วยคน

  47. ll3an says:

    อยากทำให้หน้าแรกมี Widget มากกว่าหนึ่งแถว เหมือน http://wordpress.barcampbangkok.org/ ต้องแก้ sidebar กับ css ยังไงบ้างอะครับ

  48. ืnevikup says:

    ขอบคุณครับ

  49. วีร์ says:

    พี่เม่นครับ ผมขอเสนอว่า ไหนๆ ธีมมีคำว่า Thai แล้ว น่าจะให้มีรูปลายไทย หืออะไรไทยๆ เข้ามาไว้ในธีมด้วย ท่าจะสวยดี

  50. วัต says:

    เออ ทีมสวยมากเลยฮะ ตอนนี้เริ่มมาเล่น WordPress ดูมั้ง จากที่เล่น Joomla มาพักนึง

    เห็นตีมนี้แล้ว ยิ่งชอบ WordPress ขึ้นมาอีก

    เออ.. ถามไรหน่อยครับ คือเอารูปโชว์ยังไงหรือฮะ รูปมาจากไหนอะ งง (รูปในคอมเม้นต์)

  51. iMenn says:

    @วัต

    สมัครที่ Gravatar.com ครับ

  52. zalapao says:

    สวยงามมากครับ ผมอยากสอบถามด้วยว่าแล้ว ธีมของ joomla และ drupal มีด้วยหรือเปล่าครับ ดาวน์โหลดได้ที่ไหน

  53. zalapao says:

    ขอบคุณครับ แจคพอตเลยผมใช้ drupal อยู่ Y_Y

  54. Suthima says:

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

  55. iMenn says:

    @suthima

    คงไม่ออกธีมนี้ใหม่ในแง่ปรับปรุงครับ เพราะคิดว่ามัน ok ของมันอยู่

    แต่กะว่าจะออกธีมใหม่ไปเลย บน WordPress Framwork ที่เพิ่งทำเสร็จน่ะครับ เพียงแต่ไม่แน่ใจเวลาเหมือนกันครับ :P

  56. coolll says:

    อยากรู้เหมือนคุณ ll3an อ่าครับ กับคำถามที่ว่า

    “อยากทำให้หน้าแรกมี Widget มากกว่าหนึ่งแถว เหมือน http://wordpress.barcampbangkok.org/ ต้องแก้ sidebar กับ css ยังไงบ้างอะครับ ”

    ต้องแก้ไขตรงไหนบ้างอ่าครับ แฮ่ๆ รบกวนหน่อยน๊าาา

  57. iMenn says:

    @coolll

    เรื่องเพิ่ม Sidebar เพื่อไปไว้หน้าแรก ถ้าจะให้สะดวก ก็ต้องไปสั่งใน function.php เพื่อบอกระบบว่าจะมี sidebar อีกกลุ่มนึงนะ แล้วหลังจากนั้น ใน page.php บรรทัดที่ 40 หลัง homewidget ก็ใส่ sidebar ที่ว่าเข้าไป

    ซึ่งผมไม่ได้ทำไว้น่ะครับ

    ถ้าอยากแก้ง่ายๆ ลองดู page.php บรรทัดที่ 40 ใส่ < table class="homewidget" > ไปอีก Table ก็ได้ครับ แต่ต้องใส่ข้อความต่างๆ หรือ function ต่างๆ เอง

  58. coolll says:

    โอว เดี๋ยวจะลองทำดูนะครับ
    พอดีได้รับงานทำเว็บให้สำนักงาน
    มาเซิทมาเจอธีมคุณเม่น ดูงามแบบเรียบง่ายมากมาย ก็เลยพยายามแก้ดึงไซต์บาร์ออกมาอีกแถวแต่ไม่สำเร็จสักที เนื่องจากไม่รู้ทริค (เพิ่งใช้ wordpress ด้วยอ่าครับ)
    ขอบคุณคุณเม่นมากๆ เลยครับ แฮ่ๆ T-T

  59. timothy says:

    พี่เม่นจะสอนทำธีม และอื่นๆเกี่ยวกัับ wp ที่ ischool หรือป่าวครับ ผมอยากเรียน

  60. coolll says:

    ขอบคุณคุณเม่นมากเลยครับ ตอนนี้เพิ่มให้มี sidebar ในหน้า Home มากกว่า 1 แถวได้แล้ว
    ขออนุญาตเอาโค้ด ตัวอย่าง มาแปะให้คุณ ll3an ที่อยากจะแก้ไขส่วนนี้เหมือนกันนะครับ (^ ^)

    ตามที่คุณเม่น อันดับแรก เราจะต้องแก้โค้ดที่ไฟล์ function.php ซึ่งจะแก้ไขโค้ด ประมาณนี้
    มองหาบรรทัดเริ่มต้นแถวๆ นี้นะครับ
    if($_page->ID == $frontpage_id)
    {
    register_sidebar(array(‘id’ => ’sidebar-’.$_page->ID, ‘name’=>$_page->post_name, ‘before_widget’ => ”, ‘after_widget’ => ‘‘)); //First Home Sidebar
    // เพิ่มโค้ดตั้งแต่ตรงนี้ลงไป
    register_sidebar(array(‘id’ => ‘ID ของ sidebar ที่ต้องการเพิ่ม’.$_page->ID, ‘name’=>’ชื่อ sidebar ที่จะเพิ่ม’, ‘before_widget’ => ”, ‘after_widget’ => ‘‘)); //Second Home Sidebar

    }

  61. coolll says:

    ส่วน page.php แถวๆ บรรทัดที่ 40 เพิ่มไปว่า

    post_name); ?>

  62. wee says:

    คุณ coolll ครับ ผมทำตามแร้วทำไม่ได้ หรืออาจทำผิด ช่วยอธิบาย ทำwidget เพิ่ม ใหม่ได้ไหมครับ รอฟังอยู่

  63. coolll says:

    อันในนี้เลยครับ >> http://www.mornor.com/2009/forum/viewthread.php?tid=38639&page=1&extra=page%3D1#pid452627

    พอดีจะคอมเมนต์ในนี้เนื้อที่ไม่พออ่าครับแหะๆ เลยเอาไปแปะไว้ในบอร์ด programming ของ mornor.com

    ลองทำดูนะครับถ้าผิดพลาดประการใดขออภัยด้วย

    ปล. ขอบคุณ คุณเม่นนะครับ ที่ทำ Theme สวยๆ มาได้ใช้กัน (^ ^)

    iMenn ขอบคุณคุณ coolll มากเลยครับที่มาช่วยชี้แจง :)

  64. wee says:

    พี่เม่น ครับอยากถามว่า wp มีplugin 2 ภาษาไหม เวลากด จะทำเว๊บ อังกฤษ-สลับไทยด้วย
    เหมือน จูมล่า ที่มีคนพัฒนาคอมโพแน้นท์ นกแก้ว น่ะครับ

    iMenn ลองดู qtranslate ครับ ผมใช้กับ baningname.com

  65. mon012 says:

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

    ขอรบกวนถามเพิ่มอีกสักคำถามครับ คือเว็บที่ผมทำ travelmono ผมอยากให้หน้า home ไม่ต้องมีพวก banner กับ main เลยอะครับ คือผมต้องการจะให้เป็น slideshow เต็มพื้นที่เลย ต้องแก้ตรงจุดไหนบ้างครับ ตอนนี้มันขึ้นแต่มันไม่ตรงตรงแหน่งแล้วขนาดก็ไม่ได้ด้วยครับ
    รบกวนทุกท่านด้วยครับ ไม่รู้เรื่อง css เลยจริงๆครับ

    iMenn เรื่องใส่รูปในช่องของ Sidebar นั้น เรียกว่าใส่รูปใน Widget ครับ มี Widget ที่เอาไว้ใส่รูปจำนวนมากครับ แต่ผมมักจะใช้ง่ายๆ ก็คือใช้ Text Widget ธรรมดานี่แหละ แล้วใส่โค้ดรูปเข้าไป < img src=”…” เท่านี้เองครับ แต่ถ้าลองหา เห็นว่ามีแบบสำเร็จรูปนะครับ

    ส่วนช้อ 2 div banner มันติด padding 20px อยู่น่ะครับ ลองดู style.css บรรทัดที่ 75 เอา 20px ออก ใส่ 0 เข้าไปแทนก็ได้ครับ

  66. coolll says:

    คุณ mon012 ไม่ทราบว่าใช้ Plugin ตัวไหนทำ Slideshow หรอครับ จะได้ช่วยดูให้ครับ

  67. mon012 says:

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

  68. mon012 says:

    รบกวนอีกทีครับ พอดีต้องการนำโค๊ตมาติด แล้วต้องการให้แสดงผลในหน้านั้นหน้าเดียว ต้องวางโค๊ตที่ไหนครับ ผมลองวางบนโพสแล้ว มันไม่แสดงผลหน่ะครับสำหรับธีมตัวนี้

  69. iMenn says:

    @mon012

    “พอดีต้องการนำโค๊ตมาติด แล้วต้องการให้แสดงผลในหน้านั้นหน้าเดียว” ให้วางใน Post/Page ครับ

    “ผมลองวางบนโพสแล้ว มันไม่แสดงผลหน่ะครับสำหรับธีมตัวนี้” นั่นสิครับ ผมก็ไม่เห็นเหมือนกัน? โค้ดไหนครับ? โพสต์ไหนครับ? ใส่ละเอียดมากขึ้นจะช่วยคนตอบเยอะเลยครับ :)

  70. mon012 says:

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

  71. art says:

    คุณเม่นครับ
    ขอบคุณสำหรับสิ่งดีๆ ผมหาtheme มาหลายวัน ได้ของดี ใกล้ๆตัวนี่เอง
    ขอรบกวน 2 คำถามครับ

    ยกตัวอย่างหน้านี้
    http://www.wt-accountancy.com/services.html

    1.ตรง widget เมนูด้านซ้ายมือ กับหน้า catalog ขวามือ
    ของผมไม่เรียงตามลำดับนะครับ ประมาณว่า
    เมนู บริการด้านบัญชี โชว์อันดับแรก ที่ widget ซ้ายมือ แต่โชว์รูปสุดท้าย ที่หน้า catalog ขวามือ
    ต้องแก้ไขยังไงครับ

    2. ตรงหน้า catalog ขวามือ ขึ้นแต่ ชื่อเมนูใต้รูป ดังตัวอย่าง
    แต่ถ้าอยากให้มี description สั้นๆ ขึ้นมาด้วยทำได้ไหมครับ

    ขอคุณครับ

  72. iMenn says:

    @art

    1. ผมไปดู พบว่ามันถูกแล้วนะครับ ซึ่งอันดับการเรียงหน้า จะเรียกว่า Page Order ครับ แก้ที่แต่ละหน้า แต่ถ้าลง PageMesh Plugin ที่ผมแนะนำไป ตัวนี้จะเลื่อน + แก้ลำดับหน้าได้ง่ายกว่า

    เมื่อแก้ลำดับหน้า ต่อไปคือการแสดงผล ใน Widget ปกติจะตั้งได้ว่า จะให้แสดงผลตามอะไร ก็เลือก Page Order ครับ

    2. ถ้าอยากให้มี Description ซึ่งเป็นข้อมูลส่วนเพิ่มของ Page นั้นๆ เราอาจสร้าง Custom Field ขึ้นมาก็ได้ครับ สมมติตั้งชื่อว่า “info”

    2.1 แก้เทมเพลตให้แสดง “info”
    ลองดู page-catalog.php บรรทัดที่ 48 ครับ ท้ายสุดบรรทัดคือจบด้วย </h3> ซึ่งคือ”ชื่อ”นั่นเอง เราก็สั่งให้มันแสดงค่า info ต่อเลยว่า


    <?php echo get_post_meta($post->ID, 'info', true); ?>

    2.2 ใส่ค่าในแต่ละ Page ให้มีค่า “info”
    ไปที่หน้าแก้ไข Page นั้นๆ แล้วดูที่ Custom Field ให้เพิ่ม info แล้วใส่คำอธิบายที่ต้องการเข้าไป

    งงถามมาใหม่นะครับ

  73. skynet says:

    คือผมอยากทำระบบ สมาชิก ของwordpress แบบสามารถสมัครสมาชิกผ่านหน้าเว็บเลยน่ะครับ(สมัครแล้วใช้ได้เลยน่ะครับ) คือต้องทำแข่งการทำเว็ป CMS ที่นครสวรรว์น่ะครับ แบบที่ลงบนเครื่องเราเลยน่ะครับ
    แล้วก็อยากได้ระบบ webboard ด้วยน่ะครับที่จัดการได้ง่ายน่ะครับ
    ขอบคุณครับ (เด็ก MHS ITValley)

  74. iMenn says:

    @skynet

    1. เรื่องสมัครสมาชิกแล้วได้เลยไม่แน่ใจว่ามีหรือเปล่า เพราะหลักความปลอดภัยปัจจุบันอย่างน้อยควรต้องเช็คเมล์ครับ ลองดู fail.in.th ครับ ใช้ Sidebar Login Plugin ก็ช่วยได้พอควร

    2. ระบบเว็บบอร์ดจัดการง่าย ก็ความสามารถไม่เยอะนักครับ ลองอ่าน http://chasesagum.com/5-best-choices-for-wordpress-forum-plugins ที่ลงง่ายๆ ก็ Forum Server กับ Simple: Press Forum ไม่งั้นก็ลง phpBB แล้วลงตัวเชื่อมต่อกันเลย (แต่วิธีนี้ต้องทำธีมเพิ่ม จะยากขึ้น)

  75. art says:

    คุณเม่นครับอีกทีครับ
    เรื่อง page order นะครับ

    คือตรงตัวเมนูนี่ผมเรียงลำดับได้นะครับ แต่ตรงภาพ catalog นี่มันกลับกัน
    ตามweb นี้ครับ

    http://www.nessthailand.com/ness-products/ness-wired-system/

    จะเห็นว่าเมนู wired overview อยู่อันแรก แต่ภาพใน catalog อยู่อันสุดท้าย
    แต่พอผมสลับ เอาเมนู wired overview มาไว้อันดับสุดท้าย ภาพใน catalog มันก็เลื่อนไปอยู่อันแรก..สลับกัน

    ผมใช้ page mash ในการจัดอันดับเมนู
    แต่ไม่ทราบว่าจะจัดอันดับ ภาพ catalog ที่ตรงไหน
    ซึ่งเข้าใจว่าใช้ plugin ชื่อ PJW Query Child Of ที่แนะนำไว้
    แต่ผมหาที่ปรับแต่งไม่เจอนะครับ

    รบกวนอีกทีครับ

  76. iMenn says:

    @art

    ว้าว ดัดแปลงธีมได้สวยมากเลยครับ :)

    Catalog เป็น Page ดังนั้น มันต้องจัดผ่าน Menu Order เหมือนกันครับ ซึ่งใช้ Page Mash ก็จะช่วยให้ง่ายขึ้น

    ซึ่งผมว่าก็น่าจะถูกแล้ว หรือไม่งั้น PJW Query Child Of ไม่ update หรือเปล่าครับ? หรือลองโหลดมาใหม่ ติดตั้งใหม่ดูครับ

    มันไม่มีที่ปรัับแต่งอ่ะครับ ไอ้ PJW Query Child Of เนี่ย

    ถ้าไม่ได้จริงๆ เมล์ข้อมูลมาที่ menn at imenn.com เดี๋ยวผมดูหลังบ้านให้ครับ

  77. skynet says:

    ขออีกทีนะครับ แล้วการใช้งาน plugin webboard ใช้ยังไงครับ คือทำไม่เป็นเลยครับ ช่วยอธิบายอย่างละเอียดด้วยครับ หรือส่งเมลล์มาก็ได้ครับ tuntawin@hotmail.com
    ขอบคุณครับ

  78. iMenn says:

    @skynet

    กระทู้แนะนำ Simple Press
    http://www.wordthai.com/index.php?topic=627.0
    มีคนเอาไปใช้ที่ http://www.thailifemusic.com

    กระทู้นี้บอกวิธีติดตั้งปลั๊กอิน
    http://www.thaiseoboard.com/index.php?topic=8497.msg103473

    หรือบทความนี้ก็บอกละเอียดเหมือนกันครับ ใช้ wp-forum
    http://aomkod.wordpress.com/2008/09/05/ปลั๊กอิน-wp-forum-สร้าง-forum-ในบล็อก/

    ผมค้นโดยใช้คีย์เวิร์ดว่า “ติดตั้ง plugin forum wordpress” ครับ

    ปล. ผมไม่เคยใช้พวกนี้เหมือนกันครับ ถ้าสนใจลองถามคนที่เคยใช้ดูได้ครับ ในบอร์ดนั้นจะมีคนหลากหลายครับ

  79. art says:

    ขอบคุณคุณเม่นครับ
    ช่วยเคลียร์ หลังบ้านให้สะอาดเชียว

  80. อัคร says:

    ยีมไปแจกเด็กที่ iSchool เด้อ

  81. Lifez says:

    ขอบคุณมากครับ อยากได้มาซะนาน

  82. isawan says:

    อ้างถึง “พี่เม่น ครับอยากถามว่า wp มีplugin 2 ภาษาไหม เวลากด จะทำเว๊บ อังกฤษ-สลับไทยด้วย
    เหมือน จูมล่า ที่มีคนพัฒนาคอมโพแน้นท์ นกแก้ว น่ะครับ”

    “iMenn ลองดู qtranslate ครับ ผมใช้กับ baningnam.com”

    ..ผมลอง qtranslate แต่ต้องเอาไปโมอีกเยอะ เพราะเป็นภาษาเยอรมัน
    และอีกหลายตัว แต่ไม่ได้ดั่งใจด้วยครับ ..พี่เม่นพอจะมี แบบที่ทำแร้วไหมครับ แบบที่ทำกับbaningnam.com เห็นดีมาเรย กดภาษาหน้าไหนก็ออกหน้านั้น ..เมตตาน้องด้วยคร๊าบ

  83. iMenn says:

    @isawan

    อืม qtranslate มันก็มีภาษาอังกฤษนะครับ ลองดู http://wordpress.org/extend/plugins/qtranslate/

    แต่การจะใช้ภาษาไหนได้ ต้องไปตั้งค่าก่อน ดูรูป http://s.wordpress.org/extend/plugins/qtranslate/screenshot-2.png?r=193897 จะเห็นว่าเราต้องไป Add Language ก่อนครับ ภาษาไทยคือ TH ครับ

    ของบ้านอิงน้ำ มันก็ไม่ได้โมอะไรนะครับ แค่ตั้งค่าผ่านหน้า setting นี้เท่านั้นเอง แล้วก็ใส่เป็น widget ก็ได้ หรือจะใส่เป็น php ก็ใช้

    <?php if(function_exists(‘qtrans_generateLanguageSelectCode’)) {echo qtrans_generateLanguageSelectCode(‘both’);} ?>

  84. Kan says:

    ขออนุญาตินำไปใช้นะครับ
    http://www.salaraktheconcert.com/

    ปรับเปลี่ยนสีนิดหน่อย ขอบคุณมากครับ

  85. isawan says:

    <?php if(function_exists(‘qtrans_generateLanguageSelectCode’)) {echo qtrans_generateLanguageSelectCode(‘both’);}
    ผมจะเอาไปแปะที่ด้านบนของเว็บให้คนเข้ามากดเลือกภาษาได้ ในทุกหน้า ต้องใช้โค้ดนี้หรอครับ(เหมือนบ้านอิงน้ำ)

    แล้วไปใส่ไว้ที่ header.php ใช่ป่าวครับพี่เม่น

  86. iMenn says:

    @isawan

    ใช่ครับ ใส่ใน header.php ครับ ระวังเรื่องโค้ด php ด้วยนะครับ เปิดปิดให้ถูกนะครับ

  87. @sarapuk says:

    เอาไปใช้แล้วครับ สวยงาม ปรับแต่งได้ง่าย ชอบมากครับ

  88. niti says:

    เพิ่งดู vdo มาครับเลยตามมาดาวโหลด theme ครับ บรรยายได้้ดีมากครับ

แสดงความคิดเห็น