You are now being logged in using your Facebook credentials

Font Size

Profile

Layout

Direction

Menu Style

Cpanel
วิชา Joomla

วิชา Joomla (12)

วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

การสร้างหมวดสินค้า virtuemart

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

การสร้างหมวดหมู่สินค้าบน joomla virtuemart

อันดับ แรกในการที่เราจะเปิดร้านขายของออนไลน์นั้นคงจะต้องทำการสร้างหมวดหมู่หรือ category ของสินค้าที่เราจะขายกันก่อน เพื่อเป็นการแบ่งประเภทของสินค้าต่างๆให้ถูกต้อง จะทำให้เราดูแลจัดการได้ง่ายขึ้นรวมทั้งลูกค้าเราก็สามารถเลือกสินค้าได้ตรง กับความต้องการมากที่สุด สมมติถ้าเราขายสินค้าหลากหลายประเภทก็สมควรทำอย่างยิ่งครับพี่น้อง จะได้ดูไม่มั่วจนเกินไป เพื่อให้เห็นภาพมากขึ้นผมจะทำการขายสินค้าอุปกรณ์ึคอมพิวเตอร์ต่างๆละกัน มี cpu , การ์จอ , mainboard , ram , case ผมก็จะแบ่งตามนี้ โดยให้เราไปที่หน้า backend ของ virtuemart กันก่อนครับจากนั้นไปที่ สินค้า >> ประเภทสินค้า จากนั้นก็ให้เรากดปุ่มสร้างใหม่
virtuemart19

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

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

อันนี้คือหมวดหมู่้สินค้าที่ผมทำขึ้นมา จะขายได้ไหมวา…^ ^!
virtuemart22

วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

แนะนำ joomla virtuemart สร้างร้านค้าออนไลน์

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

VirtueMart คืออะไร

virtuemart_slogan_blue

VirtueMart เป็นระบบ Shopping Cart ที่เอาไว้ขายของบน Internet แล้ว Shopping Cart คืออะไรละ ก็คืิอซอฟแวร์ที่ทำหน้าที่เป็นเสมือนรถเข็นสินค้าที่ลูกค้าใช้ระหว่างการ เลือกสินค้าบนเว็บไซต์ เป็นตัวเก็บข้อมูลต่าง ๆ ของสินค้าทุกชิ้นที่ลูกค้าเลือกไว้แล้ว เช่น รหัสสินค้า ราคา และจำนวนสินค้า ในระหว่างที่ลูกค้ากำลังเลือกสินค้าอื่น ๆ อยู่ หรือ กำลังรอชำระเงิน เขียนมาซะยืดยาวผมก็ขอสรุปโดยพอสังเขปแล้วกันว่า VirtueMart เป็น commponent ของ joomla เพื่อเปลี่ยนให้เว็บไซค์ joomla ธรรมดาๆกลายร่างมาเป็นเว็บไซค์ขายของนั่นเอง

Featrues

  • จัดการจำนวนสินค้าและหมวดหมู่ได้ไม่จำกัด
  • มีระบบ web administrator (Backend)
  • สามารถนำเข้าหรือเอาออกไฟล์สินค้า่ในรูปแบบ CVS ได้
  • ใส่รูปภาพหรือไฟล์ให้กับสินค้าได้
  • ใส่รายละเอียดให้กับสินค้าของคุณ
  • การจัดการระบบลูกค้า
  • ระบุราคาให้กับตัวสินค้าได้(อันนี้ขาดไม่ได้เลย)
  • เก็บและรวบร่วมสถิติ
  • การจัดการระบบสต็อกสินค้า
  • ระบบเตือนลูกค้าของเราเมื่อมีสินค้าอยู่ในสต็อก
  • และอื่นๆอีกมากมายเยอะแยะไปหมด

เว็บไซค์หลักของ VirtueMart
http://virtuemart.net/ | เราสามารถติดตตามข้อมูลข่าวสารและดาวโหลด module หรือ plugin ต่างๆเพื่อเสริมให้ virtualmart ของเราได้จากเว็บหลักของผู้พัฒนาได้ครับ

