วิธีทำก็ไม่ยากให้โหลดไฟล์มาจาก http://www.prestashop.com/forums/viewthread/25836 ก่อน เจ้าของไฟล์ดันเรียกเป็น module ผมว่ามันไม่ใช่ module นะเพราะเราต้องเข้าไปแก้ไขโค็ดเอง

หลังจากโหลดมาแล้วทำการแตกซิบไฟล์ออกมา ให้เข้าไปที่โฟลเดอร์ root/ แล้วก็อปปี้โฟลเดอร์ js/ ออกมาใส่ไว้ที่ตัวเว็บของ prestashop

จากนั้นทำการแก้ไขไฟล์ admin/tabs/AdminCMS.php โดยหาคำว่า

plugins : "safari,pagebreak,style,layer,table,advimage,advlink,inlinepopups,media,searchreplace,contextmenu,paste,directionality,fullscreen",

แก้เป็น

plugins : "safari,pagebreak,style,layer,table,advimage,images,advlink,inlinepopups,media,searchreplace,contextmenu,paste,directionality,fullscreen",

และหาคำว่า

theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,,|,forecolor,backcolor",

แก้ไขเป็น

theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,images,cleanup,help,code,,|,forecolor,backcolor",

จากนั้นทำการบันทึกเพียงเท่านี้เมื่อเราเข้าไปที่ CMS และใช้งานในส่วนของ WYSIWYG editor ที่เขาเอามาให้แล้วใช้ไอคอนดังรูป ก็จะสามารถอัพโหลดรูปขึ้น server เราได้แล้วครับ…

โดยให้เราไปที่หน้า admin กันก่อนจากนั้นไปที่เมนู CMS > Static Blocks จากนั้นกดที่ Add New Block เพื่อสร้าง block ใหม่

ใส่รายละเอียดต่างๆลงไปแล้ว Save

1. Block Title : กำหนดชื่อ block ลงไป
2. Identifier : เป็นเหมือนไอดีของบล็อกครับซึ่งเราจะใช้ชื่อนี้ในการอ้างอิงดึงบล็อกนี้มาใช้งานกับส่วนต่างๆของเว็บ
3. Status : เลือก Enable เพื่อเปิดการใช้งาน
4. Content : ใส่รายละเอียดที่ต้องการลงไป เป็นโค็ด HTML ก็ได้ ในที่นี้ผมใส่คลิปวิดิโอ youtube ลงไป

*** ในส่วนของ Store View ถ้าใครลงภาษาเพิ่มก็จะสามารถกำหนดให้บล็อกนี้แสดงกับภาษาไหน

จากนั้นเราไปที่ CMS > Manage Pages เพื่อสร้าง page มา 1 หน้า

ใส่รายละเอียดลงไป

โดยในช่อง SEF URL Identifier จะเป็นการกำหนด URL ให้กับ page นี้ และในส่วนของ content ถ้าเราต้องการนำ block ที่เมื่อกี้เราสร้างไว้มาใช้งานกับหนน้านี้ ก็ให้เรานำโค็ดนี้ไปใส่ครับ

{{block type="cms/block" block_id="Identifier" template="cms/content.phtml"}}

ในส่วนของ block_id=”Identifier” ให้เราแก้คำ Identifier ไปเป็น Identifier ของบล็อกที่เราจะใช้งานเช่น video ซึ่งเหมือนตัวอย่างด้านบนที่ผมได้ทำการสร้างไว้ก็จะเป็น

{{block type="cms/block" block_id="video" template="cms/content.phtml"}}

เราก็จะได้หน้า page แบบนี้มาใช้งานครับ

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

ซึ่งการติดตั้ง web application ผ่าน plesk control panel นั้นง่ายมากๆครับ ให้เรา login เข้า plesk control panel ของเราก่อนจากนั้นไปที่ Domains

เลือกโดเมนที่ต้องการ

จากนั้นเราจะมาอยู่ใน plesk control panel ของโดเมนนั้นๆ ให้คลิกที่ไอคอน Web Applications

คลิกที่ Install Web Application

ถ้าใครสร้าง subdomain ไว้สามารถทำการติดตั้งบน subdomain นั้นๆได้

สามารถค้นหา web application ที่ต้องการได้ หรือเลือกจากหมวดหมู่ที่เราแบ่งไว้ให้แล้ว จากนั้นกด install ตัว web application ที่ต้องการ

ติ้กยอมรับ License ของ web application แล้วกด next

กรองรายละเอียดลงไป

