krumontree200x75
isangate com 200x75
ppor 200x75
isangate net 200x75
01582131
Today
Yesterday
This Week
Last Week
This Month
Last Month
All days
40
175
40
9751
2849
3444
1582131

Your IP: 54.81.220.239
2019-07-21 09:10

cms header

นตอนที่แล้วเราได้เรียนรู้เกี่ยวกับการติดตั้ง Joomla! ทุกขั้นตอนกันไปแล้ว ในตอนนี้จะแนะนำถึงการจัดการกับเว็บไซต์ของเรา ทั้งการสร้างเนื้อหา บทความใหม่ และแก้ไขเนื้อหาเดิม การปรับแต่งข้อความ หัวเรื่อง ตัวอักษรตัวหนา ตัวเอียง การใส่สีตัวอักษร การจัดการเมนูต่างๆ และอื่นๆ อีกมากมาย อันดับแรกขอแนะนำเมนูในการจัดการที่ปรากฏอยู่ในหน้าผู้ดูแลระบบ (Administrator) หลังจากที่เรา Log in เข้าสู่ระบบ เพื่อจะได้เริ่มต้นการทำงานที่ถูกต้องในลำดับถัดไป

manage joomla

ก่อนอื่นเรามาดูหน้าตาเว็บไซต์ที่เราติดตั้งในครั้งแรกกันก่อน จะเห็นว่ามีเนื้อหา ข้อความชื่อเว็บที่เราตั้งขึ้น เมนูตัวอย่างทั้งในแถบด้านบน (Top menu) และด้านข้าง (Side menu) ภาพประกอบบางส่วน ซึ่งรูปแบบที่เห็นนี้จะเป็นเทมเพลตมาตรฐานที่ชื่อ Protostar ซึ่งมากับไฟล์ติดตั้ง ในเทมเพลตนี้จะมีรูปแบบการแสดงผลอยู่ 3 รูปแบบอยู่ภายใน ข้างล่างนี้เป็นแบบมาตรฐาน ถ้าเราคลิกที่เมนู Sample Sites จะเห็นมีลิงก์ให้คลิกดูตัวอย่างเพิ่มอีก 2 แบบคือ Australian Parks และ Fruit Shop

joomla cms 30
Standard Protostar

joomla cms 31
Australian Parks (Protostar)

joomla cms 32
Fruit Shop (Protostar)

ซึ่งถ้าเรายังไม่ถูกใจก็สามารถเปลี่ยนไปใช้เทมเพลตแบบอื่นๆ ได้ สามารถดาวน์โหลดมาติดตั้งเพิ่มเติมได้มีทั้งแบบแจกให้ใช้ฟรีๆ (แต่มีเงื่อนไขนิดหน่อย) กับแบบต้องจ่ายเงินซื้อที่คุณจะได้ฟังก์ชั่นใช้งานครบๆ มากมายเป็นเอกลักษณ์เฉพาะ ราคาตั้งแต่ 30 - 100 $US แล้วแต่ฟังก์ชั่นที่มีให้ รวมทั้งบางแบบจะได้ไฟล์แบบ Quick Start (Joomla Setup + Template) แถมมาด้วยไฟล์ภาพหัวเรื่อง ไฟล์ประกอบที่เป็นไฟล์ *.PSD นำมาแก้ไขได้ด้วย พร้อมบริการหลังการขายในระยะเวลาหนึ่ง (ปกติ 12 เดือน) อีกด้วย

คราวนี้เรามาดูหน้าจัดการของผู้ดูแลระบบ (Administrator) กันหน่อย หลังจากทำการล็อกอินเข้ามาแล้ว จะพบหน้าตาในแบบภาพข้างล่างนี้ เราจะมาเรียนรูว่า เมนูแถบบน นั้นมีคำสั่งเกี่ยวกับอะไรบ้าง (ถ้าภาพเล็กไม่ชัด คลิกที่ภาพเพื่อดูขนาดขยายได้นะ)