การติดตั้ง
โดยหลักๆ VirtueMart สามารถทำการติดตั้งได้ 2 วิธี

  • Manual Installation Packages อันนี้เราต้องมี joomla อยู่ก่อนแล้ว เราจึงมาทำการติดตั้ง VirtueMart และตัวเสริมต่างๆเอง
  • Complete Packages ตัวนี้จะเป็นแบบ full version ก็คือว่าเมื่อติดตั้ง joomla ลงก็จะมาพร้อมกับ VirtueMart และตัวเสริมต่างๆให้พร้อมแล้วเสร็จ ซึ่งเขาจะเรียกว่า VirtueMart eCommerce Bundle มันก็คือ joomla + VirtueMart นั่นเอง

 

ตั้งค่ารายละเอียดร้านค้าของเราบน joomla virtuemart

หลัง จากเราได้ทำการติดตั้ง joomla eCommerce editon หรือ virtuemart ไปแล้วก็จะเป็นการตั้งค่าเบื้องต้นเกี่ยวกับร้านค้าเราน่ะครับ ซึ่งจะเป็นรายละเอียดคร่าวๆ ไว้สำหรับเวลาลูกค้าต้องการดูรายละเอียดของเราจากหน้าสินค้า ( รายละเอียดผู้เขาย) และรวมถึงการกำหนด สกุลเงิน สัญลักษณ์ และรูปแบบการแสดงค่าบวก ลบ สามารถใส่รายละเอียดและข้อตกลงต่างๆได้

ให้เข้ามาที่หน้า backend ของเราครับจากนั้นไปที่เมนู Commponents >> VirtueMart
virtuemart11

จาก นั้นเรามาดูในส่วนของโครงสร้างของ virtuemart ก่อนอันนี้แล้วแต่คนชอบนะครับว่าถนัดการใช้งานแบบไหน เพราะหน้านี้เราจะต้องเข้ามาบ่อยมากๆ ใน 2 โครงสร้างให้เลือกปรับ
1. โครงร่างแบบง่าย
virtuemart12
2. โครงร่างแบบขยาย
virtuemart13

จากนั้นให้ไปที่เมนู ร้านค้า >> ตั้งค่าร้านค้า
virtuemart14
ในหน้านี้เราสามารถตั้งที่อยู่ของร้านค้า สกุลเงิน รายละเอียดติดต่อ รายละเอียดร้านค้า ร่วมทั้งใส่ข้อตกลงและรายละเอียดต่างๆได้ ตั้งค่าต่างๆจากนั้นกดบันทึกออกมา

วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

แนะนำ Module เสริม

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

จุมล่าคืออะไร "จุมล่า" เป็นระบบที่นำมาช่วยในการสร้างและบริหารเว็บไซต์แบบสำเร็จรูป ที่เรียกกันในชื่อ CMS (Content Management System) มีซอฟต์แวร์ Open Source มีลิขสิทธิ์แบบ GPL ผู้ใช้สามารถนำไปติดตั้งใช้งานได้ฟรี ในการใช้งาน Joomla! ผู้ใช้งานแทบไม่ต้องมีมความรู้ในด้านการเขียนโปรแกรมก็สามารถสร้างเว็บไซต์ ได้ระบบมืออาชีพ

วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

การลงสินค้า joomla virtuemart

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

การสร้างสินค้าบน virtuemart

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

ให้ไปที่หน้า backend ของ virtuemart ครับจากนั้นเลืิอกที่เมนู สินค้า >> เพิ่มรายการสินค้า
virtuemart31