1. Destination directory เลือกติดตั้งได้ว่าจะติดตั้งที่ root ของโดเมนนั้น หรือจะติดตั้งบนโฟลเดอร์ชื่อว่าอะไรในโดเมนนั้น ซึ่งถ้าเลือกอันแรก เวลาเรียกเว็บจะเป็นแบบนี้ http://domain.com ถ้าเลือกอันสองจะเป็น http://domain.com/wordpress
2. ตั้งชื่อฐานข้อมูล
3. ตั้งชื่อผู้ใช้งานฐานข้อมูล
4. กำหนดรหัสผ่าน

** โดยข้อ 2 และ 3 เราไม่ต้องทำการสร้างฐานข้อมูลมาก่อนระบบนี้จะทำการสร้างให้เองอัตโนมัติ

กำหนดข้อมูลของตัว web application ลงไป ซึ่งในส่วนนี้แต่ละ web application จะไม่เหมือนกัน เสร็จแล้วกด Install

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

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

ทุกท่านที่เล่น twitter สามารถ follow กับเราเพื่อติดตามผลงานได้โดยไม่พลาดแม้แต่บทความเดียว ส่วนใครที่ยังไม่รู้จัก twitter คืออะไร อธิบายสั้นๆก็คือ “เว็บไซต์ที่ให้บริการ blog สั้น หรือที่ภาษาอังกฤษเรียกกันว่า Micro-Blog ซึ่งสามารถให้ผู้ใช้ส่งข้อความของตนเอง ให้เพื่อน ๆ ที่ติดตาม twitter ของเราอยู่อ่านได้ และเราเองก็สามารถอ่านข้อความของเพื่อน หรือคนที่เราติดตามเค้าอยู่ได้ ซึ่ง twitter ก็ถือได้ว่าเป็นเว็บไซต์ประเภท social Media ด้วยเ่ช่นกัน”

ประโยชน์ที่เรานำมาใช้ก็คือ เมื่อมีบทความใหม่เกี่ยวกับ CMS ภายในเว็บไซต์ killthewhat ของเราอัพเดทเมื่อไร บทความล่าสุดนั้นจะถูกส่งไปยัง @killthewhat ใครที่ follow ก็จะสามารถรับรู้ได้ทันที หรือพูดคุยกับเราผ่าน twitter เลยก็ยังได้

และเราหวังเป็นอย่างยิ่งว่า www.killthewhat.com จะเป็นเว็บไซต์ที่เป็นแหล่งรวมความรูู้้ด้านIT เพื่อประโยชน์ของชาวฮาวโฮสที่ใช้บริการเว็บโฮสติ้งและ VPS hosting ของ howhost! จนถึงเป็นประโยชน์ต่อเพื่อนในแวดวงไอที ที่สนใจในด้านIT เช่นเดียวกับเรา www.howhost.com สำหรับลูกค้าของฮาวโฮสสามารถติดตามความเครื่องไหวของเราได้โดย follow @howhost เท่านั้น

ทิ้งท้ายสำหรับ video สำหรับคนที่ยังไม่ค่อยเข้าใจครับ

เอะอะอะไรก็ tweet…. มันทั้งวัน

ให้เราเข้าไปที่หน้า admin ของ prestashop จากนั้นไปที่เมนู Tools >> CMS จากนั้นกด เพิ่มใหม่

กรองรายละเอียดต่างๆให้ครบจากนั้นกด บันทึก

1. Meta title : ชื่อของ page นี้
2. Meta description : ใส่คำอธิบายสั้นๆของหน้านี้ เพื่อประโยชน์ต่อ SEO มันจะถูกนำไปแสดงใน meta tag
3. Meta keywords : ใส่ keyword เพื่อประโยชน์ต่อ SEO มันจะถูกนำไปแสดงใน meta tag
4. Friendly URL : ใส่คำที่จะให้มันแสดงผลเป็น url
5. เนื้อหา : ใส่เนื้อหาตามต้องการ

โดยในส่วนของ CMS นั้นจะสัมพันธ์กับ Module Info block เพื่อนำ page ต่างๆที่เราสร้างขึ้นมาไปแสดงที่หน้าแรกหรือ frontend ให้คลิกที่ตั้งค่า

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

