รวมวิธีการใช้ Wordpress, Joomla, Drupal, Magento และ SEO » picture

Slideshow Creator ทำ slide ภาพใน drupal

snappy — Tue, 11 May 2010 13:38:03 +0000

Slideshow Creator เป็น module ไว้นำภาพมาเป็นสไลค์โชว์ภาพใน drupal ของเราง่ายๆครับ ซึ่งสามารถนำไปใช้ร่วมกับ node หรือ block ได้ครับ

โดย module Slideshow Creator สามารถใช้งานร่วมกับ CCK ได้ และยังสามารถดึงรูปจาก directory ของเรามาทำเป็นสไลค์ได้ด้วยครับ ซึ่ง module ตัวนี้จะใช้ jQuery Cycle plugin เป็นตัวจัดการครับ

วิธีติดตั้งให้เราโหลด module jQuery plugins และ Slideshow Creator มาทำการติดตั้งก่อนครับ

สามารถตั้งค่าได้จาก admin/settings/slideshow_creator

ต่อมาให้ไปตั้งค่าการใข้งานใน input formats ครับโดยการแก้ไข format ที่เราต้องการจากนั้นช่อง Slideshow Creator เพื่อทำให้ใส่ code ทำสไลค์รูปได้ครับ

วิธีการใช้งานโดยโค็ดจะเป็นดังนี้นะครับ

[slideshow:VERSION, img=|IMAGE_URL|LINK|TITLE|DESCRIPTION|TARGET|, img=|IMAGE_URL|LINK|TITLE|DESCRIPTION|TARGET|]

อธิบาย
VERSION: เลือกเวอร์ชั่นของ slideshow แต่ค่าที่ใส่ก็คือ 2 ครับ
IMAGE_URL: url ของรูปภาพ
LINK: ใส่ลิงค์ให้กับรูปภาพ
TITLE: หัวข้อรูปภาพ
DESCRIPTION: คำอธิบาย
TARGET: เมื่อใส่ลิงค์ให้กับรูปภาพเราต้องเลือกด้วยว่าจะให้พอกดแล้วเป็นแบบไหน โดยจะเป็นในรูปแบบ html เช่น _blank (default) , _parent, _self

อ่านเพิ่มเติมครับ

ตัวอย่างโค็ดครับ สามารถนำไปใช้งานเพื่อดูตัวอย่างได้ครับ