เรามาดูส่วนแรกกันก่อนครับ
virtuemart50

  1. เผยแพร่ : กำหนดให้แสดงสินค้าตัวนี้หรือไม่ (ติ๊กถูกคือเผยแพร่)
  2. รหัสสินค้า : ให้เรากำหนดรหัสของสินค้านะครับ โดยจะต้องไม่ซ้ำกัน เช่น ของผม
  3. ชื่อ : ใส่ชื่อของสินค้า
  4. เว็บไซต์ : เว็บไซท์ของสินค้าหรือที่เกี่ยวข้อง (ไม่ต้องใส่ก็ได้ครับ เพราะเราอาจจะอ้างอิงจาก โรงงานได้)
  5. ผู้ขาย : โดยปกติก็จะเป็นเว็บเราเองอยู่แล้วนะครับ
  6. โรงงาน : ให้เราเลือกผู้ผลิตหรือโรงงาน ของสินค้าเช่น HP Acer เป็นต้น (เราต้องสร้างมาก่อนนะครับ)
  7. หมวดสินค้า : ให้เรากำหนดหมวดหมู่ของสินค้าว่าอยู่ในหมวดหมู่ใหน ซึ่งเราสามารถกำหนดได้มากกว่า 1 หมวดหมู่โดยคลิก Ctrl ค้างไว้นะครับ

ส่วนที่สองครับ
virtuemart51

  1. ราคาสินค้า (net) : ราคาจริงของสินค้า (ไม่รวมภาษี)
  2. ราคาสินค้า (gross) : ส่วนนี้จะถูกสร้างขึ้นมาเองโดยการนำ ราคาสุทธิรวมกับภาษีนะครับ ไม่ต้องกรอกลงไป
  3. รหัสภาษี : ภาษีที่เราใช้กับสินค้าครับ (ได้มาจากหน้าที่เราทำการเพิ่มภาษีลงไป)
  4. ประเภทส่วนลด : เป็นส่วนลดที่เรากำหนดขึ้นมาจากหัวข้อ สินค้าลดราคา
  5. ลดราคา : เป็นราคาที่ถูกสร้างขึ้นเองโดยเอา ราคาสินค้า (ยอดรวม)มาลบกับ ประเภทส่วนลด ครับ ไม่ต้องกรอกลงไป
  6. รายละเอียดย่อ : เป็นรายละเอียดโดยย่อของสินค้าเรานะครับ

ส่วนที่สาม ส่วนนี้จะเป็นการกรอกรายละเอียดที่เหลือลงไป เป็นการเจาะลึกของสินค้าของเราที่จะขายนะครับ สามารถใส่รูปภาพประกอบได้ด้วย
virtuemart52

ต่อมาเราก็ใส่รูปภาพให้กับสินค้ากันโดยกดที่แท็บภาพถ่ายสินค้า เลือกรูปภาพสินค้าครับ จากนั้นติ้กให้มันสร้าง thumbnail เอง
virtuemart53

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

วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

แนะนำ joomla

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

joomla-logo-vert-color

“Joomla!” โปรแกรม open source ที่เป็นระบบบริหารจัดการเนื้อหาเว็บไซต์ (Web Content Management Systems: CMS) ซึ่งถูกพัฒนาด้วย PHP และใช้ฐานข้อมูลของ MySQL ในการเก็บข้อมูล มีเทคนิคการเขียนโปรแกรมขั้นสูงภายใต้มาตรฐาน XHTML สามารถทำงานได้หลายแพลตฟอร์มที่รองรับ PHP และ mySQL ทั้งนี้ Joomla! ได้ถูกพัฒนาขึ้นอย่างต่อเนื่องจากทีมพัฒนาที่มีอยู่ทั่วโลก ซึ่งมีการเปลี่ยนแปลงเพิ่มขึ้นอยู่ตลอดเวลา โดยระยะเริ่มต้น Joomla! ได้มุ่งเน้นเพื่อใช้ในการพัฒนา Coporate Website หรือเว็บไซต์ของบริษัทและองค์กรต่างๆ รวมไปถึงเว็บ Intranet ภายในหน่วยงาน โดยมีจุดเด่นอยู่ที่ความสวยงามของรูปแบบที่ดูเป็นสากล รวมถึงความง่ายต่อการใช้งานของทั้งผู้พัฒนาและผู้เข้าชมเว็บไซต์ ซึ่งให้ความรู้สึกแตกต่างจาก CMS ทั่วไป ตรงที่คุณสามารถออกแบบและสร้างหน้าตาของเว็บไซต์ (Template) ได้ตามต้องการ