การแสดงผล

      พีเอชพีบีบี (phpBB ย่อจาก php Bulletin Board) เป็นโปรแกรมระบบกระดานสนทนาบนอินเทอร์เน็ตแบบโอเพนซอร์ส ทำงานด้วยภาษาพีเอชพี ควบคู่กับระบบฐานข้อมูล โดยรับรองการทำงานของฐานข้อมูลหลากหลายชนิด ได้แก่ MySQL, SQL Server, PostgreSQL หรือ Access (ร่วมกับ ODBC) ด้วยความแพร่หลายของภาษาพีเอชพีและระบบฐานข้อมูล MySQL รวมถึงการติดตั้งที่ง่าย และไม่ต้องเสียค่าใช้จ่ายในการจัดหา ทำให้ phpBB ได้รับความนิยมแพร่หลายในอินเทอร์เน็ต
      ความสามารถเด่นของพีเอชพีบีบี ได้แก่ ระบบหมวดหมู่ กระดานส่วนตัว ระบบค้นหา การส่งข้อความด้วยรูปแบบพิเศษและอีโมติคอน การสร้างโพล ระบบสมาชิกและการกำหนดสิทธิ์ผู้ใช้ รวมถึงระบบจัดการสำหรับดูแลรักษากระดานสนทนา ผู้ดูแลระบบสามารถปรับแต่งหน้าตากระดานได้โดยง่าย โดยดัดแปลงโค้ดภาษาพีเอชพี หรือ Cascading Style Sheets (CSS) โดยโค้ดจากโปรแกรมเป็นไปตามมาตรฐาน XHTML 1.0 หรือ HTML 4.01 ของ W3C นอกจากนี้ยังมีโปรแกรมเสริมเพื่อเพิ่มความสามารถใหม่

ที่มา: phpbb

การติดตั้ง | Install

• การติดตั้ง phpBB ผ่าน Plesk Controlpanel
• การติดตั้ง phpBB ขึ้น hosting ด้วยตนเอง
• การติดตั้ง phpbb3 เป็นหน้าภาษาไทย
• การเข้าสู่ Administration Control Panel

การปรับแต่งเบื้องต้น | Configuration

• การเปลี่ยน Theme ให้กับ phpbb
• การเปลี่ยนกฎหรือเงื่อนไข
• การ post YouTube Video Embedding ใน PHPBB ด้วย BBCoding
• การจัดลำดับ Rank ในการ Post
• การเปลี่ยนรูปภาพ logo
• ชื่อที่ไม่อนุญาต
• การสร้าง Category , Forum , Link
• Forum Permission

การปรับแต่ง MOD | MOD Configuration

• MOD คืออะไร ?
• การติดตั้ง AutoMOD
• MOD Ajax Chat
• MOD Phpbb Notice
• MOD Phpbb Twitter

Prestashop ถือว่าเป็น CMS e-Commerce ตัวหนึ่งที่กำลังมาแรง (หรือป่าว?) แต่เท่าที่พบเห็นก็มีหลายเว็บในไทยที่ใช้ prestashop อยู่ครับ โดย prestashop มี Feature ครบถ้วนเหมาะสำหรับบริษัทหรือคนที่จะเปิดร้านค้าออนไลน์เป็นของตัวเอง โดยไม่ต้องเสียค่าใช้จ่ายซอฟต์แวร์ลิขสิทธ์ เพราะมันฟรีครับเป็น Open Software License (OSL)

ในส่วนหน้าตาโดยรวมของ prestashop ถือว่าทำออกมาได้ดีทีเดียวครับ สวยงาม ดูง่าย สีสรรค์สดใส น่าใช้งาน และถ้าใครกังวลว่าหลังบ้านของเขาหรือ backend จะใช้งานยากไหม ผมบอกได้เลยว่าถ้าเคยใช้งาน wordpress มาก่อนจะใช้งานระบบหลังบ้านของเขาไม่ยากเลยครับ มีมาพร้อม module ต่างๆที่จำเป็น ไม่ว่าจะเป็นระบบตัดเงินผ่าน paypal, paysbuy ระบบแจ้งการชำระเงินสมบูรณ์แบบ,ระบบการซื้อขาย การทำโปรโมชั่น ตลอดจนการส่งอีเมลแจ้งลูกค้าในทุกขั้นตอนของการสั่งซื้อ และยังมีตัวแปลได้หลายภาษาคล้ายกับ google translator ด้วยครับ

โดยสามารถทดลองใช้งานได้ที่ http://www.prestashop.com/en/showcase_demo/ ครับผม

Feature บางส่วนน่าสนใจของ PrestaShop e-Commerce เช่น

• Customer subscription & user accounts
• Top sellers on homepage
• New items on homepage
• Product image zoom
• Payment by bank wire
• Preconfigured for Paypal™
• Package tracking
• PDF customer invoice
• RSS feed
• Newsletter opt-in
• Real-time currency exchange rates
• Bar codes
• 13 default language translations
• Search Engine Optimization (SEO)
• Featured products on homepage
• SSL (Secure Sockets Layer) encryption
• Friendly URLs / Permalinks

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