joomla cms 33

1. System : เมนูจัดการตั้งค่าระบบ

  • Control Panel : แสดงภาพรวมของระบบในขณะนั้น เช่น จำนวนบทความ บทความใหม่ บทความยอดนิยม ระบบของเครื่องแม่ข่าย (PHP version, Database, Type of Server etc.) การเข้าสู่ระบบของผู้ดูแลและสมาชิก แจ้งเตือนการอัพเดทระบบต่างๆ
  • Global Configuration : สำหรับการตั้งค่าให้กับเว็บไซต์ เช่น แก้ไขชื่อเว็บไซต์ คำอธิบายเกี่ยวกับเว็บไซต์ คำค้นหา (Keyword) การกำหนดที่ตั้งของเครื่องแม่ข่าย (Locale) เพื่อให้การแสดงวัน/เวลาได้ถูกต้อง การแสดงผลเว็บ/การหยุดเพื่อซ่อมบำรุงฐานข้อมูล การรับส่งอีเมลจากเว็บไซต์ไปยังสมาชิกหรือผู้ชม เป็นต้น
  • Global Check-in : เมนูแก้ไขปัญหาบทความ คอมโพเนนท์หรือปลั๊กอินต่างๆ ที่ถูกล็อก เนื่องจากผู้ดูแลระบบไม่ได้ทำการบันทึกอย่างถูกต้อง หรือออกจากระบบผิดพลาดด้วยเงื่อนไขต่างๆ
  • Clear Cache : ล้างไฟล์แคชออกจากระบบ
  • Clear Expired Cache : ล้างไฟล์แคชจากการเก็บเบื้องหลังการทำงานของระบบที่หมดอายุ หรือไม่ได้ใช้งานแล้ว
  • System Information : แสดงรายละเอียดของระบบเว็บไซต์อย่างละเอียด

joomla cms 34

2. Users : เมนูการจัดการบัญชีผู้ใช้

  • Manage : การเพิ่มบัญชีผู้ใช้งานใหม่
  • Groups : การเพิ่มลุ่มผู้ใช้ใหม่
  • Access Levels : การกำหนดสิทธิเข้าใช้งานของกลุ่มต่างๆ
  • Fields : การสร้างช่องกรอกรายละเอียดของบัญชีใช้งาน (สำหรับรายละเอียดรายบุคคล)
  • User Actions Log : บันทึกการใช้งานของผู้ใช้งาน
  • Mass Mail Users : การส่งอีเมลกลุ่ม

joomla cms 35

3. Menus : การจัดการเมนู

  • Manage : การจัดการเพิ่มหัวข้อเมนูใหม่
  • All Menu Items : แสดงรายการเมนูทั้งหมด
  • Main Menu : เมนูหลักของเว็บไซต์ที่ระบบสร้างขึ้น
  • Top : เมนูด้านบนของเว็บไซต์
  • User Menu : เมนูสำหรับสมาชิกในระบบ

joomla cms 36

4. Content : การจัดการเนื้อหา

  • Articles : บทความ/เนื้อหาทั้งหมด
  • Categories : หมวดหมู่ของบทความ
  • Featured Articles : บทความที่แสดงผลในหน้าแรก
  • Media : การจัดการสื่อ (ภาพ/เสียง/วีดิโอ) ที่ใช้ประกอบบทความ

joomla cms 37

5. Components : คอมโพเนนท์ส่วนควบคุมการทำงานของเว็บไซต์

  • Banners : การควบคุมแบนเนอร์โฆษณาในเว็บไซต์
  • Contacts : ส่วนติดตั้งหน้าแสดงผลการติดต่อกับเว็บไซต์
  • Joomla! Update : ตรวจสอบการอัพเดทระบบจูมลา
  • Redirects : การตั้งค่าให้ลิงก์ที่ผิดพลาดทำงานไปยังหน้าที่ต้องการ
  • etc. : มีอีกเยอะตามคอมโพเนนท์ที่ติดตั้งในระบบ