ประสิทธิภาพและความสามารถของ Joomla!

ประโยชน์ หลักของ “Joomla!” คือ การทำให้คุณสามารถจัดการกับเนื้อหาหรือข้อความ (Content) ได้โดยตรงผ่านหน้าเว็บ โดยผู้บริหารเว็บหรือผู้ดูแลเว็บไซต์ ไม่จำเป็นต้องมีความรู้ทางด้านโปรแกรมเช่น HTML ในการอัพเดทเว็บ เพราะ Joomla! มี editor ออนไลน์ เช่น WYSIWYG editor ไว้เพื่อการจัดรูปแบบข้อความตัวอักษร (Text) และรูปภาพ ยิ่งกว่านั้นคุณไม่จำเป็นที่ต้องอัพโหลดเอกสารด้วยโปรแกรม FTP เพียงแค่คลิกปุ่ม save หรือ apply หน้าเว็บของคุณก็จะออนไลน์เตรียมพร้อมรับผู้เข้าชมที่จะเข้ามาดูในเว็บของ คุณได้ทันที

เราสามารถใช้ Joomla! กับเว็บไซต์ได้หลากหลายประเภท เช่น

  • เว็บท่า (Portals)
  • เว็บไซต์เชิงพาณิชย์ (Commercial web sites)
  • เว็บไซต์ที่ใช้ในองค์กร (Intranet web sites)
  • เว็บไซต์ที่ไม่แสวงหากำไร (Non-Profit web sites)
  • เว็บไซต์ส่วนตัว (Personal web sites)
  • เว็บไซต์ที่สร้างจาก Flash (Integrated flash sites)
วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

ติดตั้ง joomla

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

ติดตั้ง php Mysql Apache โปรแกรมจำลอง Web Server ด้วย XAMPP

สำหรับ การติดตั้ง Joomla ขั้นแรกเราต้องทำการจำลองเครื่องคอมพิวเตอร์ของเราให้เป็น Web Server ก่อน โดยติดตั้งโปรแกรมจำลอง Web server ชื่อว่า Xampp

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

1. ดับเบิ้ลคลิกที่ไอคอน xampp-control ที่อยู่หน้าจอ ดังภาพ
http://www.ichicweb.com/images/banners/krukikz/pic1.png


2. จะเห็นหน้าจอ XAMPP Control panel สำหรับกดปุ่ม Start/Stop
ให้นักเรียนกดปุ่ม Start ที่ Apache และ MySQL เพื่อทำการเปิดใช้งานการจำลอง web server ดังภาพ
http://www.ichicweb.com/images/banners/krukikz/xampp_contron.jpg


3. เมื่อทำการเปิดใช้งานการจำลอง web server เรียบร้อยแล้ว
ให้นักเรียนเปิดเว็บเบราเซอร์ Internet Explorer ขึ้นมา เพื่อทำการทดสอบว่าได้เปิดใช้งาน web server อย่างสมบูรณ์แล้ว
โดยพิมพ์ที่ url ว่า http://localhost ถ้าติดตั้ง Xampp สมบูรณ์แล้วจะเห็นหน้าจอ ดังภาพ
http://www.ichicweb.com/images/banners/krukikz/pic2.png

เมื่อจำลอง Web server แล้ว ให้นักเรียนทำการเริ่มติดตั้ง Joomla โดยทำตามขั้นตอนต่อไป

วิธีติดตั้ง Joomla Virtuemart

 

