เอามาโปรยไว้ก่อน ด้วยรับปากเหล่าสาวกเวิร์ดเพรสไว้ว่าจะทำ Wordpress Theme ให้เอาไปแก้ง่ายๆ ตั้งนานแล้ว ยังไงเดี๋ยวจะมาเพิ่มข้อมูลนะครับ
Download Site Happens Wordpress Theme (Version 0.5)
เป็นธีมของเวิร์ดเพรสที่ออกแบบมาให้คนสามารถนำไปแก้ และทำเป็นเว็บไซต์ทั่วไปได้ง่ายๆ นะครับ มีระบบ Banner แบบบ้านๆ ได้ เริ่มต้นจากทำเว็บให้ท่านปลา ชื่อว่า Plajazz.com แล้วก็เอาไปทำต่อให้ MHS IT VALLEY (แม่ฮ่องสอน ไอที วัลเลย์) หลายเดือนผ่านไป จึงมีโอกาสเอามาแจกซักที
หน้าตาธีม Site Happens
เอาข้อมูลที่เขียนเป็นภาษาอังกฤษไปก่อนละกัน
INSTALLATION
- Download Site Happens Theme
- Unpack the zip file. You will find 3 Folders
design: the Photoshop file
plugins: the plugin needed, the-attached-image
themes: sitehappens folder - Upload by using FTP program to your Wordpress site.
plugins/the-attached-image: to /wp-content/plugins/the-attached-image
themes/sitehappens: to /wp-content/themes/sitehappens - Activate the theme through the ‘Appearance’ menu in WordPress
- Activate the plugin through the ‘Plugins’ menu in WordPress …
- Done, enjoy!
TERMS OF USE:
* Please leave the link in the footer, or donate if you would like to remove it.
* You are free to share, to copy, distribute and transmit this theme. You are not allowed to sell this theme.
เครดิตงาน
ภาพถ่าย: โดยคุณพัช จาก iSchool นะครับ ถ่ายจากร้าน June’s House ของพี่สาวกระผม ปลั๊กอินแสดงไอคอน: the-attached-image ซึ่งเปลียนจาก get-the-image ที่เคยใช้ เพราะมันออกเวอร์ชันใหม่ แล้วกระผมใช้งานไม่ได้ซักที เลยเปลี่ยนปลั๊กอินซะเลย
ข้อควรรู้เวลานำไปใช้
- ควรเปิดไฟล์งาน Photoshop มาแก้นะครับ แล้ว Save for web มาไว้ที่ folder ชื่อ images
- Logo (logo.jpg) สูง 70px กว้างเท่าไหร่ก็ได้
- Banner (banner.jpg) ขนาด กว้าง 820px สูง 220px
- ถ้าอยากเปลี่ยนสีได้ ต้องลองดิ้นรนนิดนึงครับ เปลี่ยนจากรูปใน Photoshop ก่อน แล้วไปเปลี่ยนใน CSS อีกต่อ
- ถ้าอยากมี Banner หลายๆ แบบ เหมือนของ Plajazz ก็ save banner ไว้ แล้วใส่เพิ่ม Custom Field ของ Post/Page นั้นๆ ชื่อ “Banner URI” ใส่ค่า URI ไป เช่น http://www.imenn.com/files/banner.jpg
- Sidebar ผมเขียนเงื่อนไขใน sidebar.php ไว้ว่า ถ้าหาก Page ไหน มี Custom Field ชื่อ “Sidebar Content” ให้ไปเอาข้อมูลใน Field นี้มาโชว์ แล้วไม่ต้องโชว์ข้อมูลอื่นๆ ของ Sidebar อีก ถ้าไม่ชอบก็ไปแกะ sidebar.php เอาละกันนะครับ
- ใน Wordpress -> Setting -> Media ควรตั้ง Thumbnail เป็น 80 x 80 Crop และ Medium Size มี Max Width ที่ 480px
(3 votes, average: 4.67 out of 5)
Loading ...
ติดตามธีมนี้มานานแล้วครับ สวยจริงๆ
ขอดาวน์โหลดไปใช้นะครับ
great
thanks
will try
sometime
แอบรอมาสักพักแล้วครับว่าพี่เม่นจะแจก Theme นี้หรือเปล่า
ขอบคุณมากครับ
// อยากจะสอบถามนะครับ ว่า
ถ้าผมจะใส่ เมนู home(หน้าหลัก) ก่อนเมนู เกี่ยวกับ(about) ที่ nav จะต้องแก้ไขอะไรบ้าง ให้ได้เหมือนเวป ตัวอย่าง ผมติดอยุ่ตรงนี้หละครับ ลองแล้วยังไม่ได้ซักที
ขอบคุณครับ
@ping
ลำดับของหน้า เรียงตาม Page Order ครับ ลองไปที่ Pages -> Edit แล้วเอาเมาส์วางเหนือหน้าที่ต้องการ จะมี Quick Edit โผล่ขึ้นมา คลิกที่นั่นแล้วแก้ Order ด้านขวานะครับ อยากให้อยู่แรกสุด ใส่ -1 ไปก็ได้ครับ
ส่วนถ้าจะเอาไปทำเว็บ ไม่ใช่แค่บล็อก แนะนำให้สร้างหน้าเปล่า (Pages) มา 2 หน้า ชื่อว่า Home และ News
แล้วไปที่หน้า Setting -> Reading เลือก A static page (select below) แล้วตั้งให้ Front Page แสดงหน้าชื่อ Home และ Post Page แสดงหน้าชื่อ News ครับ
// ขอบคุณมากครับ
+1 ได้ความรู้ใหม่เพิ่มเติมอีกแล้ว
ธีมชุดแรกก็โหลดไปแล้วครับ อันนี้ไม่พลาดอีกแล้ว 555+ สุดยอดครับ อยากฝากตัวเป็นลูกศิษย์จริง ๆ อิอิอิ
ขอบคุณครับ ธีมสวยจริง ๆ
// สงสัยอีกแล้วครับ การสร้างเพจ ลักษณะ blog page
ตัวอย่างเช่น http://www.plajazz.com/blog/
จะต้องสร้างอย่างไรครับ ใช้ script ใน เพจนั้นหรือเปล่า
ขอบคุณครับ
@ping
จะใช้ Script ก็ได้ครับ เพื่อดึง Post ที่ต้องการออกมา แต่ถ้าไม่ได้ต้องการแยก Category ก็ไม่จำเป็นครับ
ใช้วิธีตั้งค่าดีกว่าครับ คือตั้งให้แสดง “Page” เป็นหน้าแรก และ “Post” เป็นหน้ารอง โดย
1. สร้าง Page ใหม่ ชื่อว่า Home กับ Blog ก่อน
2. Log in เข้า Wordpress ไปที่ Settings -> Reading ตั้งค่า Front page Displays ให้เป็น A static page โดยตั้ง Front Page เป็น Home และตั้ง Posts Page เป็น Blog
3. คราวนี้ เวลาเข้าหน้าแรก มันจะแสดงเนื้อหาของหน้า Home และพอคลิกหน้า Blog มันจะแสดงรายการบล็อกครับ
// ขอบคุณมากครับ
หายไปหลายวัน …
สวยมากครับ framekung
เอาไปใช้เป็นเว็บไซต์ห้องผมเลยครับ
http://www.engtech.in.th/
ขอบคุณครับตอนนี้เอาไปติดตั้งที่ http://baanmoo.com
แต่ยังไม่ได้ทำอะไรเพิ่มเลย
ธีมสวยมาก เก่งจัง
// plugins the-attached-image ผมทดลองดูแล้ว สามารถ Upgrade ได้ถึงเวอร์ชั่น 2.1.1 นะครับ
ตั้งแต่ 2.2 ขึ้นมาจนถึงเวอร์ชั่น ล่าสุด 2.3.2 คิดว่าจะตั้งปรับที่ theme ใหม่ ผมลองๆดูแล้ว แต่ยังไม่สำเร็จครับ
สวยมากๆ ครับ
เอาไปทำเว็บบ้านอิงน้ำด้วย ปรับให้กว้างขึ้นนิดหน่อย ใช้ 960 Grid System คร้าบ
http://www.baningnam.com/
บ้านอิงน้ำ รีสอร์ท และ สปา
// สวยงาม “บ้านอิงน้ำ รีสอร์ท และ สปา”
สุดยอดเรยคับ ขอนำไปใช้ด้วยคนนะครับพี่
สวยจังแต่คงไม่มีปัญญาเอาไปใช้ได้หรอกค่ะ
แค่ Blog Happens ก้อแทบแย่แล้ว
รบกวนขอความรู้ด้วยครับ
ติดตั้งธีมที่แจกไปแล้ว ลองทดสอบดูใช้ได้ครับ แต่ถ้าเราอยากให้แต่ละ post แสดงข้อความแบบจำกัดบรรทัด แล้วให้มีลิงค์ตัวหนังสือให้คลิก “อ่านต่อ…” อะไรแบบนี้ สามารถทำได้หรือเปล่าครับ?
หรือว่าต้องลง plugin ตัวไหนเพิ่มเติมหรือเปล่าครับพี่
@kaew
ถ้าดูในไฟล์ index.php ที่อยู่ในโฟลเดอร์ sitehappens บรรทัดที่ 25 จะเห็นคำว่า
<div class="excerpt"><?php the_excerpt(); ?></div>ซึ่งหมายความว่า ผมให้มันแสดงเนื้อหา excerpt มาแทนน่ะครับ
Excerpt คือ ข้อความเกร่ินนำ เวลาเขียนบล็อกในหน้า Post -> add new ลองดูนะครับว่ามีกล่องชื่อ excerpt ด้วย อยากให้เกร่ินว่าอะไรก็เขียนไปในนั้นก็จบครับ
ส่วนถ้าอยากได้คำว่า “อ่านต่อ…” ที่คลิกได้ ลองแก้บรรทัดที่ 25 ดังนี้นะครับ
ของเดิม
<div class="excerpt"><?php the_excerpt(); ?></div>ของใหม่
<div class="excerpt"><?php the_excerpt(); ?> <p><a href="<?php the_permalink() ?>">READ MORE JAAAA.....</a></p></div>ได้แล้วๆ ขอบคุณมากครับพี่
อีกปัญหานึงได้หรือเปล่าครับ คือผมยังงง วิธีเปลี่ยน banner เวลาคลิกเปลี่ยน page เหมือนในเว็บ plajazz
รบกวนอธิบายวิธีทำได้หรือเปล่าครับ
ขอบคุณมากครับ
@kaew
ใน Page -> add new นั้น จะมีกล่องต่างๆ มากมาย ลองดูกล่องที่ชื่อ Custom Field นะครับ พี่ตั้งเงื่อนไขในธีมนี้ว่า ถ้ามีคนระบุ Customer Field ชื่อ Banner URI ละก็ ให้เอารูปจากค่า Banner URI นี้ซะ
ดังนั้น เราก็ต้องสร้างไฟล์ Banner เป็น jpg ขนาด 820×220 px แล้ว upload ผ่าน ftp ไปไว้ซักที่หนึ่ง (เช่น ไว้ที่ /wp-content/uploads/test.jpg)
พอเอาไฟล์ไปไว้แล้ว ลองดูผ่านเว็บก็ได้ ว่าเราเอาไฟล์ไปไว้ถูกที่หรือเปล่า กรณีข้างต้นคือ http://www.yourdomain.com/wp-content/uploads/test.jpg นะครับ
พอไฟล์ Banner นี้ถูกต้องแล้วแน่ๆ ก็ไปที่ Page -> add new แล้วหากล่อง Custom Field นะครับ ใส่ค่าตามรูป
ชอบเว็บของพีมากมาก
พีครับลบกวนหน่อยครับ ใช้ Theme Site Happens ของพียู่แต่เปันย่างนี้ครับ แก้ตงไหนครับ
รูบพาบ
http://img.laoupload.com/images/goqvxzxv26y0zh6qo2rz.png
ขอบคุนมากมาก
@mong
ถ้าให้เดา น่าจะเพราะยังไม่ได้เปิดใช้ Plugin น่ะครับ
1. อย่าลืม upload plugins นะครับ ลองดูที่ FTP ต้องมี /wp-content/plugins/the-attached-image นะครับ
2. ไปที่หน้า Plugins แล้ว Activate มันนะครับ
3. อย่าไปแก้ชื่อ sitehappens นะครับ เพราะในธีม เวลาไม่มีรูป มันจะไปหารูป icon จาก folder นี้ครับ
ขอบคุนมากมาก ครับ ไปลองก่อนนะครับ
สวยครับๆๆๆๆๆ ชอบมากๆๆ
เดี๋ยวจะลองไปดัดแปลง ไว้ใช้กับเว็บข่าว อิอิ
พี่เม่นครับ
T T ยังไม่สำเร็จเรื่อง banner ครับ
ผมทดลอง upload รูปที่จะไว้เป็น banner ไว้ที่ http://www.cpixs.net/imgs/banner_cmr.jpg เรียบร้อยแล้ว
ส่วนในหน้า page ผมตั้งค่าไว้ตามรูปนี้ครับ
http://www.cpixs.net/imgs/custom_fields.jpg
แต่เวลากดมาที่หน้าที่ต้องการ รูป banner ไม่เปลี่ยนตามด้วยอ่ะคับ?
ผม set ตรงไหนผิดหรือเปล่าครับ?
ลองเปิดดูในไฟล์ index.php เห็นมี code บรรทัดนี้
<img src=”/images/banner.jpg” alt=”banner” />
เกี่ยวกันหรือเปล่าอ่ะคับ?
@kaew
เรื่อง Banner เนี่ย ถ้าไม่ปรับแต่งโค้ด มันจะเปลี่ยน Banner ได้เฉพาะ Page กับ Post นะครับ หน้าอื่นๆ เช่น หน้าผลการค้นหา, หน้าดูตามหมวด Category, หน้าดูตาม Tag, ฯลฯ มันจะใช้ Banner มาตรฐานนะครับ (banner.jpg)
ซึ่งหน้า Page ต่างๆ (ในที่นี้ น่าจะกำลังแก้ Page ที่ชื่อ Camera Store ซึ่งมี ID 141 นะครับ) เวลาระบบมันเรียกไฟล์ธีม มันไม่เรียกไฟล์ index.php มานะครับ แต่จะไปเรียกไฟล์ page.php แทนครับ ดังนั้น ถ้าอยาก debug จะลองไปดูโค้ดใน page.php ก็ได้ครับ จะเห็นว่า พี่ใช้ตัวแปรชื่อ Banner URI นะครับ (ตัวอักษร ยู อาร์ ไอ นะ ตัวใหญ่หมด เว้นวรรคครั้งเดียวนะ)
ถ้าไม่ได้จริงๆ ลองแก้ page.php ลบบรรทัดที่ 5-9 ทิ้งให้หมด แล้วใส่ < img src=".... ไปเองเลย ว่าติดหรือเปล่า
ถ้ายังไม่ได้จริงๆ ส่งรายละเอียด host ให้ดูทางเมล์ก็ได้นะครับ
menn@imenn.com ครับ
ได้แล้วครับพี่เม่น ตรงตัวแปร Banner URI ผมใส่ผิดเองเป็น Banner URl -*-
ขอบคุณสำหรับธีมดีๆ และคำแนะนำทุกอย่างเลยครับ ^^
ดีครับพี่ menn อยากทำให้หน้าแรกโชว์วีดีโออ่ะครับ พอดีผมลองแก้ๆแล้วมันไม่ได้ซะที เหมือนมันจะจำกัดการโพสของตัวอักษรก็เลยอยากจะตัดส่วนนี้ออกครับ ไม่ทราบว่าต้องแก้ยังไงครับ
เป็นธีมที่สวยงามและน่าประทับใจมากครับ
http://www.educorners.com/
เว็บที่ผมเอา theme พี่ไปใช้ครับ
เพื่อนผมชอบมากเลยครับ
ขอบคุณมากๆ ครับพี่
รูปของธีมสวยดีคะ
เอาปัญหามาให้อีกแล้วครับพี่เม่น
1. ทำไงให้โชว์รูปของเรากับของคนที่มา post ได้อ่ะคับ?? หาไม่เจอซักที – -”
2. กำลังสนใจจะทำเว็บบอร์ดครับ ตอนนี้หาข้อมูลเกี่ยวกับตัว smf (ไม่รู้ว่าดีมั๊ย?) ถ้าอยากจะรวมเว็บบอร์ดเข้าไปอยู่ในธีมที่พี่ทำไว้ให้นี่(เป็นหน้านึงของธีม) จะได้หรือเปล่าอ่ะคับ? ต้องทำยังไงครับ?
@kaew จะต้องสมัคร Gravatar ครับ
รายละเอียดที่ http://th.gravatar.com/ และ http://th.gravatar.com/site/signup พอสมัครแล้ว ถ้าธีมรองรับ รูปก็จะโผล่มาเองครับ
@CHIANGRAI
@ping
ขอบคุณมากคร้าบที่ช่วยตอบ
@kaew
เรื่องเว็บบอร์ด ก็ต้องแก้ Theme ของเว็บบอร์ดนั้นเป็นน่ะครับ อธิบายยาวมากครับ ลองไปถามดูใน wordthai ได้ครับ ที่นั่นมีคนลงลึกหลากหลายครับ
ผมเองได้ให้ test-home.html ไปใน Theme ด้วย เผื่ออยากจะแกะ HTML น่ะครับ สามารถเอา HTML กลุ่มนี้ไปประกอบในธีมของระบบอื่นๆ ได้ครับ
แต่ส่วนตัว เว็บบอร์ด ผมแนะนำ UNB ครับ สวยเรียบ ไม่เทอะทะ แต่ฟังก์ชันเพียงพอ
ขอบคุณพี่ทั้งสองที่ช่วยแนะนำมากครับ
โอ้! คุณพระคุณเจ้า! สวยเสียเหลือเกิน
ผมขออนุญาตนำไปใช้โดยพลัน ด้วยความขอบคุณ
แล้วจะส่งรายงานผลมาให้นะครับ
ขอบคุณมากครับ ดูสบายตาดีครับ เคยใช้มาหลายแบบ เปลี่ยนไปๆมาๆ ไม่ถูกใจซักที
ตัดสินใจเอาตัวนี้ล่ะครับ สวยถูกใจ ^.^
ขอรบกวนนิสนะครับ
ผมหัดใช้อะ
ผมชอบผลงานชิ้นนี่มากครับ
คือตอนนีผมกำลังจะเอาไปทำ blogs
แต่ติดปัญหาตรงการเปลี่ยนรูปภาพของแต่ละบทความครับ
http://image.ohozaa.com/io/capture.gif
ดังรูปจะเป็นรูปนี้ตลอดอยากทราบว่า ผมจะทำให้เป็นดังเว็บ
http://www.engtech.in.th/blog/
นี่ครับ
รบกวนด้วยนะครับ
@iMenn
ขอบคุณครับ
ได้แล้วครับ :d
เอาไปแต่งใส่บล้อกแล้ว ยังไม่ลงตัว เพิ่งหัดทำ ก็ว่าดูดีนะครับ
ขอบคุณครับ
http://www.kosolbookmania.com
[...] ไปดูและดาวน์โหลดได้ที่ มีคนนำไปใช้งานแล้วไม่น้อย คุณเม่นได้แนะนำการแก้ไขดัดแปลงไว้ด้วย ตามที่มีผู้ถาม คลิกไปโดยพลันที่ iMenn.com [...]
คือผมมีปัญหามาถามครับ เมื่อสองวันก่อน เวลาลองคอมเมนท์มันจะต้องรอนานเกือบนาทีได้ ให้เพื่อนลอง(คนล่ะที่)ก็ช้าเหมือนกัน และเวลาเข้าแอ๊ดมิน แก้ไข ตั้งค่าต่างๆ จะเปิดแต่ล่ะหน้าช้ามาก
ตอนนี้โพส คอมเมนท์ได้ถือว่าเร็วกว่าเดิม เข้าแอ๊ดมินกดหน้าอื่นๆก็เร็วขึ้น ยกเว้นหน้าปลั๊กอิน และการตั้งค่าปลั๊กอิน ใช้แค่ akismet,all-in-one-seo-pack,google-sitemap-generator,shashin,the-attached-image,wp-cumulus
ไม่ทราบว่าเป็นที่ WP เองรึว่าเป็นที่โฮสครับ มันจะมีปัญหากับหน้าปลั๊กอินนี่ล่ะครับ รอนาน เกือบนาทีเลย
ขอบคุณครับ
รบกวนถามเพิ่มอีกนิดครับ ลิงค์ที่เป็นภาษาไทย ยาวๆ มันจะตัดคำไปด้วยเลย แต่ดูบางเว็บทำไมเขายาวมากๆก็ยังแสดงครับ เราต้องแก้ไขตรงไหนครับ
ขอบคุณครับ
ผมมั่วต่อ จากหน้าตาที่ออกมานับว่าใช้ได้ พอใจแล้วครับ ขอเชิญไปทัศนากันได้ที่
http://www.kosolbookmania.com
เป็นเว็บที่ทำเพื่อขายหนังสือเก่า และเป็นแหล่งพูดคุยกัน
อย่าลืมแวะไปดูกันนะครับ
ผมเอาไปดัดแปลงดังที่เรียนให้ทราบแล้ว ทีนี้ปัญหามีอยู่ว่า ถ้าเปิดกับ IE เนื้อหาจะไปชิดติดกับ sidebar มากครับ แต่ถ้าเปิดกับ FireFox ไม่มีปัญหา ใครมีประสบการณ์บอกด้วยครับแก้ไขยังไง)
ลองดูที่ http://www.kosolbookmania.com ได้นะครับ ขอบคุณครับ
ผมได้ปรับแต่งเติมอีกทีจนหนำใจ คิดว่าพอดูได้ และได้แก้ไขข้อความที่ Footer ให้เป็นภาษาไทย เพิ่มลิงก์มาที่ iMenn.com ด้วยครับ ขอเชิญคุณเม่นและพี่น้องทั้งหลายไปทัศนา ที่ http://www.kosolbookmania.com ร้านหนังสือออนไลน์ ด้วยครับ
แวะมาบอกว่า แก้ปัญหาได้หมดแล้วครับ
ว่าแต่มีใครใช้ ปลั๊กอินตัวไหน ดึงรูปภาพจาก Picasa มาใช้ในเว็บได้ไหมครับ ผมลองเอา Shashin มาใช้ ตอนนี้ทำให้มันซิงค์กันได้แล้ว แต่เวลาจะโพส และแทรกรูปภาพในบทความ ไม่รู้ต้องทำยังไงครับ ?
ขอบคุณธีมสวยๆครับ
ผมเอาไปใช้ในเว็บ http://www.myaimstar.com
ขอความอนุเคราะห์ว่า เมื่อมีผู้มาโพสต์เยอะๆ แล้วจะแบ่งหน้ายังงัยครับ พอทำให้มี older comment ปรากฎว่าคลิกแล้วไม่เห็น
@picharmon
ธีมนี้เขียนขึ้นมาตั้งแต่ก่อนจะมีระบบตัด Comment น่ะครับ ทำให้ไฟล์ comments.php ไม่ update เท่าไหร่ แนะนำให้ไปโหลด ThaiTeam มา แล้วเอาไฟล์ comments.php ไปทับดูครับ
ขอบคุณครับคุณเม่น
เป็นเว็บดีมากมาก