ThaiTeam WordPress Theme
อ้างว่าธีมนี้ไม่สมบูรณ์มานานจนละอายเกินกว่าจะอ้าง ธีมนี้เนื่องมาจากงาน Barcamp Bangkok ที่ผ่านไปซะนานนั่นแหละ
ใส่ว่าเป็นเวอร์ชั่น 0.5 ก่อนแล้วกัน ขอเฉพาะคนที่เคยลงธีมของ WordPress มาทดสอบละกันนะครับ
ตัวอย่างอยู่ที่ Thaiteam.Vaivaisoft.com
ส่วนขั้นตอนการลง
วิธีติดตั้ง
- ดาวน์โหลดไฟล์ธีมจาก ThaiTeam Theme - (ดาวน์โหลด: 819)
- แตกไฟล์ แล้วนำไปไว้ที่ Folder สำหรับเก็บธีมของบล็อกตนเอง เช่น /wp-content/themes/thaiteam
- ไปที่หน้า Admin เลือก Appearance -> Themes แล้ว Activate Theme ที่ติดตั้งไว้
- ควรตั้งให้รูปย่อ (Thumbnail) มีขนาด 200×150 px โดยไปที่ Setting -> Media -> Thumbnail 200×150 Crop เพื่อใช้แสดงในหน้า Catalog ได้พอดี
- รูปที่ใช้ใน Blog / Post ควรกว้างสุด 600px แนะนำให้ตั้งให้รูปขนาดกลาง (Medium) มีขนาดกว้าง 600px สูงเท่าไหร่ก็ได้ (เช่น 600px)
- รูปที่ใช้ใน Product Detail / Page ควรกว้างสุด 640px แนะนำให้ตั้งให้รูปขนาดใหญ่ (Large) มีขนาด 640px สูงเท่าไหร่ก็ได้ (เช่น 640px)
- ถ้าอยากได้ Catalog ให้สร้าง Page เลือก Page Template เป็น Catalog แล้วสร้างหน้าย่อย (Child Page) ที่ต้องการ ระบบจะเอาหน้าที่เป็นหน้าย่อยมาทำเป็นรายการ Catalog ให้
- ควรสร้าง Page ชื่อ Home ไว้เป็นหน้าแรก และสร้าง Page ชื่อ Blog ไว้รวมข่าว เมื่อสร้าง Page แล้วไปที่ Setting -> Reading เลือก A static page แล้วตั้งให้ Front Page = Home, Posts Page = Blog
- ระบบจะสร้าง Sidebar ให้เท่ากับจำนวน Page ที่อยู่สูงสุด (ติด Root เช่น About – พยายามอย่าให้ Slug เป็นชื่อภาษาไทย เดี๋ยวงง) อยากได้อะไรใน Sidebar ก็ไปที่ Appearance -> Widgets แล้วลากไปใส่
- แน่นอนว่ามี Sidebar สำหรับ Home ด้วย คือก้อน Widget ที่อยู่ใต้ Banner นั่นแหละ แนะนำว่า ควรมีแค่ 2-4 Widgets พอ
วิธีปรับแต่งส่วนกราฟฟิค
- ดาวน์โหลด PSD จาก ThaiTeam PSD - (ดาวน์โหลด: 610)
- แนะนำให้แก้แค่ Logo/Banner แล้ว Save ทับไป
- สามารถลองเปิดไฟล์ Html เพื่อดูภาพรวม แล้วลองแก้ CSS ดูได้ครับ
- ผมใช้สัญญาอนุญาตแบบ GPL คร่าวๆ คืออยากแก้อะไรก็ได้เต็มที่ครับ ไม่ต้องคง link ใน footer ก็ได้ครับ แต่เก็บไว้ซักที่ในโค้ด เผื่อคนอื่นจะได้หาเจอครับ
ปลั๊กอินที่ใช้
- Get The Image แสดงรูปในหน้า Catalog (ต้องมีถ้าจะใช้ Catalog)
- PJW Query Child Of สำหรับดึงหน้าย่อยมาเป็น Catalog (ต้องมีถ้าจะใช้ Catalog)
- simple Section Navigation Widget สำหรับแสดงหน้าย่อยใน Sidebar ด้านข้าง (ต้องมีถ้าต้องการแสดงหน้าย่อย)
- pageMash > Page Management สำหรับช่วยเรียง Page (หน้า) กรณีหน้าเยอะๆ ติดตั้งแล้วจะอยู่ในเมนู Page ของ Admin
- WP Page Numbers แสดงเลขหน้าด้านล่างในส่วนของ Blog และ Product
- Live Search Popup ระบบค้นหา อยู่ตรงเมนูด้านขวา
- Lightbox Gallery การทำให้ Gallery ใน WordPress แสดงรูปแบบ LightBox (สร้างกล่อง Modal Dialog ขึ้นมา แล้วทำให้หน้าเว็บมืดลง)
- 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
เข้าดู 9,433 ครั้ง
(3 votes, average: 5.00 out of 5)
Loading ...
iMenn
nUt
thegapfather
Yai
put78
Luru
ลิงกินผัก
-xOul-
ผมใช้ get recent comment ครับ แต่ไม่รู้ไปแก้ตรงไหนให้ภาพขึ้นที่ sidebar
ใน setting ของ Get recent comment มันจะให้แก้โค้ดได้ครับ ลองคลิกดูรูปที่นี่
แล้วก็ไปแก้ CSS เพื่อให้รูปมันลอยอยู่ด้านซ้ายอีกนิด โดยแก้ style.css เพิ่มโค้ดนี้บรรทัดล่างสุดครับ
.kjgrcGravatar {float: left; margin: 2px 5px 0 0; border: 1px solid #fff;}
ขอบคุณครับครูเม่น ผมชักอยากให้ถึงวันที่อบรมจริงๆ แล้วสิครับ
ในหน้า catalog นั้น มันสามารถโชว์อัลบั้ม ได้สูงสุด 5 อัลบั้มต่อ 1 หน้า
ผมอยากจะแก้ไข ให้โชว์ได้มากกว่า 5 อัลบั้มได้ป่าวครับ
ขอบคุณมากครับผม ชอบธีมนี้มากเลยครับ…
ปกติมันตั้งไว้ 9 นะครับ แก้ที่ Theme Option ครับ
ส่วน 5 ไม่แน่ใจว่ามาจากจำนวน Post ล่าสุดหรือเปล่า แก้ที่ Settings -> Reading
ขอบคุณมากเลยครับผม ^^
ขอรบกวนอีกนิดนะครับ
+ ผมสามารถนำหน้า catalog มาใส่ ใน widget ของหน้า home ได้รึป่าวครับ
ขอบคุณมากครับผม…
ถ้าแค่ “ชื่อหน้า” ลองค้นคำว่า Wiget Page Plugin ครับ น่าจะมีเยอะ แต่ถ้าเอารูปมาด้วยนี่ไม่ได้ออกแบบไว้น่ะครับ
ถ้าไม่ได้เปลี่ยนแปลงบ่อยๆ ทำเองเลยก็ได้นะครับ เป็นรูป ใส่ link แล้วไว้ใน Widget Text น่ะครับ
อ่อ ขอบคุณมากครับคุณเม่น
ปลั้กอินที่ชื่อ simple Section Navigation Widget มันอัพเดทใหม่แล้วครับ
จะขึ้นข้อความ
“The section navigation has been upgrade from 1.x to 2.0; this template needs to be updated to reflect major changes to the plug-in.”
ต้องแก้ไฟล์ sidebar.php
ตรงบรรทัดที่ว่า
<?php simple_section_nav("<h2>”,"</h2>”); ?>
ให้แก้เป็น
<?php simple_section_nav("<h2>”); ?>
โอ้ว ขอบคุณมากๆ เลยครับ
อ๊ากกกมีแต่ Theme สวยๆ ทั้งนั้นเลยอ่า อยากเก่งอย่างท่านบ้างจัง ทำไงถึงเก่งได้ขนาดนี้
สวัสดีครับ คุณเม่น
มีวิธีหรือโค้ดที่จะแรนดอมภาพแบนเนอร์ ของหน้า home รึป่าวครับ
ที่เป็นไฟล์ชื่อว่า (banner.jpg) อ่ะครับ
อยากให้เปลี่ยนภาพใหม่ทุกๆครั้ง ที่มีการรีเฟรชหน้าเว็บเข้ามาใหม่อ่ะครับ
หลักการคือ
1. หาทาง Random ให้ได้
ถ้าต้องการสุ่ม 1,2,3 php ใช้คำสั่ง rand(1, 3)
2. หาทางเอาค่าที่ Random ได้มาทำให้รูปเปลี่ยนแปลง
ซึ่งส่วนที่ทำให้แสดงรูป banner.jpg นั้น คือ div ชื่อ banner ใน header.php บรรทัดที่ 42
อาจใช้วิธีแทรก inline stylesheet ไปก็ได้ครับ สั่งว่า style=”background-image: images/banner< ?php echo ran(1,3); ?>.jpg;” มันก็จะเอารูป banner1.jpg, banner2.jpg, banner3.jpg มาสุ่มแสดง
Inw จัง…อิอิอิ
แล้วถ้าจะแทนด้วยปลั๊กอินให้มันดึงภาพมาแสดงเป็นแฟรชเลยจะได้มั้ยครับ ต้องใช้ปลั๊กอินตัวไหนครับ
รบกวนด้วยครับ คาใจเหมือนกัน
ขอบคุณมากครับ
อืม ปลั๊กอินไม่เคยใช้ครับ แต่ถ้าอยากแสดงเป็น Flash ก็ใส่โค้ด Flash ไปเลยครับ ตรง div ที่ id=”banner” เนี่ย ก็เอาโค้ด flash มาวางแทนเลยก็ได้ครับ ลองดูโค้ดที่ w3school
ขอบคุณมากครับ เดี๋ยวขอลองทำดูครับพี่
โอ้เทพจังครับ จะลองเอาไปใช้ดูครับ
ขอบคุณครับ แล้วจะลองทำดูครับผม ^^
วิธีใช้งานฟังก์ชั่น Menus ที่เพิ่้มมาใน WordPress 3.0 กับ thaiteam ลองอ่านดูในนี้ครับ
http://board.wordpress.in.th/topic/97
ผมต้องการให้มี widget สองแถว ไม่ทราบว่าต้องไปแก้ไข หรือเพิ่มเติมครงไหนหรอครับ ขอบคุณครับ
คุณ coolll ได้มาช่วยตอบใน Comment เก่าแล้่วนะครับ ที่ คอมเม้นท์เมื่อวันที่ 26 พ.ย. 09 หรือตามไปดูรายละเอียดได้ครับ เขียนไว้ดีมาก ที่ Mornor.com
หลังจากมาขโมยธีมไปใช้ เข้ามาขอความรู้จากพี่เม่นอยู่ก็หลายหน
แวะมาขอบคุณอีกครั้งครับ(ทั้งๆที่ควรจะขอบคุณตั้งนานแระ)
เว็บที่เอาธีมของพี่เม่นไปทำครับ http://www.ninepranphotos.com/
เป็นเว็บไซต์เกี่ยวกับสัตว์ป่าครับพี่ ฝากแนะนำติชมด้วยนะครับ ^^
สวยดีคครับ ชอบๆ อิอิ เราก็เอาธีมคุณเม่นไปใช้ แต่ทำมานานละ มัวแต่ลองนั่นลองนี่ไม่เสร็จสักที หัวหน้าที่สำนักงานกดดันหลายๆ ครั้งแล้วเอิ๊กๆ
ชอบในความใจดีของคุณเม่น จนเป็นที่มาของการทำโฮมเพจจาก wordpress (แม้จะไม่ได้ใช้ธีมของคุณเม่น แต่เป็น reference ที่ดีครับ)
ขออนุญาตคุณเม่น ในการนำไปเป็น reference ของโปรเจคผมครับ ..ตามไปอ่านได้ที่
http://atmoomoo.multiply.com/journal/item/117/117
[...] Catalog (ต้องมีถ้าจะใช้ Catalog) – (เครดิตจาก imenn.com) 2. PJW Query Child Of สำหรับดึงหน้าย่อยมาเป็น [...]
[...] ก็เลยลองทำตามวิธีการลงจากเว็บ imenn.com ก็เลยรู้ว่า ต้องทำยังไง แล้ว Theme [...]
ขอบคุณ คุณเม่นมากที่ให้ความรู้ ผมได้แรงบันดาลใจจากเว็บคุณเม่น ผมจึงลองใช้ Worpress ทำBlog ดู
ซึ่งผมไม่เคยเขียน Blog เลย ลองดูแล้วก็พอทำเองได้
ขอบคุณครับ
ชูชาติ ป้อมประเสริฐ
ขอบคุณมากครับท่าน
สวัสดีครับ
พี่ๆทั้งหลาย ไม่ทราบว่าถ้าผมอยากได้ webboard แบบของ http://www.ischool.in.th/board/ ผมจะต้องติดตั้ง plugin ตัวไหนหรือครับ?
รบกวนแนะนำผมด้วยนะครับ
ขอบคุณครับ ^^
เว็บ iSchool ไม่ได้ใช้ Plugin ครับ เป็นอีกระบบนึงครับ
บรรทัดล่างสุดของหน้าเว็บบอร์ดนั้น เขียนว่า “กระดานสนทนาโดย Unclassified NewsBoard” ให้คลิกที่ลิงก์นั้น จะได้ Script ของระบบเว็บบอร์ดครับ
แต่ก็ต้องมาปรับแต่งหน้าตาเองเหมือนกัน ใน Unclassified NewsBoard นั้น เราจะต้องไปปรับแต่งที่ /unb_lib/designs/modern แนะนำให้แก้ tpl/_head.html กับ tpl/_foot.html และแก้ css/common.css.php ครับ
ซึ่งต้องมีความรู้เรื่องการแก้โค้ด HTML, CSS ครับ
ขอบคุณมากครับผม
ขอถามเพิ่มเติมเรื่องบอร์ดของ UNB ครับ
ผมทำเมนูใน wordpress ชื่อว่า webboard ครับ และอยากให้เมื่อกดที่เมนู webboard แล้วให้มันไปแสดงที่หน้า UNB ครับเหมือนอย่างของ ischool
ไม่ทราบว่าผมต้องติดตั้งบอร์ด UNB อย่างไรครับ หรือต้องทำ link จากเมนูของผมอย่างไรบ้างครับ?
ขอบคุณมากครับ
1. ติดตั้ง unb ใน folder ที่ต้องการครับ เช่น /webboard, /board, /forum
2. สร้างเมนูที่ link ไป folder นี้ครับ
2.1 สร้างโดยการเขียนโค้ดแทรก ก็ไปแก้โค้ด html (ซึ่งในที่นี้คงเป็น Theme) แล้วไปเพิ่ม link (เนื่องจาก iSchool ทำธีมเอง จึงใช้วิธีนี้ครับ)
2.2 สร้างโดยสั่งให้ Page ใน WP เวลาคลิกแล้วไปที่ url ที่ต้องการ
แบบง่ายๆ ก็ติดตั้ง Plugin ชื่อ Page Links To ครับ
พี่เม่นครับ ผมทำตามที่พี่เม่นบอกไว้แล้วครับ และทำการแก้ไขไฟล์ config เรียบร้อยแล้วครับ แต่เมื่อทำการติดตั้งไฟล์ install.php แล้วมันเกิด Error แบบข้างล่างนี้ครับ ไม่ทราบว่าผมทำอะไรผิดไปหรือครับ?
Deprecated: Function set_magic_quotes_runtime() is deprecated in /Applications/MAMP/htdocs/unb/unb_lib/common.lib.php on line 77
Error: HTTP headers have already been sent! Caused by output from file ~/unb/unb_lib/common.lib.php at line 77. The error was detected after initialisation.
Description: HTTP headers are used to give the web browser information on the content type or how to handle it. These headers are immediately sent to the browser as soon as text content is generated by the PHP script. At this place, the application expected the headers not to be sent yet and needs to add more headers but cannot do so because somewhere else output was generated. This likely happens when custom page elements have been inserted before this code or empty lines or UTF BOMs are present before the opening <?php tag. Please check the above code line and remove the output from there to resolve the error.
Deprecated: Function set_magic_quotes_runtime() is deprecated in /Applications/MAMP/htdocs/unb/unb_lib/common.lib.php on line 77
ตรงนี้ไม่น่าจะเป็น Error นะครับ สาเหตุน่าจะมาจาก PHP ใน Hosting ที่ใช่อยู่มันใหม่มากๆ (รุ่น 5.3 ขึ้นไป) มันเลยแจ้งเตือนว่าบางฟังก์ชันนั้น มันมีวิธีอื่นที่ PHP รุ่นใหม่นั้นเตรียมให้และแนะนำให้ใช้มากกว่าแล้ว และใน PHP 5.3 ขึ้นไป มันจะมีข้อความแจ้งประเภท Depricated อยู่ด้วย ซึ่งก็น่าจะหมายถึงข้อความที่เห็นนี้แหละครับ
ส่วนข้อความหลังจากนั้น เป็นข้อความผิดพลาดอันเนื่องจากมาจากการมี Warning ข้อความข้างบนครับ เข้าใจว่าระบบน่าจะพยายาม Redirect หรือไม่ก็ทำอะไรซักอย่างที่เกี่ยวกับพวกนี้ ซึ่งระบบจะยอมให้ทำก็ต่อเมื่อยังไม่มีการเขียนอะไรออกมา ในกรณีนี้ ที่มันผิดก็เพราะมันมีข้อความ Warning นั้นออกมาก่อนแล้ว
ความจริงแล้ว ระบบ UNB อาจจะติดตั้งเรียบร้อยแล้วก็ได้ครับ เพียงแต่แสดงผลหน้าสุดท้ายไม่ได้เท่านั้นเอง แต่เกิดไม่ชัวร์ อยากลองติดตั้งใหม่ก็ได้ครับ ลองไปปรับ .htaccess ด้วยการเพิ่มบรรทัดเหล่านี้เข้าไปในไฟล์ .htaccess นะครับ
php_value output_buffering 4096
php_value error_reporting 1