VirtueMart เป็นระบบ Shopping Cart ที่เอาไว้ขายของบน Internet ซึ่งเป็นซอฟแวร์ที่ทำหน้าที่เป็นเสมือนรถเข็นสินค้าที่ลูกค้าใช้ระหว่างการ เลือกสินค้าบนเว็บไซต์ เป็นตัวเก็บข้อมูลต่าง ๆ ของสินค้าทุกชิ้นที่ลูกค้าเลือกไว้แล้ว เช่น รหัสสินค้า ราคา และจำนวนสินค้า ในระหว่างที่ลูกค้ากำลังเลือกสินค้าอื่น ๆ อยู่ หรือ กำลังรอชำระเงิน เขียนมาซะยืดยาวผมก็ขอสรุปโดยพอสังเขปแล้วกันว่า VirtueMart เป็น commponent ของ joomla เพื่อเปลี่ยนให้เว็บไซค์ joomla ธรรมดาๆกลายร่างมาเป็นเว็บไซค์ขายของนั่นเอง
1. เปิดเบราเซอร์ Internet Explorer ขึ้นมา และพิมพ์ในช่อง url ว่า http://localhost/phpmyadmin

ขั้นตอน การติดตั้ง Joomla virtuemart


Clip VDO สอนติดตั้ง Joomla


1. เิปิดไดร์ D: ขึ้นมา คลิกเข้าไปในโฟลเดอร์ฺ Joomla
2. ทำการ Unzip โดยคลิกขวาเลือก Extract Here ที่ไฟล์ LaiThai_eCommerce_Edition_VM_1.1.4_Joomla_1.5.15.rar
จะได้ Folder ชื่อ LaiThai_eCommerce_Edition_VM_1.1.4_Joomla_1.5.15
ให้ Copy โฟลเดอร์นี้ไปไว้ที่ D:\xampp\htdocs ดังภาพ
ดาวน์โหลด มาแล้ว ให้ Unzip Joomla-1.5.0.zip
4. เปิดเว็บเบราเซอร์ขึ้นมา พิมพ์ช่อง url ว่า http://localhost/JaiD_601 จะได้หน้าจอสำหรับการติดตั้ง (Installation) ดังภาพ
ให้เลือกภาษา การแสดงผล สำหรับการติดตั้ง Joomla virtuemart ในที่นี้ให้ เลือกภาษาไทย
เลือกภาษา สำหรับ การแสดงผล สำหรับการติดตั้ง

5. คลิกปุ่ม ถัดไป
ตรวจสอบ config ของ server สำหรับ การติดตั้ง joomla 1.5

6.ลิขสิทธิ์ ของโปรแกรม Joomla 1.5 คลิก ปุ่ม ถัดไป
.ลิขสิทธิ์ ของโปรแกรม Joomla 1.5

7.กรอกรายละเอียดของ ฐานข้อมูลให้ใส่ข้อมูล ดังนี้

ชนิดฐานข้อมูล : Mysql

ชื่อโฮสต์ : localhost

ชื่อผู้ใช้ฐานข้อมูล : root

รหัสผ่าน : ไม่ต้องใส่

ชื่อฐานข้อมูล ตามที่เราได้กำหนดไว้ เช่น JaiD_601

เมื่อกรอกเรียนร้อยแล้วให้คลิก ปุ่ม ถัดไป
กรอก รายละเอียดฐานข้อมูล Joomla การติดตั้ง วิธีติดตั้ง

8.กำหนดรายละเอียดเกี่ยวกับ FTP สำหรับการติดตั้งที่เครื่องตัวเองไม่ต้องกำหนด ให้กด ถัดไป ได้เลย
FTP สำหรับ ติดตั้งที่ เครื่องตัวเอง Joomla การติดตั้ง วิธีติดตั้ง

9. กำหนด ชื่อเว็บ e-mail และรหัสผ่านของ admin (กำหนดเอง)
กำหนด ชื่อเว็บ e-mail และรหัสผ่านของ admin ของ การติดตั้ง Joomla 1.5
ให้พิมพ์ในช่อง url ว่า http://localhost/JaiD_601 จะเห็นหน้าตาเว็บไซต์ ดังนี้

