Sponsored Ads

การพัฒนาเว็บไซท์

รวมบทความและหนังสืออธิบายเกี่ยวกับการพัฒนาเว็บไซท์ โดยนำเสนอวิธีใช้งานโปรแกรมต่างๆ ที่เกี่ยวข้องกับการสร้างโฮมเพจ เช่น การใช้งาน Dreamweaver ใช้งาน Joomla รวมเรื่องน่ารู้เกี่ยวกับการสร้างเว็บไซต์ ฯลฯ

 

Extensions โปรแกรมเสริมความสามารถ Joomla 2.5
extensions-installation-in-joomla25
การใช้งาน Joomla 2.5 ให้มีความสุขและรองรับงานหลากหลาย ต้องมีอุปกรณ์เสริม หรือ Extensions เป็นโปรแกรมเสริมการทำงานของ Joomla เพื่อเพิ่มความสามารถในการทำงานที่ หลากหลายยิ่งขึ้นเช่น แสดงวิดีโอในเว็บไซต์ แสดงป้ายโฆษณา ฯลฯ
โปรแกรมเสริมมีให้เลือกมากมาย ในบทความนี้จะแนะนำบางตัวที่จำเป็นๆ เพื่อนำมาติดตั้งเสริมลูกเล่นใน Joomla โดยโปรแกรมทั้งหมดสามารถดาวน์โหลดได้ที่ http://extensions.joomla.org
1. Plexi custom code โปรแกรมเสริมช่วยวางโค้ดคำสั่ง HTML, PHP อาจจะเป็นโค้คแสดงโฆษณา Google Adsense หรือแสดงแบบฟอร์มให้กรอกใบสมัคร หรือดึงโฆษณาอื่นๆ ดึงโค้ดแสดง สินค้า amazon เป็นโปรแกรมพื้นฐานที่ต้องติดตั้ง

 

การใช้งานก็จะติดตั้งโมดูลและสร้างโมดูลแบบ Flexi Custom Code เลือกตำแหน่งที่ต้องการวาง (Position) และแทรกโค้ดเข้าไป (Insert Code) จากตัวอย่างได้แทรกโค้ดดึงสินค้าอเมซอน มาแสดง หากจะวางโค้ดอื่นๆ เช่น Google Adsense จะใช้วิธีการเดียวกัน ก็อปปี้ไปวางในตำแหน่ง Insert Code

 

2. MutiAds โปรแกรมเสริมช่วยวางโค้ดโฆษณา Google Adsense ลงในบทความแบบอัตโนมัติ มีกี่บทความ เค้าจะไปตามใส่ให้ทั้งหมด เป็นพัน ก็ใส่ในคราวเดียวกันทั้งหมด ไม่ต้องเสียเวลา ไปใส่เอง และการปิดการใช้การก็เช่นกัน สะดวกสบาย ไม่ต่างอะไรกับปิดสวิทซ์ไฟฟ้าทั้งตึกด้วยสวิทซ์เดียว โฆษณาก็หายไปจากบทความพร้อมกันทั้งหมด สำหรับท่านใดที่ทำเว็บไซต์ หา เงินกับ Google Adsense ห้ามพลาด สำหรับตัวอย่างการใช้งาน สามารถดูได้ในเว็บไซต์ www.englishforthai.com นะครับ ผมทำเป็นตัวอย่างแล้ว สามารถวางได้หลายจุด ก่อนบทความ ท้าย บทความ หรือทั้งคู่ สามารถวางได้ 4 ตำแหน่งด้วยกัน

 

3. AllVideos โปรแกรมเสริมช่วยแสดงไฟล์วิดีโอหรือดึงวิดีโอใน Youtube.com มาแสดงในหน้าเว็บไซต์ของเรา โดยจะแสดงในบทความ หรือในโมดูล Custom HTML ก็ได้ เป็นอีกโปรแกรม ที่ต้องมีติดเว็บไซต์ Joomla 2.5

 

4. Facebook Like Button Pluggin โปรแกรมเสริมแสดงปุ่ม Like ยอดนิยม สำหรับคนเล่น Facebook

 

5. Facebook Like Box Enter Logic เป็นอีกโปรแกรมหนึ่งที่น่าสนใจสำหรับคนเล่น Facebook


บทความแสดงตัวอย่างการติดตั้งโปรแกรมเสริมใน Joomla 2.5 เพื่อเพิ่มความสามารถให้กับเว็บไซต์ จากตัวอย่างจะเป็นการติดตั้งโปรแกรมเสริมสำหรับเล่นวิดีโอจาก youtube.com เช่น Allvideo
1. คลิก Extensions>>Extension manager
2. คลิก Browse ไปเลือกไฟล์

 

