คู่มือ อบรม Joomla! 3.x
•
65 recomendaciones•24,664 vistas
คู่มือ อบรม Joomla 3.x โดย พิศาล เชื้อชาติไชย บริษัท ColorPack Creations Co., Ltd. ใช้ได้กับ joomla 3.x www.colorpack.co.th
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a คู่มือ อบรม Joomla! 3.x
Similar a คู่มือ อบรม Joomla! 3.x (20)
คู่มือ อบรม Joomla! 3.x
- 2. พิศาล เชื้อชาติไชย (บู) Project Manager - ColorPack Creations Co., Ltd. www.facebook.com/chueachatchai www.colorpack.co.th www.joomlachannel.com
- 5. กำหนดกลุ่มเป้าหมาย 2. เมื่อมาแล้วเขาจะได้อะไรกลับไป ? 3. เมื่อมาแล้วอยากให้เขาจะทำอะไรกับเว็บเรา ? 1. คนกลุ่มไหนที่เราต้องการให้มาเว็บเรา ?
- 7. Joomla! เป็นระบบจัดการเนื้อหาบนเว็บ หรือ CMS (Content management system) ที่ เป็น Open Source ที่เขียนด้วยภาษา PHP และ ใช้ฐานข้อมูล MySQL
- 8. - ใช้ง่าย (ต้องเรียนรู้) - เปิดเผยโค้ด Open Source - รองรับเว็บไซต์ขนาดใหญ่ - ฟรี (ถ้าลงมือทำเอง) - ลิขสิทธิ์เป็นแบบ GNU/GPL ทำไมเลือก joomla!
- 10. ขั้นตอนการสร้างเว็บไซต์โดยทั่วไป 1. จดชื่อโดเมน (Domain Name) 2. เช่าพื้นที่เก็บเว็บ (Hosting) 3. ออกแบบเว็บไซต์ ตามแผนงาน 4. Upload เว็บขึ้น hosting 5. ประชาสัมพันธ์เว็บไซต์ให้เป็นที่รู้จัก 6. Update และพัฒนาเว็บไซต์
- 11. IP Address หมายเลขประจำเครื่องคอมพิวเตอร์ หรืออุปกรณ์ที่ใช้เชื่อมต่อกับ internet เช่น 203.146.102.112 203.150.3.242 192.168.1.1 10.107.1.1
- 12. ชื่อโดเมน คือ ชื่อเรียกเสมือน เช่น www.webmaster.or.th เป็นชื่อโดเมนของสมาคมผู้ดูแลเว็บไทย ชื่อโดเมนนั้นมีความ สำคัญมาก เพราะบ่งบอกประเภทของหน่วยงาน และสถานที่จด ทะเบียนการใช้งาน
- 16. Site Name = ชื่อของเว็บ อาจใส่ชื่อ องค์กร กลุ่ม Description = ข้อความอธิบายเว็บ ใส่ข้อความอธิบายว่าเว็บทำเกี่ยวกับอะไร
- 17. Admin Email = ใส่อีเมลของผู้ดูเล Admin Username = ชื่อที่ใช้ login * อย่าใช้ คำว่า admin Admin Password = ใส่รหัสผ่าน * เพื่อความปลอดภัยควรใส่ อย่างน้อย 8 ตัว Confirm Password = ใส่รหัสผ่าน อีกครั้ง * ใส่ให้เหมือนช่องแรก
- 25. สร้าง Category ตาม Sitemap คิด SiteMap ขั้นตอนการทำงาน ใส่เนื้อหาตาม Category สร้างเมนูเพื่อแสดง เนื้อหา ในCategory
- 26. หน้าแรก Category Sub Category ข่าวกีฬา ข่าวการเมือง Article ข่าวบันเทิง1 ข่าวบันเทิง1 ข่าวบันเทิง1 ข่าวบันเทิง1 ท่องเที่ยว บทความ 1 บทความ 1 คอมพิวเตอร์ บทความ บทความ 1 บทความ 1 ประกาศ ข่าวบันเทิง ข่าว Home Site Map
- 28. เพิ่ม Category สร้างหมวดหมู่ใหม่ หากต้องการดูหมวดหมู่ทั้งหมด คลิ๊กที่ Category Manager
- 34. เพิ่ม link บทความ คลิ๊กเพื่อใส่ ลิงก์ไปยัง เนื้อหาที่เลือก
- 36. ใส่ปุ่มอ่านต่อ ปุ่มอ่านต่อ ( read more) จะแสดงในหน้ารวม เนื้อหาใน หมวดหมู่ เป็นการตัดข้อความ ในหน้ารวมให้สั้น หากอยากอ่าน เพิ่มให้คลิ๊กอ่านต่อ
- 37. ใส่ปุ่มอ่านต่อ
- 40. การติดตั้ง JCE
- 41. การติดตั้ง JCE
- 48. àเÁม¹นÙู
- 51. คอลัมพ์ 1 คอลัมพ์ 2 คอลัมพ์3
- 60. Module Manager โมดูล ใน Joomla เป็ นตัวตัวแสดงผล บนหน้าเว็บ มี 2 แบบ 1.โมดูลของ คอมโพเน้น 2.โมดูล ที<แสดงผลได้ด้วยตัวอง
- 61. Module Manager โมดูลของ คอมโพเน้น โมดูลประเภทนีB จะอาศัยข้อมูลจาก คอมโพเน้นมาแสดงผล หากคอมโพเน้นไม่มีข้อมูล โมดูลก็ไม่สามารถแสดงข้อมูลได้ ตัวอย่าง โมดูล แสดงเนืBอหาล่าสุด จะนําข้อมูลจาก Component Content มาแสดง โมดูล แสดงเมนู จะนําข้อมูลจาก Component Menu มา แสดง โมดูล แสดงกระทู้ล่าสุด จะนําข้อมูลจาก Component Webboard มาแสดง
- 62. Module Manager โมดูลของที<แสดงผลด้วยตัวเอง โมดูลประเภทนีB จะสามารถแสดงผลได้ด้วยตัวเอง เช่น โมดูล แสดงราคาน้ํามัน เป็ นโมดูลที<แสดงผลโดยการดึงหน้า ราคาน้ํามันมาจากเว็บบริษัทน้ํามัน โมดูล Custom HTML เป็ นโมดูลที<เรา ใส่ข้อความรูปภาพลง ไปในโมดูลได้เลย
- 64. สร้างโมดูลใหม่
- 66. การตั้งค่าโมดูล ส่วนของ Toolbar 1 ชื่อโมดูล 2 ส่วนรายละเอียดโมดูล 3 กำหนดตำแหน่ง 4 สถานะขอโมดูล 5
- 68. New Module ส่วนการตั้งค่าแสดงผล ส่วนนี้ต้องบอกก่อนเลยว่า แต่ละโมดูลไม่ เหมือนกัน ต้องศึกาาวิธิการตั้งค่าของ แต่ละโมดูล 1. เลือก Category ที่ต้องการให้โมดูล ดึงมาแสดง 2. จำนวนเนื้อหาที่ต้องการให้แสดง 3. แสดงเนื้อหาที่เป็น Featured หรือไม่ 4. ลำดับที่ต้องการให้แสดง 5. ผู้เขียนที่ต้องการให้แสดง
- 69. New Module On All Page คือ แสดงทุกหน้า No Page คือไม่แสดง Only on the pages selected คือ เฉพาะหน้าที<เลือก On all pages except those selected คือ แสดง หน้าที<ไม่ได้เลือก ส่วนของการกำหนดเชื่อมโยงเมนู ส่วนนี้จะเป็นการตั้งค่าให้โมดูล ไปแสดงที่ เมนูไหนบ้าง
- 70. Module Position คือ ตําแหน่งต่างๆบนแทมเพลต โดย ชื<อของตําแหน่งจะแตกต่างกันไป แล้ว แต่คนทําแทมเพลต 1 ตําแหน่ง สามารถวางได้หลายโมดูล
- 71. Module Position
- 76. User Viewing Access Levels Public = ทุกคน Registered = เฉพาะสมาชิก Special = ผู้มีหน้าที่ Access คือการจำกัดการเข้าถึง Guest = กลุ่ม Guest Super User = กลุ่ม ผู้ดูแล
- 77. User Group กลุ่ม Special Manager = สามารถเข้าหลังบ้านได้ แต่ไม่สามารถใช้งาน คอมโพเน้นได้ Author = สามารถเขียนบทความได้ แก้ไขบทความของตัวเอง ได้ แต่ไม่สามารถเผยแพร่ Administrator = สามารถเข้าหลังบ้านทํางานได้ทุกอย่าง ยกเว้น Global Configuration Editor = สามารถเขียนบทความได้ แก้ไขบทความของคนอื<น ได้ แต่ไม่สามารถเผยแพร่ Publisher = สามารถเขียนบทความได้ แก้ไขบทความของ คนอื<นได้ สามารถเผยแพร่ บทความได้ กลุ่มทำงานส่วนหลังบ้าน กลุ่มทำงานหน้าเว็บ
- 78. User Manager User Manager เป็นส่วนของการ จัดการสมาชิก จะแสดงรายชื่อ สมาชิกทั้งหมด และสามารถเพิ่ม สมาชิกใหม่ได้จากที่นี่
- 80. User Manager
- 81. สร้าง User Menu ที่ Menu Manager เป็นการ เพิ่ม กลุ่มเมนูใหม่ นอกเหนือจาก MainMenu
- 85. สร้าง เมนู แก้ไขข้อมูลส่วนตัว เมนู แก้ไข้ข้อมูล ส่วนตัว จะแสดงก็ต่อ เมื่อ สมาชิก Login เข้าสู่ระบบแล้ว
- 87. สร้าง เมนู เขียนบทความ เมนู เขียน บทความ จะแสดงก็ ต่อเมื่อ สมาชิก Login เข้าสู่ระบบ เป็นสมาชิกระดับ
- 88. สร้าง User Menu ชื่อเมนู 1 Access ของเมนู 2 ชนิดของเมนู 3
- 89. สร้าง Module User Menu 1 Module Manager 2 คลิ๊ก New 3 เลือกชนิดโมดูล Menu
- 90. สร้าง Module User Menu โมดูลเมนูสมาชิก จะแสดง เฉพาะ ที่ Login (4) แล้ว และดึงเมนู User Menu มา แสดง (2)
- 91. User Access View Public Registered Special
- 93. ส่วนเสริมของ Joomla! joomla! เป็น ระบบจัดการเนืBอหา ที<สามารถเพิ<ม ความสามารถได้ โดยติดตัBง ส่วนเสริมเข้าไป ซึ<ง ส่วนเสริมของจูมล่า จะแบ่งออกเป็น • Components • Modules • Plugins • Templates • Languages
- 95. Joomla! Component C คอมโพเน้น ถือเป็นส่วนเสริมใหญ่ที3สุด เรียกได ้ว่าเป็น โปรแกรมขนาดเล็ก ในจูมล่าอีกทีก็ได ้ คอมโพเน้นต่าง ๆ จะถูกพัฒนาขึJนมาเพื3อทํางานเฉพาะ ด ้าน และการทํางานของคอมโพเน้นท์จะอยู่ที3ส่วนของ หลังบ ้าน (back end) เป็นหลัก การแสดงผลของคอมโนเน้นท์ที3ด ้านหน้าเว็บไซต์นัJน จะ สามารถทําได ้โดยการสร ้างเมนูไปหาคอมโพเน้นท์ และ การทําโมดูลเพื3อเรียกใช ้งานคอมโพเน้นท์ ตัวอย่างเช่น Content (com_content) เป็นคอมโพเน้น ที3ใช ้แสดงเนืJอหา โดยคนเข ้าเว็บจะเห็นเนืJอหา ส่วนผู้ ดูแลก็เพิ3มแก ้ไขเนืJอหาที3หลังบ ้าน
- 96. Joomla! Module M โมดูล เป็นส่วนเสริมเล็กๆ ที3แสดงเป็นกล่องๆ ส่วนใหญ่ใช่ประกอบตกแต่งเว็บ โดยจะอาศัยข ้อมูลจาก คอมโพเน้นมาแสดงผล หากคอมโพเน้นไม่มีข ้อมูล โมดูล ก็ไม่สามารถแสดงข ้อมูลได ้ ตัวอย่างเช่น โมดูล แสดงเนืBอหาล่าสุด ( mod_articles_latest) จะนําข้อมูลจาก Component Content มาแสดง แต่ก็มีโมดูลบางตัว จะสามารถแสดงผลได ้ด ้วยตัวเอง เช่น โมดูล Custom HTML เป็นโมดูลที3เรา ใส่ข ้อความ รูปภาพลงไปในโมดูลได ้เลย
- 97. Joomla! Plugin P ปลัRกอิน เป็นส่วนเสริมที3ทํางานอยู่เบืJองหลัง เสริมการทํางานของคอมโพเน้น เราจะไม่เห็นรูปร่าง ชัดเจนของปลัTกอินนัก ยกตัวอย่างเช่น ปลัTกอิน Search - Content จะทําหน้าที3ไปค ้นหา ข ้อมูลใน Content (com_content) เมื3อมีคนพิพม์คํา ค ้นหา หากปิด ปลัTกอิน ตัวนีJก็จะค ้นหาไม่เจอ ปลัTกอิน Authentication - Joomla จะทําหน้าที3 ตรวจสอบ เมื3อมีคน Login ว่า User Name กับ Password ตรงกันหรือไม่ หากปิด ปลัTกอิน ตัวนีJก็จะไม่ สามารถ loginได ้
- 98. Joomla! Plugin T แทมเพลต เป็นส่วนเสริมที3เป็นเหมือน หน้ากากของเว็บ ที3กําหนดสี ขนาดตัวอักษรเป็นตัว กําหนดการแสดงผลที3หน้าเว็บ รูปร่างหน้าตาของ เว็บไซต์ ว่าสามารถวางโมดูลไว ้ตําแหน่งใดๆได ้บ ้าง แทมเพลตมีการวางตําแหน่งและชื3อตําแหน่งแตกต่าง กันไปแล ้วแต่คนสร ้างแทมเพลต
- 99. Joomla! Plugin L ภาษา เป็นส่วนเสริมที3แสดงเมนู คําอธิบายในจูมล่าเป็น ภาษาต่างๆได ้
- 100. Joomla! Extension Install เมนูจัดการส่วนเสริม 1 ใช้เลือกไฟล์แล้วติดตั้ง 2 ใส่โฟลเดอร์บนเว็บเพื่อติด ตั้ง 3 ใส่ URL เพื่อติดตั้ง 4
- 101. Joomla! Contact Manager การจัดการ การติดต่อ
- 103. สร้าง รายชื่อผู้ติดต่อ สร้าง Category ในการติดต่อ ขั้นตอนการทำงาน - การติดต่อ สร้างเมนูเพื่อแสดง ผลการติดต่อ
- 108. การจัดการการติดต่อ - สร้างเมนู * การสร้างเมนู จะนำไปไว้กลุ่มเมนูไหนขึ้นอยู่กับเจ้าของเว็บ ไม่จำเป็นต้องเป็น Mainmenu
- 109. การจัดการการติดต่อ - สร้างเมนู List All Contact Categories = แสดง รายการหมวดหมู่การติดต่อทั้งหมด List Contacts in a Category = แสดงรายชื่อ ผู้ติดต่อในหมวดหมู่ที่เลือก Single Contact = แสดงรายละเอียดผู้ติดต่อ คนใดคนหนึ่ง Featured Contacts = แสดงรายชื่อผู้ติดต่อที่ ถูกเลือกให้เป็น Featured Contacts
- 114. การจัดการเว็บลิงค์ ระบบจัดการเว็บลิงค์ เป็ นระบบเอาไว้ รวบรวมเว็บลิงค์ที<น่าสนใจ ที<เกี<ยวข้อง กับเว็บเรา สามารถสร้างหมวดหมู่ได้
- 115. สร้าง รายการเว็บลิงค์ สร้าง Category ของเว็บลิงค์ ขั้นตอนการทำงาน - เว็บลิงค์ สร้างเมนูเพื่อแสดง ผลเว็บลิงค์
- 120. การจัดการเว็บลิงค์ - สร้างเมนู * การสร้างเมนู จะนำไปไว้กลุ่มเมนูไหนขึ้นอยู่กับเจ้าของเว็บ ไม่จำเป็นต้องเป็น Mainmenu
- 121. การจัดการเว็บลิงค์ - สร้างเมนู List All Weblink Categories = แสดงรายการ หมวดหมู่เว็บลิงค์ทัBงหมด List Weblink in a Category = แสดงรายชื<อ เว็บลิงค์ในหมวดหมู่ที<เลือก Submit a Web Link = เมนูให้สมาชิกส่งเว็บ แนะนํา
- 126. Joomla! Newsfeeds Manager การจัดการ Newsfeeds
- 127. การจัดการ Newsfeeds Newsfeeds เป็นระบบเอาไว้รวบรวม ข่าวจากเว็บที<น่าสนใจ โดยจะดึง ชื<อ ข่าว เนืBอหาบางส่วนมาแสดงที<เว็บเรา ได้
- 128. สร้าง รายการ Newsfeed สร้าง Category Newsfeeds ขั้นตอนการทำงาน - Newsfeeds สร้างเมนูเพื่อแสดง Newsfeeds
- 129. การจัดการ Newsfeeds - สร้างหมวดหมู่
- 130. การจัดการ Newsfeeds - สร้างหมวดหมู่
- 131. การจัดการ Newsfeeds - สร้าง Feed
- 132. การจัดการ Newsfeeds - สร้าง Feed
- 133. การจัดการ Newsfeeds - หาข่าวที่ปล่อย Feed
- 134. การจัดการ Newsfeeds - หาข่าวที่ปล่อย Feed
- 135. การจัดการ Newsfeeds - สร้าง Feed
- 136. การจัดการ Newsfeeds - สร้างเมนู * การสร้างเมนู จะนำไปไว้กลุ่มเมนูไหนขึ้นอยู่กับเจ้าของเว็บ ไม่จำเป็นต้องเป็น Mainmenu
- 137. การจัดการ Newsfeeds - สร้างเมนู List All News Feeds Categories = แสดง รายการหมวดหมู่ News Feeds ทัBงหมด List News Feeds in a Category = แสดงราย ชื<อ News Feeds ในหมวดหมู่ที<เลือก Single News Feeds = แสดงข่าว News Feeds เดียว
- 138. การจัดการ Newsfeeds - สร้างเมนู
- 139. การจัดการ Newsfeeds - สร้างเมนู
- 140. การจัดการ Newsfeeds - สร้างเมนู
- 142. สร้าง รายการ Banner สร้าง Category Banner ขั้นตอนการทำงาน - Banner สร้างModule เพื่อแสดง Banner สร้าง Clients * เพราะลักษณะการแสดงผลของแบนเนอร์ ต้องนำไปแสดงตามจุดต่างๆ จึงอาศัยโมดูลใน การแสดง
- 143. www.colorpack.co.th การจัดการ Banner Banner เป็นคอมโพเน้นที่ใช้ จัดการ ป้ายโฆษณา สามารถกำหนด ให้จำนวนครั้งในการแสดงได้ สามารถแสดงตาม tag ได้ และ สามารถแสดงได้หลายจุดบนหน้า
- 144. การจัดการ Banner - สร้าง Clients
- 145. การจัดการ Banner - สร้าง Clients
- 146. การจัดการ Banner - สร้าง หมวดหมู่
- 147. การจัดการ Banner - สร้าง หมวดหมู่
- 148. การจัดการ Banner - สร้าง Banners
- 149. การจัดการ Banner - สร้าง Banners
- 150. การจัดการ Banner - สร้าง Banners
- 151. การจัดการ Banner - สร้าง โมดูล
- 152. การจัดการ Banner - สร้าง โมดูล
- 153. การจัดการ Banner - สร้าง โมดูล
- 154. การจัดการ Banner - สร้าง โมดูล
- 156. การจัดการ สถิติคำค้น
- 157. การจัดการ สถิติคำค้น - เปิดการเก็บสถิติ คลิ๊กที่ Options เพื่อตั้งค่า
- 158. การจัดการ สถิติคำค้น - เปิดการเก็บสถิติ
- 159. การจัดการ สถิติคำค้น - เปิดการเก็บสถิติ เมื่อเราเปิดระบบสถิติคำค้นแล้ว หากมีคนมาค้นหาข้อมูลในเว็บเรา ระบบจะเก็บคำค้นและ สถิติ ว่ามีคำไหนบ้าง ค้นกี่ครั้ง ค้นแล้วเจอ กี่บทความ เพื่อให้เจ้าของเว็บนำไปวิเคราะห์ความสนใจ ของคนเข้าเว็บ * หากเว็บมีคนเข้าเยอะ การเก็บสถิติจะมีการใช้พื้นที่ในฐานข้อมูลมากขึ้น
- 164. การจัดการภาษา - การตั้งค่าภาษาหลัก หน้าเว็บ
- 165. การจัดการภาษา - การตั้งค่าภาษาหลัก หน้าเว็บ
- 166. การจัดการภาษา - การตั้งค่าภาษาหลัก ผู้ดูแล
- 167. การจัดการภาษา - การตั้งค่าภาษาหลัก ผู้ดูแล
- 169. การจัดการเทมเพลต เทมเพลต เป็ น รูปร่างหน้าตาของ เว็บไซต์ที<เราเห็นทัBงหมด ทัBงลักษณะ ตัวอักษร สี และรูปแบบการจัดวาง โมดูล เทมเพลตจึงเปรียบเหมือน บ้าน พร้อมอยู่ที<รอการตกแต่ง ด้วยโมดูล ต่างๆ
- 179. การจัดการเทมเพลต - การปรับโมดูลให้ตรงตามตำแหน่ง เมื่อเราเปลี่ยนเทมเพลตแล้ว ตำแหน่งโมดูลจะเปลี่ยนไป ตามเทมเพลตนั้น ชื่อเรียกจะไม่เหมือนกัน เมื่อเรารู้ตำแหน่ง โมดูลของแต่ละแทมเพลตแล้ว ให้ มาเปลี่ยนตำแฟน่งของ โมดูลให้ตรงกับเทมเพลตที่เราใช้งาน
- 182. การจัดการเทมเพลต - การปรับโมดูลให้ตรงตามตำแหน่ง โมดูล Main menu จะถูกแสดงในตำแหน่งที่ชื่อ menu ของเทมเพลต
- 187. การสำรองข้อมูล - Backup การสำรองข้อมูล หรือ Backup เป็นเรื่องสำคัญ เพราะ การทำเว็บ มีความเสี่ยงต่อการที่ข้อมูลสูญหายอยู่ตลอดเวลา การ สำรองข้อมูลจึงเป็นเรื่องสำคัญ การวางแผนการสำรองข้อมูลขึ้นอยู่กับ เจ้าของเว็บ ว่าจะทำการสำรอง เป็น รายสัปดาห์ รายเดือน หรือรายวัน *เมื่อทำการสำรองข้อมูลแล้วให้โหลดมาเก็บ อย่าทิ้งไว้บนเว็บ
- 188. การสำรองข้อมูล - Backup คอมโพเน้นที่เราจะใช้สำรองข้อมูลคือ Akeeba backup จากเว็บ http://akeebabackup.com/
- 189. การสำรองข้อมูล - ติดตั้ง Akeeba Backup
- 190. การสำรองข้อมูล - ติดตั้ง Akeeba Backup
- 191. การสำรองข้อมูล - ติดตั้ง Akeeba Backup
- 192. การสำรองข้อมูล - ติดตั้ง Akeeba Backup
- 193. การสำรองข้อมูล - ติดตั้ง Akeeba Backup
- 194. การสำรองข้อมูล - ตั้งค่า Akeeba
- 195. การสำรองข้อมูล - Akeeba Backup หากเว็บมีขนาดใหญ่เกิน 1GB ให้ใช้ JPA
- 197. การสำรองข้อมูล - Backup Progress
- 198. การสำรองข้อมูล - Backup Completed หากอยู่หน้าแรกของ akeeba เข้ามาจาก iconนี้
- 199. การสำรองข้อมูล - Download Backup Download Backup ลงมาเก็บ
- 201. การกู้คืนข้อมูล - Restore การกู้คืน ข้อมูลจาก Akeeba Backup ให้เราแตกไฟล์ ที่เราสำรองไว้ จากนั้นนำโฟลเดอร์และไฟล์ทั้งหมด ไปไว้บน Server ที่ต้องการติดตั้ง แล้วเรียกหน้าเว็บ