เมื่อเข้าระบบแล้ว จะเห็นหน้าจอ ของ admin ดังภาพ
joomla admin panel

เสร็จสินการติดตั้ง Joomla 1.5
วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

แต่งเทมเพลต joomla

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

การติดตั้งและใช้งาน template ของ joomla

Template หรือบางครั้งเรียกสั้นๆว่า ธีม นั้นก็คือ รูปร่างหน้าตาของเว็บไซต์ที่ผู้เข้าชมเห็นทั้งหมด ไม่ว่าจะเป็นลักษณะของตัวอักษร สี พื้นหลัง เมนู รูปภาพ ปุ่ม การจัดวางตำแหน่งส่วนประกอบต่างๆ ของ Moldule เป็นต้น ซึ่ง Joomla ได้จัดแบ่ง Template แยกออกจากการจัดการข้อมูลและบทความในเว็บไซต์ออกจากกันอย่างชัดเจน ซึ่งถ้าหากว่าเราทำการเปลี่ยน Template ใหม่ก็จะไม่กระทบกับข้อมูลเนื้อหา บทความที่เราเขียนแต่อย่างใดอาจจะมีบ้างในเรื่องของตำแหน่ง Module ต่างๆที่อาจจะผิดเพี้ยนไปแต่เราก็สามารถปรับแต่งได้ในภายหลัง

การติดตั้งเทมเพลต สามาถทำตามขั้นตอนได้ดังนี้

1. ดาวน์โหลด template ฟรีได้จาก http://www.joomla24.com/ , http://www.siteground.com/joomla-hosting/joomla-templates.htm โดยเราจะต้องโหลด template ของ joomla ในเวอร์ชั่น 1.5 นะคะ หลังจากโหลดมาแล้วจะได้ไฟล์ .zip มาให้เราทำการติดตั้งตามวิธีการติดตั้งโปรแกรมเสริม extension บน joomla

2. เมื่อได้ไฟล์เทมเพลต .Zip สำหรับติดตั้งมาแล้วก็เข้าที่เมนู ส่วนขยาย >> ติดตั้ง/ถอนการติดตั้ง

joomla

จากนั้นคลิ๊กที่ปุ่ม เรียกดู.. (Browse..) เพื่อเลือกไฟล์ Template .zip ที่เราเพิ่งดาวน์โหลดมา

joomla

จากนั้นกดปุ่ม อัพโหลดไฟล์ & ติดตั้ง

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


วิธีการเปลี่ยน Template

ไปที่เมนู ส่วนขยาย > การจัดการเทมเพลต จะเห็นว่ามี Template อยู่หลายอัน

และ default ใช้งานอยู่ที่ Template ชื่อ "่Ja_larix"

ลองเปลี่ยน Template เป็น Template ใหม่ โดยติ๊กที่หน้าชื่อ template ที่ต้องการแล้วกดปุ่มรูปดาว ค่าปกติ

แล้วลองเปิดดูเว็บไซต์ใหม่ในหน้า Front End โดยการกดปุ่ม แสดงตัวอย่าง

เสร็จแล้ว!!

หน้าตาเว็บไซต์ก็จะเปลี่ยนไปตาม Template ที่เราเลือก เห็นไหมง่ายมากๆ

โดย ทั่วไปหน้าตาของเว็บไซต์(template) ภายหลังจากการติดตั้งโดยส่วนใหญ่ก็จะ มีลักษณะหน้าตาเหมือนๆกันตามที่ Joomla กำหนดไว้เป็นเบื้องต้น(Template default) หากเราไม่ชอบใจก็เปลี่ยนได้ครับ ซึ่ง Joomla ก็ได้เตรียม Template อื่นๆ ให้เราเลือกเปลี่ยนไว้เหมือนกันแต่ถ้ายังไม่ถูกใจก็สามารถหา download Template เพิ่มเติมได้จากเว็บไซต์อื่นๆที่แจก template ฟรีๆ ก็มีเช่นกัน ลองค้นหาด้วยคำว่า "Joomla template" ใน Google ดูนะคะ มีให้เลือกมากมายเชียวแหล่ะ
วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