3. คลิกเลือกไฟล์ของโปรแกรมเสริม Allvideo ที่ดาวน์โหลดมา แล้วคลิก Open สิ่งที่ต้องสังเกตุเป็นพิเศษคือชื่อไฟล์ ที่ขึ้นต้นด้วย plg_ แสดงว่าเป็น Plug-in ต้องจำเป็นพิเศษเพราะจะไป เกี่ยวเนื่องกับข้อที่ 6 การเรียกใช้งานโปรแกรม
4. จะกลับไปหน้าเว็บให้ทำการอัพโหลด คลิก Upload & Install

 

5. ถ้าการอัพโหลดสำเร็จ ก็จะแสดงข้อความรายงานผลเช่น Installing plugin was successful.

 

6. โปแกรมที่ได้จะต้องไปเปิดใช้งานให้คลิก Extensions>>Plug-in Manager
7. โดยปกติ โปรแกรมประเภทปลั๊กอิน เมื่อติดตั้งแล้วจะต้องไปเปิดการทำงานหรือ Enable จึงจะใช้งานได้ อย่าง AllVideos ก็เช่นกัน Status จะเป็นสีแดง ต้องคลิกให้เป็นเครื่องหมายถูกสี เขียวเพื่อเปิดใช้งาน

 

8. ส่วนการเรียกใช้งานนั้น ในการพิมพ์บทความ หรือโมดุลแบบ Custom HTML ให้เราแทรกโค้ด

พิมพ์โค้ดคล้ายตัวอย่างนี้ในบทความที่ตำแหน่ง ต้องการได้เลย เช่น

 

9. ดูตัวอย่างบทความได้ที่
http://www.englishforthai.com/equipments-for-learn-english-by-yourself-menu/4-mobile-with-mp3-player-feature.html

สำหรับการทำร้านค้านายหน้าขายสินค้า Amazon อาจเลือกจดโดเมนและเช่าพื้นที่ทำเว็บไซต์ร้านค้าในราคาถูก ซึ่งในเมืองไทยก็มีบริการ แต่เซิร์ฟเวอร์นั้นอยู่ที่สหรัฐอเมริกา ไม่ต่างจากผู้ให้บริการรายใหญ่ๆ อย่าง Goddady, Hostgator

 

ผู้ให้บริการรายที่อยากแนะนำให้ลองใช้บริการก็คือ krubpom.net ครับ ราคาโดเมนรวมพื้นที่เช่าทำเว็บแล้วเริ่มต้นที่ 699.- ปีเท่านั้นเอง การชำระเงินก็สะดวก โอนเงินผ่านตู้ ATM ได้เลย ไม่ต้องผ่าน Paypal สำหรับผู้เริ่มต้นหาเงินผ่านเน็ต ถือว่าน่าสนใจครับ หากใจไม่สู้ก็เสียเงินไม่มาก และไม่ยุ่งยากในการใช้งาน

 

รวมบทความการใช้บริการจดโดเมนและเช่าพื้นที่ทำเว็บไซต์ที่ krubpom.net

ท่านใดสนใจก็อ่านรายละเอียดได้ตามหัวข้อต่อตามรายการด้านล่าง
























ตัวอย่างเว็บไซต์ที่สร้างด้วย Joomla เพื่อนำสินค้าจาก amazon.com มาขาย ก่อนจะทำการออกแบบก็แนะนำให้ค้นหาเว็บไซต์ต่างๆ ดูตัวอย่างหลายๆ แบบ โดยการพิมพ์คำค้นหาด้วยชื่อสินค้าจาก Amazon.com ผมจะยกตัวอย่างโดยอิงกับการใช้ Template ของ Joomla ชื่อ rhuk_milkyway
1. ตัวอย่างเว็บไซต์ cheapdiscountforsale.com ตำแหน่ง Top Menu ด้านบนจะวางเมนู โดยสร้างเมนูแบบดึง Articles>>Category มาแสดง
2. ตำแหน่ง User1 วางโมดูลแบบ สไลด์โชว์นำสินค้ามาแสดง
3. ด้านซ้ายมือ เมนูต่างๆ กรณีที่ติดตั้ง Joomla จะมีเมนู Main Menu, Example Pages ก็สามารถดัดแปลงให้เป็นหมวดหมู่สินค้า เช่น TV Discount Sale และ HotSale ได้ตามตัวอย่าง แต่ Hot Sale น่าจะเป็นโมดูล Popular เพราะแสดงถึงสินค้าขายดี โดยดึงจากสินค้าที่ถูกเปิดอ่านบ่อยๆ มาแสดง