joomla cms 38

6. Extensions : การจัดการส่วนขยายในระบบ

  • Manage : การจัดการระบบต่างๆ ทั้งการติดตั้งส่วนขยาย การอัพเดท การลบออกจากระบบ ฯลฯ
  • Modules : การจัดการโมดูลแสดงผลต่างๆ ทั้งขนาด/ตำแหน่งที่แสดง การเปิด/ปิดการแสดงผล
  • Plugins : การจัดการปลั๊กอินในระบบ การแสดงผลและอื่นๆ
  • Templates : การจัดการเทมเพลตที่แสดงผลในเว็บไซต์
  • Language(s) : การจัดการภาษาที่แสดงผลในเว็บไซต์ทั้งส่วนหน้าและส่วนผู้ดูแลระบบ

joomla cms 39

7. Help : การช่วยเหลือ

  • Joomla! Help : ระบบช่วยเหลือของทีมงาน Joomla! ใครมีปัญหาติดขัดก็คลิกที่ลิงก์ต่างๆ ไปหาวิธีการแก้ไขได้ในเว็บไซต์ของผู้พัฒนา เว็บบอร์ด สำหรับชุมชนผู้พัฒนาและผู้ใช้งาน (ส่วนใหญ่ก็ภาษาอังกฤษนะ มีส่วนที่เป็นภาษาไทยแต่มีคนมาตอบกันน้อย) แนะนำซื้อหนังสือ "การใช้งาน Joomla! 3.x" มาอ่านดีกว่าครับ

การแก้ไขเนื้อหาเว็บไซต์หน้าแรก

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

joomla cms 42

ในหน้าแรกจะมีบทความที่แสดงจำนวน 4 เรื่อง คือ Joomla!, Beginners, Upgraders, Professionals เราจะทดลองแก้ไขเนื้อหาแรกคือ Joomla! ให้เป็นภาษาไทยตามที่เราต้องการ โดยไปที่หน้าผู้ดูแลระบบ (Administrator) ล็อกอินแล้วเลือกเมนู Content จะพบรายการบทความมากมายดังภาพล่าง

joomla cms 41

เราจะหาบทความที่ต้องการได้หลายวิธี เช่น ค้นหาจากช่อง Search ด้วยคำหรือข้อความหัวเรื่อง หรือจะใช้เครื่องมือ Search Tools ที่สามารถกำหนดรายละเอียดได้ เช่น ค้นหาตามหมวดมู่ ตามสถานะการเข้าถึง ฯลฯ แต่ที่ง่ายๆ เมื่อบทความอยู่หน้าแรกเราก็หาจาก Featured Articles (วงรีสีแดงซ้ายมือ) ได้เลย

joomla cms 43

เราก็คลิกที่หัวเรื่อง Joomla! เพื่อเข้าไปแก้ไขเนื้อหาได้เลย ซึ่งเราจะแก้ใน 3 ส่วนคือ หัวเรื่อง (Title) ลิงก์อ้างอิง (Alias) และในส่วนเนื้อหา

joomla cms 44

ก่อนการแก้ไข และหลังการแก้ไข

joomla cms 45

จัดการแก้ไขตามที่เราต้องการจากภาพบนมาเป็นดังภาพล่าง เมื่อเสร็จสิ้นแล้วทำการบันทึก กดปุ่ม Save หรือ Save & Close เพื่อดูผลกันได้เลย เปลี่ยนแปลงได้แล้ว เย้ๆๆ!!!

joomla cms 46

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

สนับสนุนให้ Easyhome in Thailand อยู่รับใช้ท่านตลอดไป ด้วยการคลิกแบนเนอร์ไปเยี่ยมผู้สนับสนุนของเราด้วยครับ