จัดการบทความ

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

การสร้างบทความแต่ละหน้า

ให้นักเรียนสร้างบทความแต่ละหน้าไว้จนครบทุกหน้า ประกอบด้วย

1. วิธีสั่งซื้อ

2. วิธีการชำระเงิน

3. โปรโมชั่น

4. บทความอื่นๆ

Component : JCE editor ตัวช่วยเขียนบทความให้ง่ายขึ้น

JCE editor เป็น editor ที่จะมาช่วยเสริมในการเขียนบทความหรือเนื้อหาให้กับเรา มีฟังชั่นในการทำงานมากกว่า Tiny MCE ที่เราใช้กันอยู่ปกติ ซึ่งฮาวโฮสแนะนำครับว่าควรมีติดไว้อย่างยิ่งสำหรับ JCE editor ตัวนี้ห้ามพลาด!!!

ให้เราทำการดาวโหลด 3 ตัวนี้ หลังจากนั้นติดตั้งทั้ง 3 ตัวเลย

จากนั้นไปที่เมนู Component > JCE Administrator > Control Panel

howhost_00326

จากนั้นคลิกที่ Icon Install เพื่อจะทำการติดตั้ง plugin ของ component jce editor

howhost_00427

โหดลไฟล์ JCE_Plugin.zip จากนั้นทำการแตกซิบออกมาแล้วจะพบ 3 ไฟล์อยู่ในนั้นให้ทำการติดตั้ง

  • jce_filemanager_150.zip
  • jce_mediamanager_150.zip
  • jce_imgmanager_ext_150.zip

howhost_00523

เมื่อติดตั้งเสร็จให้เราไป ตั้งค่าคอนฟิกหลัก และปรับ Editor เป็น JCE โดยไปที่ดมนู Site > Global Configuration

howhost_00615

จากนั้นกูที่ Site Settings ให้ทำการปรับ Default WYSIWYG Editor เป็น Editor – JCE 1.5.2 จากนั้น Save
howhost_00713

Tiny MCE อันของเดิม
howhost_00240
JCE Editor ชุดใหม่
howhost_0087

ใน joomla นั้นจะไม่มีเมนูให้สร้าง page โดยตรงแบบ wordpress แต่จะสามารถสร้างได้จากการใช้ในส่วนของเมนูมาดึงเนื้อหาของการเขียนเนื้อหา ของเรามาเป็น page ได้ วิธีทำนั้นก็ไม่ยากให้เราเข้าหน้า backend จากนั้นไปที่ Site > Control Panel > Add New Artical

howhost_00116


ให้เราเขียนเนื้อหาเพื่อไปทำหน้า page ตามปกติเช่น จะทำหน้า about me ก็เขียนรายละเอียดเกี่ยวกับตัวเราเองลงไป แต่ในครั้งนี้เราจะไม่ปล่อยเนื้อหาเราไปสู่หน้าแรกให้ทำการเก็บไว้ก่อน โดยกำหนด Front Page ว่า “NO” จากนั้นกด Apply

howhost_00212

เนื้อหาเราจะยังอยู่แต่แค่ไม่ได้แสดงออกมาหน้า Front Page เท่านั้นเอง

howhost_0037

 

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

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

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

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

 

วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

จัดการเมนู

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

ไปที่ Menu > Main Menu

howhost_0046

กด New ด้านบนขวามือเพื่อใส่ page เพิ่มลงไป

howhost_0055

จากนั้นกด Articles > Article Layout เพื่อเลือกว่าจะเอาเนื้อหาเรามาสร้างเป็น page menu

howhost_0066