4. ไปดูตัวอย่างอื่นๆ เพิ่มเติม ลักษณะการจัดวางแบบนี้ จะมีการเปลี่ยนตำแหน่งโมดูล ที่อาจจะประยุกต์ใช้ได้ง่ายๆ ก็คือ ตำแหน่ง Breadscumbs วางโมดูล Search และ User4 วางเมนู เช่น Sitemap,
5. ส่วนเมนูด้านซ้ายมือ จะมี Subcategories ก็ดัดแปลง Main Menu โดยสร้างเมนูย่อยไว้ภายใน แล้วดึง Category มาแสดง สำหรับลูกค้าหนังสือท่านใดที่มีคู่มือเจาะลึก Joomla อยู่ในมือเปิดๆ ไปอ่านบทที่ 20 แล้วก็จะเข้าใจการจัดทำเมนูแบบนี้ได้ไม่ยาก ส่วน Related Categories, New Releases และ Best Sallers จะเป็นโมดูลหรือโปรแกรมเสริมดึงสินค้าจากอเมซอนมาแสดงโดยตรง ต้องหามาติดตั้งเพิ่มลงใน Joomla
6. ส่วนแสดงสินค้าหรือเนื้อหา ตรงนี้จะสัมพันธ์กับเมนูใน Subcategories ด้านซ้ายมือ Art & Photography ... เมื่อคลิกเมนูเหล่านี้ก็จะดึงสินค้ามาแสดง ซึ่งมีโปรแกรมเสริมของ Joomla ช่วยดึงสินค้าจาก Amazon.com มาแสดงได้เลย
7. การจัดทำรายการสินค้าเพื่อนำมาแสดงเหล่านี้มีหลายวิธี เช่น สร้างแบบทำมือ จัดวางภาพ ข้อความชื่อสินค้า และรายละเอียด ต่างๆ ด้วยตนเอง กับดึงสินค้าจากอเมซอนมาแสดงโดยตรง


8. ไปดูอีกหนึ่งตัวอย่างหลักการจัดทำจะมีโครงสร้างคล้ายๆ กัน หน้าแรกแสดงส่วนประกอบต่างๆ ตามที่ได้กล่าวมาข้างต้น มีสินค้าจัดวาง เพียงแต่เปลี่ยนจากบทความปกติ มาเป็นการเขียนบทความเพื่อขายสินค้าโดยตรง โดยรายละเอียดเกี่ยวกับสินค้า ก็ไปหาได้จากเว็บไซต์ amazon.com ซึ่งจะมีรายละเอียดให้นำมาใช้ได้


9. บางเว็บไซต์ อาจจะนำโฆษณา Google Adsense มาแสดงเช่นกัน โดยแสดงในหน้าแรก การจัดวางต้องศึกษากฏก่อนจะวางโฆษณาร่วมกัน ถ้าผิดกฏจะโดนแบนได้
10. เมื่อคลิกอ่านดูสินค้าเหล่านี้ ก็จะไปยังหน้าสินค้าของเว็บไซต์อเมซอนโดยตรง มีรายละเอียดสินค้า ราคา วิธีการสั่งซื้อ ฯลฯ ถ้ามีการซื้อผ่านเว็บไซต์เรา แบบนี้ เจ้าของเว็บไซต์ ก็จะได้ค่าคอมมิสชัน จาก Amazon.com


11. จะเห็นว่าการจัดการเว็บไซต์ร้านค้าแบบนี้ ทำได้ไม่ยากเลย ใน amazon.com นั้นมีสินค้าให้เลือกมากมายหลายหมวดหมู่เช่น Instant Videos, Mp3s&Cloud Player ฯลฯ เราจะนำหมวดหมู่สินค้าเหล่านี้มาสร้างเมนูสินค้าในเว็บ Joomla เลือกดูสินค้าที่ต้องการแล้วนำมาสร้างได้เลย


12. สินค้าแต่ละรายการใน amazon จะมีข้อมูลรายละเอียดที่เราสามารถก็อปปี้มาดัดแปลงทำเป็นบทความขายสินค้าใน Joomla ได้เลย แต่จริงๆ แล้วแนะนำให้เขียนสรุปใหม่เป็นแนวของเราเอง


13. ตัวอย่างการสร้างบทความขายสินค้า โดยดึงสินค้ามาแสดง คำแนะนำก็เหมือนเดิมนะครับ ว่าให้ค้นหาเว็บไซต์หลายๆ แห่งเพื่อดูตัวอย่างว่ามีการออกแบบอย่างไรบ้าง การก็อปปี้มาใส่ตรงๆ แบบนี้ ไม่แนะนำ ตามหลัก SEO แล้ว ไม่ดี
14. บทความจะมีการสร้าง Section หมวดหมู่หลักสินค้า และสร้าง Category แสดงหมวดย่อยสินค้า อาจจะสร้างตามยี่ห้อ หรือประเภทของสินค้านั้นๆ ก็ได้


15. ตัวอย่างเมื่อดูบทความในหน้าเว็บไซต์ที่สร้างด้วย Joomla