โดยให้เราสร้างฐานข้อมูลผ่าน plesk control panel ก่อนครับ ในที่นี้ฐานข้อมูลผมคือ joomla_db , user : joomla , pass : 1234 จากนั้นให้ทำการดาวโหลด joomla เวอร์ชั่นล่าสุดมาครับที่ http://www.joomla.org/download.html โดยตอนนี้ก็ออกมาแล้วสำหรับเวอร์ชั่น 1.5.12 จากนั้นแตกซิบออกมาครับนำ ftp ขึ้นโฮสของเราโดยไปวางไว้ที่ /httpdocs ดังรูป

จากนั้นทำการเข้าไปติดตั้ง joomla ผ่าน domain ครับในกรณีที่วางไว้ที่ /httpdocs น่ะครับ เช่น www.domain.com แล้วเราก็จะพบหน้าตาขั้นตอนการติดตั้ง joomla จากนั้นกด Next ครับ

ทำการตัวสอบรายละเอียดต่างๆ ให้เป็น yes ครับ แต่ส่วนสำคัญที่สุดคือ configuration.php ต้องทำให้เขียนไฟล์ได้ ใครที่เจอแบบผมดังรูปล่าง

ให้ทำการกำหนดสิทธิ folder ที่ลง joomla สามารถเขียนไฟล์ได้ครับ เพื่อให้ระบบทำการสร้างไฟล์ configuration.php ขึ้นมาได้เอง หลังจากกำหนดเสร็จแล้วให้กลับมายังหน้า joomla แล้วทำการกด Check Again ครับ จากนั้น configuration.php ก็จะกลายเป็น yes แล้วให้เรากด Next ต่อไปได้เลย

หน้า License ให้กด next ต่อไปครับ

ในหน้านี้จะเป็นการกำหนดรายละเอียดของฐานข้อมูลน่ะครับ จากนั้นกด Next ครับ

1. Host Name ใส่ localhost ลงไป
2. Username ในส่วนนี้จะเป็น username ของฐานข้อมูลน่ะ
3. Password รหัสของ username
4. Database Name ชื่อฐานข้อมูล

ในส่วนหน้า ftp เราจำเป็นต้องใส่ลงไปครับโดยให้เราใส่ ftp ที่สามารถเข้าไปแก้ไขข้อมูลบนเว็บเราได้ โดยวิธีการสร้าง ftp account ดูได้จาก สร้าง ftp account บน plesk control panel

1. ให้กด yes ครับ
2. FTP User ใส่ username ของ ftp ลงไป
3. FTP Password ใส่รหัสผ่านครับของ ftp ครับ
4. FTP Host ให้ใส่เป็นลิงค์ที่จะไปยัง ftp ของเรา โดยส่วนมากจะเป็น ftp.domain.com
5. Save FTP Password กด yes ครับ
6. จากนั้นกด autofind ftp path เพื่อให้ระบบทำการค้นหา path ของ joomla เองจากนั้นจะปากฎขึ้นที่ FTP Root Path ครับ ถ้าใครกดแล้ว error ให้ทำการตรวจสอบ ข้อ 2 ,3 ,4 ว่าถูกต้องหรือไม่ด้วยครับ
7. จากนั้นกด Next

จากนั้นใส่รายละเอียดของเว็บเราลงไป

1. Site Name ชื่อเว็บ
2. Your E-mail อีเมล์ครับ
3. Admin Password รหัสผ่าน admin
4. Install Sample Data ถ้าต้องการไฟล์เว็บเบื้องต้นเพื่อให้มองเห็นภาพในการสร้างเว็บไซต์มากขึ้นก็กดครับ ไม่กดก็ไม่เป็นไร
5. กด Next

จากนั้นให้ทำการลบ folder installation ออกครับ เท่านี้เราก็สามารถใช้งาน joomla ได้แล้วครับ

• Apache 1.3 หรือ Apache 2.x (Recommended) หรือ Microsoft IIS 5, IIS 6, IIS 7
• Recommended: PHP 5.2 or higher
  Required: PHP version 4.3.5 or higher
• Recommended: MySQL 4.1 or MySQL 5.0