ตั้งชื่อ menu ที่ title และจากนั้นให้ให้เรามองไปที่ Parameters(Basic) ทางขวามือให้เราทำการกด Select เพื่อเลือกเนื้อหาของเรา

howhost_0074

เลือกไปที่ about me ที่เราสร้างมาตะกี้จากนั้นกด Apply

howhost_008

ให้กลับดูที่หน้า Front Page เราก็จะเห็น About me มาแล้ว…แหล่ม
howhost_011

วันอาทิตย์ที่ 21 พฤศจิกายน 2010 เวลา 19:19 น.

Extension คืออะไร?

Written by ครูกิ๊ก :: ครูกฤติยา พลหาญ

Extension คืออะไร

สำหรับโปรแกรมส่วนเสริม ที่เรียกว่า Extensions ซึ่งจะช่วยให้การทำงานของโปรแกรมหลักที่ดาวน์โหลดมา จึงทำให้เกิดการขยายขีดความสามารถทำงานของ Joomla CMS ให้สามารถทำงานได้ตามวัตถุประสงค์โดยไม่จำเป็นต้องเขียนโปรแกรมเพิ่มเติม เพียงดาวน์โหลดโปรแกรมเสริมที่ต้องการ และนำไปติดตั้งผ่านระบบบริหารจัดการของ Joomla CMS ก็ใช้งานได้ทันที

เพื่อนๆชาวฮาวโฮสถ้าเพิ่งเริ่มจับ cms joomla ก็คงจะงงเป็นไก่ตาแตกว่า module , plugin , components มันคือไรกัน มันต่างกันยังไงเนี้ยอะไรเยอะแยะไปหมด wordpress ยังมีแค่ plugin , widget แต่ joomla มีมาให้ตั้ง 3 อย่าง และประโยชน์ของมันทำไรได้บางลองมาดูกันครับ

Module

Module คือส่วนประกอบย่อย หรือ window เล็กๆ ที่แสดงหน้าเว็บ ด้านบน ดานล่าง ด้านซ้าย ด้านขวา แล้วแต่เราจะออกแบบ และกำหนดตำแหน่งของมันใน template และเป็นโปรแกรมเสริมที่ช่วยในการดึงข้อมูลจากฐานข้อมูลภายในมานำเสนอผ่าน หน้า เว็บ แต่ก็มีบางโปรแกรมที่ถึงเอาข้อมูลจากภายนอกมาใส่ไว้ในเว็บของเราได้เช่นกัน การทำงานของ Module นี่เองที่ทำให้เว็บไซต์ที่สร้างจาก Joomla CMS มีการนำเสนอข้อมูลที่มีความสวยงาม และหลากหลาย เช่น โมดูลการนำเสนอข้อมูลดัชนีซื้อขาย-หลักสทรัพย์ โมดูลแสดงรายการบทความใหม่ โมดูลแสดงสถิติผู้เยี่ยมชมเว็บไซต์ เป็นต้น

Component

Component เป็นซอฟแวร์อีกประเภทที่สร้างมาเป็นส่วนขยายเพื่อเพิ่มความสามารถของจูมล่า ให้มีความสามารถเพิ่มขึ้นจากเว็บคอนเท้นธรรมดา ถ้าเปรียบให้เข้าใจได้ง่าย Component ก็คืออวัยวะของร่างกายของเรา แต่เป็นอวัยวะที่มีความสามารถพิเศษทำให้ร่างกายสามารถทำงานได้อย่างไร้ขึด จำกัด เช่น. component virtuemart ก็คือช็อปปิ้งออนไลน์ ทำให้เว็บของเราเป็นเว็บขายของได้ เป็นต้น

Plugin

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

Follow us on

  • Grab our RSS feed
  • Joomla Fan Club

About US

สื่อการสอน joomla จัดทำโดย นางสาวกฤติยา พลหาญ นักศึกษาประกาศนียบัตรบัณฑิต สาขาวิชาชีพครู สควค.คอมพิวเตอร์ มหาวิทยาลัยขอนแก่น

You are here