[slideshow: 2, img=|http://drupal.org/sites/all/themes/bluebeach/logos/drupal.org.png|drupal.org|Drupal|The ultimate CMS. Download it now!|Drupal|, img=|http://www.mysql.com/common/logos/mysql_100x52-64.gif|http://www.mysql.com|MySQL|Free and reliable SQL server and client.|_self|, dir=|files/|yes||Generic Photos|Aren't they great?||]

วิธีใช้งานเพิ่มเติม : http://drupal.org/node/237049

File system จัดการระบบไฟล์อัพโหลดบน drupal

snappy — Mon, 20 Jul 2009 17:37:19 +0000

File system เป็นเมนูไว้จัดการในส่วนของการอัพโหลดไฟล์ขึ้นมาบนเว็บไซต์เรา โดยในส่วนนี้จะร่วมกับ module Upload ด้วยการไปที่เมนู Administer >> Site building >> Modules จากนั้นติ้กสั่งเปิดการใช้งาน module Upload

จากนั้นเราจะสามารถแนบไฟล์ไปกับบทความเราได้ล่ะครับ

โดยการตั้งค่านั้นมีรายละเอียดดังนี้

File system path: ในนี้เป็นการกำหนด path ให้กับไฟล์ที่จะถูกอัพโหลดขึ้นมายังเว็บไซต์เรา โดยถ้าเราจะกำหนด path ใหม่ก็ให้สร้าง folder นั้นไว้ด้วยและก็กำหนดให้มีการเขียนอ่านได้ด้วยครับ ซึ่งในที่นี้ไม่ต้องแก้ก็ได้ครับเพราะได้กำหนดไว้ตอนติดตั้ง drupal แล้ว
Temporary directory: ไม่ต้องแก้ไขครับ
Download method: เป็นการกำหนดให้สิทธิ์ในการเข้าถึงของไฟล์ที่เราอัพโหลดขึ้นไปครับ ซึ่งไม่ต้องไปแก้ก็ได้ครับให้เป็น Public ก็คือใครๆก็สามารถที่จะเข้าถึงได้ครับ
จากนั้นกด Save Configuration

Plugin : mavik Thumbnails ขยายรูปแบบ lightbox ใน joomla

snappy — Fri, 05 Jun 2009 18:43:10 +0000

plugin mavik thumbnails เป็น plugin รูปแบบเดียวกับ lightbox2 ของทาง wordpress ครับ สามารถขยายรูปภาพได้เลยโดยไม่ต้องเปลี่ยนหน้า โดยใช้ java ในการแสดงผล ตัวอย่างก็แบบเว็บนี้ละครับ killthewhat ลองกดที่รูปแล้วจะรู้เอง

ให้ทำการดาวโหลดและติดตั้งเข้าไปที่ joomla ของเราจากนั้นไปที่ extensions >> plugin manager จากนั้นหา plugin mavik Thumbnails แล้วคลิกเข้าไป

เลือก enable เพื่อเปิดการใช้งาน จากนั้นปรับแต่งตามภาพแล้วกด Save

เรามาดูวิธีใช้งานกันครับ ให้ทำการใส่รูปลงในบทความเอาใหญ่ๆหน่อย จากนั้นย่อให้เล็กลงมา แล้วทำการ save

Link : http://extensions.joomla.org/extensions/6263/details

วิธีปิด Thumbnails รูปภาพของ wordpress เพื่อประหยัดเนื้อที่บน host เรา

snappy — Fri, 05 Jun 2009 07:12:13 +0000

เมื่อมีการ upload ภาพขึ้น wordpress นั้นโดยปกติแล้ว wordpress จะทำการจัดการสร้างไฟล์รูปภาพใหม่ขึ้นมาเพิ่มอีก 2 รูปจากรูปเดิมที่เราอัฟขึ้นไปเพื่อทำเป็น thumbnails ฉะนั้นเวลาเราอัฟรูปขึ้นไป 1 รูปก็เท่ากับว่าเราจะได้รูปภาพมา 3 รูป และเราก็คงใช้รูปเดียวใส่ลงในบทความเรา แล้วถ้าเราอัฟรูปขึ้นไปสัก 100 รูป ก็เท่ากับเราจะได้ไฟล์ภาพ 300 รูป และจะได้รูปที่ไม่ได้ใช้งานถูกวางทิ้งไว้เฉยๆ 200 รูป สมมติไฟล์รูปภาพขนาด 10kb ทั้งหมด 300 รูป ขนาดทั้งหมดที่กินเนื้อที่เราไปก็ 3000 kb ประมาณ 3mb คิดดูน่ะครับ 3mb และจะได้ไฟล์รูปภาพขยะที่เราไม่ได้เรียกใช้งาน 2mb อาจจะเล็กน้อย แต่ถ้านานๆไปมันไม่น้อยน่ะครับ ฉะนั้นผมเลยคิดว่าให้ทำการปิด thumbnails ก็ดีครับสำหรับเว็บ wordpress ที่มีเนื้อหาเป็นรูปภาพซะส่วนใหญ่แบบ killthewhat ของเรา

โดยให้เราไปตั้งค่าที่ Settings > Media

ทำการลบออกให้หมดครับ จากนั้นกด save changes เป็นอันเสร็จ…

ปล.แนะนำถ้าเว็บใครมีต้องใช้รูปภาพเยอะๆในการนำเสนอบทความให้ใช้ plugin iMax Width ช่วยครับ

ใส่รูปลงในเนื้อหาของ joomla

snappy — Mon, 11 May 2009 08:57:20 +0000

เราสามารถใส่รูปลงในเนื้อหาได้เพื่อเพิ่มสีสรรค์ให้กับเว็บของเราและบางครั้งสิ่งที่เราอยากจะสื่อความหมายออกไปมันไม่สามารถสื่อด้วยคำพูดบางคำได้…นั้นว่าไป ^ ^ การใส่รูปของ joomla นั้นก็ง่ายๆครับแค่คลิกๆแล้วก็คลิก อะไรจะสะดวกเช่นนี้ โดยไปที่ backend ของ joomla จกานั้น site > control panel > Add New Article

จัดการเขียนเนื้อหาของเราลงไปครับ จากนั้นถ้าจะใส่รูปให้ไปที่ icon ด้านล่างของเนื้อหา Image

จากนั้นเลือกเลยครับว่าเราจะนำรูปภาพที่ต้องการมาจากไหน 1.ดึงมาจากที่เก็บรูปบนเว็บเรา 2.ใส่ url ของรูปเพื่อดึงมาจากที่อื่นๆ 3.เลือกรูปจากเครื่องเราก็ได้ครับ จากนั้นกดปุ่ม Insert ด้านบนขวามือครับ

หลังจากเราจัดเรียงเนื้อหากับรูปเราแล้วก็ทำการปล่อยออกไปได้เลยครับติ้ก Front page และ Published ให้เป็น Yes จากนั้นกด Apply

[Plugin] iMax Width บังคับขนาดรูปไม่ให้กว้างเกินตามต้องการ

admin — Tue, 05 May 2009 05:20:54 +0000

iMax Width เป็นปลั๊กอินที่ไว้กำหนดความกว้างของรูปภาพที่เราจะโพส์ลงเนื้อหา ไม่ให้เกินขนาดตามที่เรากำหนด เพราะฮาวโฮสเราไม่ชอบให้ใครทำเกินหน้าเกินตา…เกี่ยวไหม – -! สมมติเรากำหนดค่าความกว้างไว้ที่ 600px พอเราอัฟรูปที่มีขนาดกว้าง 1024px มันจะก็ทำการบีบมาให้เหลือ 600px โดยอัตโนมัติเทพโครตขอบอก หลังจาก activate แล้วให้ไปตั้งค่าที่ Settings > iMax Width กำหนดค่าความกว้างได้ตามใจชอบ…

[Plugin] Lightbox 2 โชว์รูปสวยๆด้วย java

admin — Sat, 02 May 2009 08:56:27 +0000

Lightbox 2 เป็นโค็ดของทาง java อะครับที่พอเรากดรูปแล้ว แทนที่จะเปิดเพจใหม่เพื่อดูรูปภาพที่ใหญ่ขึ้น มันก็จะทำการโหลดรูปนั้นขึ้นมาให้ใหญ่เลยบนหน้าเพจนั้น ไม่เข้าใจคลิกที่รูปเพื่อดูตัวอย่าง

อะไรจะสะดวกเช่นนี้หลังจากโหลดและติดตั้ง Lightbox 2 เรียบร้อยแล้ว ให้ไปที่ Settings > Lightbox 2

ค่าที่เซ็ดก็ไม่มีไรมากแค่เปลี่ยนสีพื้นหลังของ lightbox ตามชอบใจจากนั้นกด save changes

การใส่รูปภาพลงในเนื้อหาบน wordpress

admin — Tue, 28 Apr 2009 15:55:03 +0000

เชื่อว่าเนื้อหาของเราคงจะมีแต่ text หรือข้อความหมดเลยคงจะไม่น่าสนใจเท่าไร แถมอ่านแล้วลายตาด้วยอาจทำให้สายตาเสียได้เลย การใช้รูปภาพเป็นสื่อแทนข้อความก็เป็นลูกเล่นอีกชนิดที่ทำให้บล็อกเราน่าสนใจยิ่งขึ้น (ถ้ารูปโป๊ละแจ่มเลย) ดูตัวอย่างได้จาก killthewhat ของฮาวโฮสก็ได้ครับ ถ้าให้ผมมานั่งเขียนเป็นข้อความทั้งหมดตายครับ คนอ่านก็จะงงตัวคนเขียนเองก็จะสื่อความหมายได้รำบากมากยิ่งขึ้นด้วย ส่วนวิธีการใส่ภาพลงในเนื้อหาของเรา เราก็เข้าไปเขียนเนื้อหาตามปกติครับโดยไปที่ Posts > Add New
จากนั้นสังเกตุที่ tool ด้านบนครับจะเจอ ให้เราคลิกไอคอนแรกครับ “Add an Image” จะมีอยู่ 2 อย่างหลักๆครับ คือ upload รูปจากเครื่องเราเองหรือจะเอาจากที่อื่น

Add media files from your computer

ในส่วนนี้จะเป็นการเลือกรูปภาพจากเครื่องเราครับ ทางฮาวโฮสเราไม่สนับสนุนรูปภาพโป๊ต่างๆนะครับ หลังจากเราเลือกรูปได้แล้วตัวโปรแกรมจะทำการ upload รูปภาพขึ้นโฮสติ้งของเรา โดยจะไปอยู่ในส่วนของ “../wp-content/uploads/” ปรับแต่งได้ตามต้องทั้งขนาดรูปภาพ การจัดวาง ใส่ลิงค์ของรูปภาพ จากนั้นกดปุ่ม ” Insert into Post”

Add media file from URL

ในส่วนนี้จะเป็นการนำภาพมาจากที่อื่น ให้มาขึ้นบนเนื้อหาของเรา