หลังจากที่เรารู้ระบบที่ต้องการแล้วก็มาเริ่มการติดตั้งกันเลยครับ ให้สร้างฐานข้อมูลเปล่าๆมา 1 ฐานข้อมูลน่ะครับเพื่อรองรับ drupal
จากนั้นให้ดาวโหลด drupal เวอร์ชั่นล่าสุดมาก่อนที่ http://drupal.org/ จากนั้นทำการแตกไฟล์ออกมาวางไว้ที่ hosting เราครับ เช่น /httpdocs/ เป็นต้น จากนั้นเข้าผ่านหน้า url เลยครับ www.domain.com หรือ www.domain.com/drupal (สำหรับคนที่วางไว้เป็น sub folder)

แล้วก็จะเจอดังรูปด้านบนให้กดที่ Install Drupal in English เพื่อทำการติดตั้ง

เราจะพบกับข้อความดังภาพด้านล่าง

1. ทำการสร้าง folder ชื่อว่า files ขึ้นมาที่ ./sites/default/

$mkdir sites/default/files
//คำสั่ง สำหรับ linux ครับ

2. ให้ทำการ copy ไฟล์ ./sites/default/default.settings.php ไปเป็น ./sites/default/settings.php ครับ

$cp sites/default/default.settings.php sites/default/settings.php
//คำสั่ง สำหรับ linux ครับ

3. จากนั้นทำการกำหนดสิทธิ์ให้แก่ทั้ง 2 ตัว ให้สามารถเขียนไฟล์ได้

$chmod o+w sites/default/files sites/default/settings.php
//คำสั่ง สำหรับ linux ครับ

แล้วกด Try Again จากนั้นจะได้หน้าต่อไปครับ ให้ทำการใส่ชื่อฐานข้อมูลที่เราสร้างขึ้นมา และ user pass ของฐานข้อมูลนั่น จากนั่นกด Save and Continue

เรามาดูส่วนแรกกันก่อนครับ ระบบให้เราทำการปิดสิทธิ์ในการเขียนไฟล์ของ sites/default/settings.php เราก็จัดการปิดซะครับ จากนั้นให้ทำการใส่ชื่อ sitename และ อีเมล์

$chmod o-w sites/default/settings.php
//คำสั่ง สำหรับ linux ครับ

ส่วนสองให้ทำการกรองรายละเอียดลงไปครับ ชื่อในชื่อ user admin , email ของ user , รหัสผ่าน

ในส่วนนี้เราไม่ต้องแก้ไขอะไรน่ะครับ ให้แก้เฉพาะ time zone ไปก่อนให้เป็น +7 และในส่วนของ Clean URL จะมาพูดในวันหลังครับ จากนั่นกด Save and Continue

เพียงเท่านี้เราก็จะได้ drupal มาใช้งานละครับ

เริ่มกันเลยดีกว่าโดยให้เรา login เข้า Control panel ของเราก่อน จากนั้นไปดูที่หัวข้อ Applications & Services >> Web Applications

คลิกที่ Install Web Application

เลือก Content management จากนั้นทำการหา drupal เวอร์ชั่นล่าสุดที่ทางระบบเราได้เตรียมไว้ให้ แล้วกด Install ครับ

ติ้ก I Agree เพื่อยอมรับเงื่อนไขสัญญาของ drupal จากนั้นกด next ครับ

จากนั้นกรอกรายละเอียดลงไปครับ

1. Destination directory กำหนดปลายทางที่จะติดตั้ง drupal ลงไป สำหรับใครที่ต้องการเรียกเว็บไซต์เราขึ้นมาแล้วเจอ drupal เลยให้กำหนดลงที่ root ครับ ส่วนถ้าใครจะลงเป็นแบบ sub directory ก็เลือก other: แล้วพิมพ์ชื่อ directory ลงไป
2. Database name ใส่ชื่อฐานข้อมูลลงไปครับ
3. Database login name ชื่อผู้ใช้งานของฐานข้อมูล
4. Password และ Comfirm Password ใส่รหัสผ่านลงไป
5. Administrator’s login ใส่ user admin เพื่อไว้เข้าระบบ backend ของ drupal ครับ
6. Password และ Comfirm Password ใส่รหัสผ่านของ admin ลงไป
7. Administrator’s email ใส่อีเมล์
8. Site name ใส่ชื่อของเว็บไซต์ (แก้ไขได้ในภายหลัง)

เราก็จะได้ drupal มาติดตั้งภายในเว็บไซต์ของเราแล้วครับพี่น้อง อะไรจะง่ายแบบนี้เนี้ยสุดๆอะ

อันนี้คือหน้าตาแรกที่เราจะเจอครับ อย่าพึ่งสงสัยกันครับว่ามันให้อะไรเรามาเนี้ย ไว้ติดตามในบทความต่อๆไป