Skip to Content »

 ตกแต่ง blog ด้วย Category cloud

  • วันที่ 13 กันยายน 2549
  • 5:24 pm

วันนี้นายแรดจะขอพูดถึง plug-ins ซึ่งเป็นตัวเสริมความสามารถต่างๆให้กับ WordPress โดย plug-in ที่จะพูดถึงวันนี้ ชื่อว่า cat cloud cat cloud ทำหน้าที่สร้าง tag cloud จาก categories ทั้งหมดที่มีใน blog ของเรา โดยถ้า category ไหน มีมากหรือถูกเขียนมากใน blog, cat cloud จะแสดง cateogory นั้น เป็นตัวอักษรที่ใหญ่ ดังภาพ

cloud.gif

จะเห็นได้ว่า นายแรดได้เขียน blog ในหัวข้อ ความรู้เกี่ยวกับ blog มากที่สุด รองลงมาเป็นหัวข้อ WordPress cat cloud ถูกสร้างขึ้นโดย Zak Greant โดยพัฒนาต่อมาจาก Weighted Categories (Matt Kingston) version ล่าสุดของ cat cloud นั้นคือ 0.3 การติดตั้ง

  1. Download file จาก http://zak.greant.com/catcloud-0.3.zip
  2. ให้ทำการ unzip file แล้วนำไฟล์ชื่อ catcloud.php, upload ไป wp-content/plugins directory บน server ที่ blog ของคุณอยู่
  3. เข้าไปยัง site admin บน blog ของคุณ, ไปที่ menu plugins มองหา plugins ที่ชื่อว่า cat cloud แล้วทำการ activate cloud2.gif
  4. เมื่อการทำ activate เสร็จแล้ว จะมี sub-menu เกิดขึ้นมาใหม่ที่ชื่อว่า cat cloud Configuration, ให้ click เข้าไปใน sub-menu นั้นเพื่อทำการ config cloud3.gif
  5. โดยมีรายละเอียดต่างๆให้กำหนดดังนี้cloud4.gif
  6. Minimum font size คือ ขนาดของ font ที่เล็กที่สุด, Maximum font size คือ ขนาดของ font ที่ใหญ่ที่สุด, Color start คือสีของ category ที่เราเขียนใน blog น้อย, Color end คือสีของ category ที่เราเขียนใน blog มาก ตรงจุดนี้ cat cloud จะทำการไล่ขนาดของ font และ shade สีให้เอง
  7. จากนั้น ให้เรา copy ประโยค catcloud() ไปใส่ใน template ของเรา ตรงที่จุดที่เราต้องการ เช่นใส่ใน sidebar.php
  8. cloud5.gif

เพียงเท่านี้ thai blogger อย่างเราก็มี category cloud ที่สวยงาม เหมือนกับของ Flickr เท่ห์ไปเลย :) นายแรด 13 กันยายน 2549

Reference

อ้างอิง Greant, Z. (2006). Polymorph: Zak Greant’s Blog [Online]. Available: http://zak.greant.com/catcloud [Accessed: 2006, Sep 13].

4 People had this to say...

Gravatar
  • A
  • เมษายน 8th, 2007
  • 2:46 pm

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

Gravatar
  • A
  • เมษายน 8th, 2007
  • 3:07 pm

ตรงข้อ 7 น่ะครับพี่
ที่ให้นำประโยค cat cloud นี่
ใส่ลงไปยังไงหรอครับ
ผมลองใส่ลงไปใน
theme>slide
มันไม่มีไรเกิดขึ้นเลยครับ
T_T

Gravatar
  • DOBO
  • กรกฎาคม 1st, 2008
  • 10:16 am

สมัยนี้มีกันทุก blog แล้ว

Gravatar
  • supet j.
  • กันยายน 1st, 2008
  • 5:00 pm

แจ๋วมากนะ มาแล้วได้ความรู้ดีๆ ไปปรับปรุงเว็บเยอะเลย

Want your say?

* Required fields. Your e-mail address will not be published on this site

You can use the following XHTML tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

กรุณาใส่ตัวอักษรเป็นตัวพิมพ์ใหญ่: