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

การเขียน module ให้ drupal ตอนที่ 1

aofiee — Wed, 21 Jul 2010 05:39:10 +0000

ก่อนอื่นก็ขอออกตัวไว้ก่อนเลยว่า ผมก็ไม่ใช่คนเก่งมาจากไหน และไม่ได้เรียนมาทางด้าน โปรแกรมมิ่ง อาจจะใช้ศัพท์แปลกๆไปบ้าง เพราะใช้วิธีการศึกษาเอาเอง และลองผิดลองถูกเอาเรื่อยๆมา ^_^

วันนี้ก็จะมาเริ่มกันตรงที่ ถ้าเราต้องการสร้าง module ขึ้นมาใช้งานเอง ใน drupal ควรจะเริ่มจากตรงไหน

โดยปรกติแล้วการสร้าง module ใน drupal จะมีไฟล์หลักๆอยู่ไม่กี่ชนิด

ไฟล์ .info
ไฟล์ .module
ไฟล์ .tpl.php
ไฟล์ .install

เพียงแค่เรามี ไฟล์ .info , .module เราก็สามารถที่จะสร้าง module ง่ายๆขึ้นมาใช้งานได้แล้วครับ

เราจะมาดูโครงสร้างภายในไฟล์ .info กันว่าประกอปไปด้วยอะไรบ้าง?

; $Id$
name = "ชื่อ module ที่จะถูกแสดงในหน้าจัดการ module"
description = "คำอธิบาย module ว่ามันทำงานยังไง"
core = 6.x //ใช้กำหนดว่า module นี้ ใช้ได้กับ drupal version ไหนบ้าง
php = 5.x //ใช้กำหนดว่า module นี้ สามารถ run ได้กับ php version ไหน
package = APP KillThewhat.com //เป็นการสร้าง group ของ module ที่เราเขียนว่าอยู่ในหมวดหมู่ไหน
dependencies[] = "ชื่อ module ที่ require" //บรรทัดนี้จะมีไม่มีก็ได้ครับ เพราะเป็นการบอกว่าก่อนการติดตั้ง module นี้ ต้องมีการ ติดตั้งใช้งาน module ไหนก่อน

เอาล่ะเรามาลองสร้าง module สักตัวง่ายๆกันก่อนครับ โดยเราจะตั้งชื่อว่า first_module

ให้เราไปสร้าง folder “first_module” ไว้ที่ sites>all>modules

หลังจากนั้นให้เราสร้างไฟล์ .info และ .module โดยให้ทั้งสองไฟล์นั้นมีชื่อเดียวกับชื่อ folder ครับ เราจะด้ไฟล์

“first_module.info” และ “first_module.module” มาสองตัว

เรามาดูกันว่าภายใน file “first_module.info” เราจะกำหนดค่าอะไรลงไปกันบ้างสำหรับ module ตัวแรกของเรานี้!

; $Id$
name = "First Module"
description = "First Module From Killthewhat.com"
core = 6.x
php = 5.x
package = APP Killthewhat.com

โดยให้ใน file “first_module.module” ยังคงเป็นไฟล์ว่างๆ เอาไว้หลังจากนั้นให้เรา save ทั้งสอง ไฟล์ แล้วเปิด browser ขึ้นมาครับ

แล้วเข้าไปที่เมนู Home > Administrator > Site building > Modules เราก็จะพบว่ามีรายชื่อ module ตัวใหม่เพิ่มเข้ามาในระบบของเรา ชื่อว่า First Module ดังรูปข้างล่าง

เพียงเท่านนี้เราก็เริ่มที่จะสร้าง module ต่างๆขึ้นใช้เองได้แล้วนะครับ

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

โมดูลเกาะติดบอลโลกใน joomla

snappy — Mon, 21 Jun 2010 12:19:04 +0000

ช่วงนี้ก็เป็นช่วงเทศกาลฟุตบอล 2010 ซึ่งก็ตามเชียร์ทีมโปรดของตัวเองกันอย่างสนุกสนาน ใน joomla ก็มี module ที่สำหรับไว้รายงานผลฟุตบอลในเว็บเราได้เลยครับ เรียกว่าเกาะติดจนไม่พลาดทุกผลการแข่งขันแน่นอนครับ ดูตัวอย่างได้จาก http://lucasweb.es/en/demo ครับ

ง่ายๆครับเพียงแคดาวโหลด module FIFA 2010 มาทำการติดตั้งลงใน joomla ของเรา

จากนั้นไปที่เมนู Extensions > Module Manager หา FIFA 2010 และทำการคลิกเข้าไปเพื่อตั้งค่า

เลือกทีมที่ต้องการแสดง

เพียงเท่านี้เราก็จะได้ผลการแข่งขันฟุตบอลโลกมาติดที่เว็บเราแล้วครับ

Download : http://extensions.joomla.org/extensions/external-contents/news-a-feeds/scores-a-results/12778
Thank : joomlathaiclub.com

Advanced Module Manager ใน joomla

snappy — Tue, 15 Jun 2010 19:10:57 +0000

Advanced Module Manager เป็นตัวเสริมที่ทำให้เราบริหารจัดการ module ต่างๆในหน้าของ module manager ของ joomla ได้ง่ายขึ้น ซึ่งผมแนะนำให้ติดตั้งไว้ใช้งานอย่างยิ่ง

ให้เราทำการดาวโหลด Advanced Module Manager มาติดตั้งก่อนครับ

โดยคุณสมบัติหลักๆก็จะมี สามารถคลิกที่ module แล้วมี popup ขึ้นมาให้เราแก้ไขได้เลย

มีตัวกรองเพิ่มขึ้นมา

และในส่วนอื่นลองใช้งานกันดูครับทำเราจัดการ module ได้เร็วขึ้นกว่าตัวเก่ามากครับ

thank : http://www.nonumber.nl/extensions/advancedmodulemanage

นำบทความใส่ใน module บน joomla

snappy — Wed, 09 Jun 2010 15:18:57 +0000

ผมอยากแนะนำ module ตัวหนึ่งที่น่าสนใจครับคือ Article Module โดยสามารถนำบทความมาใส่ลงใน module ได้ครับ วิธีใช้งานก็ง่ายๆ ดาวโหลด Article Module มาทำการติดตั้งครับ

จากนั้นไปที่ Extension > Module manager หาคำว่า artical จากนั้นเข้าไปทำการตั้งค่าครับ

เลือกบทความที่เราต้องการครับดังรูป

เพียงเท่านี้ละครับเราก็จะได้บทความของเรามาใส่ใน module แล้ว

แก้ไข block ง่ายๆด้วย Block edit ใน drupal

snappy — Tue, 08 Jun 2010 13:21:12 +0000

Block edit เป็น module ที่ไว้แก้ไข block ได้ง่ายขึ้นโดยเมื่อเรานำเมาส์ไปวางบน block นั้นๆก็จะมีเมนูเล็กๆโผล่ขึ้นมาให้เราสามารถกดแก้ไขได้เลยครับ สะดวกมากสำหรับเว็บไซต์ที่มีการใช้งาน block จำนวนมาก

การใช้งานก็ง่ายมากๆเพียงแค่โหลด Block edit มาทำการติดตั้งหลังจากนั้นก็ enable ตัว module ซะ

เพีงเท่านี้เราก็จะสามารถใช้งานได้แล้วครับ เป็น module อีกตัวที่ผมแนะนำให้ใช้ครับ ฟันธง!!!

ทำหน้า contact ง่ายๆโดย Contact Forms ใน drupal

snappy — Mon, 07 Jun 2010 13:57:44 +0000

Contact forms เป็นโมดูลที่ไว้สร้างหน้า contact หรือฟอร์มการติดต่อให้กับเว็บเราแบบง่ายๆรวดเร็ว โดยวิธีง่ายๆให้เราโหลด module ตัวนี้มาทำการติดตั้งก่อนครับจากนั้นเปิดการใช้งานมันด้วย

ต่อมาให้เราไปที่ admin/build/contact/add เพื่อทำการสร้าง category สำหรับการส่งเมลก่อน

Category ชื่อหัวข้อเมลที่ต้องการ
Additional Information คำอธิบายสำหรับ category นี้
Recipients เมลที่ต้องการให้ส่ง สามารถทำการส่งหลายๆเมลได้โดยการระบุเป็นเมลละบรรทัดไปครับ

สามารถสร้าง category เพิ่มเท่าไรก็ได้

รูปแบบก็จะเป็นดังนี้

ส่วนถ้าใครต้องการ field เพิ่มเติมแนะนำ module contact form fields ครับเป็นตัวเสริมของ Contact forms

และถ้าใครต้องการลูกเล่นมากกว่านี้แนะนำ Webform ไว้ผมจะมาพูดถึงมันวันหลัง

ทำ date picker ใน drupal

snappy — Sun, 06 Jun 2010 19:37:32 +0000

Date picket คืออะไรมันก็คือฟอร์มข้อมูลที่เราต้องการเก็บเป็นวันที่ แต่เราไม่ต้องมานั่งกรอกวันที่เองพอเรากดที่ฟอร์มนั่นก็จะมีปฎิทินเล็กๆแสดงออกมาให้เราเลือกได้แล้ว เท่ไปเลยใช่ปะครับดูตัวอย่างได้จาก http://jqueryui.com/demos/datepicker/

เรามาดูวิธีทำดีกันดีกว่าครับว่าทำยังไง module ที่ต้องใช้นะครับ

หลังจากติดตั้งแล้วก็ enable module ตามนี้นะครับ

CCK
- Content
Date/Time
- Date
- Date API
- Date Popup
- Date Timezone

ต่อมาให้เราไปที่ admin/settings/date-time เพื่อทำการตั้งค่า Time zone ก่อน

หลังจากตั้งค่าเสร็จแล้วก็ไปสร้าง CCK ให้กับ content type ที่ต้องการครับ โดยไปที่ admin/content/types/list แล้วเลือก manage fields ทำการเพิ่ม field ดังรูป

ที่ label และ field name ตั้งชื่อตามต้องการและ Type of data ให้เลือก date ครับส่วน Form element to edit the data ให้เลือก Text Field with Date Pop-up calendar ดังรูปบน

ในส่วนของการตั้งค่านั้น Default value: คือการกำหนดค่าเริ่มต้นของ field

ส่วน Global settings

Required กำหนดให้ field นี้ต้องใส่ข้อมูล
Number of values: จำนวน field ที่ต้องการ
To Date: เป็นการเปิดใช้งานวันที่สิ้นสุด ซึ่งเมื่อเราเปิดมาจะมี field เพิ่มอีก 1 อันเพื่อระบุวันที่สิ้นสุด
Granularity : กำหนดการเก็บข้อมูลว่าจะใส่อะไรบ้าง เช่น วัน เดือน ปี เวลา

ส่วนค่าอื่นๆก็ลองใช้งานดูครับที่สำคัญๆก็มีแค่นี้เท่านี้ละครับเราก็จะได้ field ที่เก็บวันที่ในรูปแบบ date picker สวยงามๆแล้ว

Simple Font Resizer ปรับขนาดตัวอักษรใน joomla

snappy — Mon, 24 May 2010 16:04:59 +0000

Simple Font Resizer เป็น module ที่ไว้ใช้สำหรับการเพิ่ม/ลดขนาดของตัวอักษร เป็นเครื่องมือที่เพิ่มความสะดวกให้กับคนที่มาชมเว็บของเราสามารถปรับขนาดตัวอักษรได้เอง เพื่อในการอ่านเนื้อหาภายในเว็บของเราได้ง่ายขึ้น

ให้เราทำการโหลด Simple Font Resizer มาติดตั้งครับจากนั้นไปที่ Extension > Module Manager จากนั้นหา Font Size Changer เพื่อทำการตั้งค่า

ดูที่ Module Parameters

Default Font Size % ใส่ขนาดของตัวอักษรปกติ
Use Images for buttons? เลือกปุ่มแบบตัวอักษรหรือรูปภาพ

ผลที่ได้ออกมาจะเป็นดังนี้ครับ

download : http://www.undesign.com.au/font_resizer.html

Quicktabs สร้าง tab ใน drupal

snappy — Tue, 18 May 2010 12:29:18 +0000

Quicktabs เป็นโมดูลที่จะช่วยในการสร้าง tab โดยสามารถนำ block, node หรือ view มาแสดงผลในรูปแบบ tab ได้ ใครนึกภาพไม่ออกดูจากรูปด้านบนได้ครับ

ให้โหลดโมดูล Quicktabs และ ajax มาทำการติดตั้ง

สำหรับ Ajax ให้ enable เฉพาะ Ajax กับ Ajax plugin – quicktabs
และ Quicktabs ก็ให้ enable ตามปกติ

ตั้งค่า Quicktabs ให้ไปที่ admin/settings/quicktabs จะเป็นการเลือก default style ของ tab ที่เราจะสร้างขึ้น

ต่อมาคือการเรียกใช้งาน Quicktabs ให้ไปที่ admin/build/quicktabs แล้วกดที่ New QT block เพื่อทำการสร้าง Tab ใหม่

กำหนดค่าต่างๆ

ตั้งหัวข้อ block
เลือกรูปแบบของ tab
กำหนดการใช้งานของ ajax ให้ tab ที่จะสร้างหรือไม่

เลือกเนื้อหาเช่น block, view หรือ node มาใส่ลงใน tab ของเราครับโดยสามารถเพิ่มลดได้ตามต้องการ

พอกลับมาดูที่ List ก็จะพบกับ tab ที่เราสร้างไว้

ต่อมาคือการนำไปใช้งาน Quicktab นั้นจะสร้าง tab ให้อยู่ในรูปแบบของ block ฉะนั้นเราก็ไปที่ admin/build/block กำหนด tab ที่เราสร้างขึ้นมานำไปวางไว้ตาม region ที่เราต้องการ

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

Front End Editor ใน joomla

snappy — Mon, 17 May 2010 13:40:56 +0000

Front end editor เป็น component ที่สะดวกมากครับโดยสามารถแก้ไขเนื้อหาต่างๆ หรือตำแหน่งโมดูลได้โดยการผ่านหน้า front end เลยหรือหน้าแรกนั้นเอง

ซึ่งโดยปกติแล้วถ้าทำการแก้ไขข้อมูลต่างๆเราก็ต้องเข้าไปที่หน้า back end ของ joomla ก่อนจึงจะสามารถทำการแก้ไขได้ ถ้าเราติดตั้ง component ตัวนี้ก็จะสามารถทำการแก้ไขได้โดยอยู่ที่หน้า front end ครับสะดวกดี

ให้ทำการดาวโหลดมาก่อนครับ Front end editor โดยสิ่งที่เราจะต้องโหลดก็จะสามตัวด้วยกันคือ com_frontendeditor.zip, plg_frontendeditor.zip และ plg_articleeditor.zip มาทำการติดตั้ง

ไปที่ Plugin Manager ทำการเปิดการใช้งาน plugin ทั้งสองตัวก่อน

จากนั้นไปที่ Component > Enhanced Frontend Editing Manager กด apply changes ครับ

ต่อมาให้เรากลับมาดูหน้า front end เมื่อทำการล็อคอินด้านหน้าเว็บไซต์ด้วย Group administrator หรือ super administrator จะเห็นปุ่ม turn edit on/off ที่มุมบนขวาเพื่อเปิดปิดการใช้งาน

เมื่อเปิดแล้วเราจะเห็นไอคอนรูปดินสออยู่ตาม module ต่างๆ

เมื่อเรากดคลิกที่รูปดินสอก็จะพบกับ pop up แสดงตัวแก้ไขต่างๆดังรูป

สามารถย้ายตำแหน่ง module ได้ครับ

Download : http://extensions.joomla.org/extensions/news-production/content-submission/9838
Thank : http://www.joomlathaiclub.com/joomla/jcomponents/3-components/659-front-end-editor