Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
•
1 like•1,347 views
สไลด์ประกอบการอบรมจูมล่า ในงาน JoomlaTalk ครั้งที่ 6 โดยทีมบริษัท Marvelic Engine Co.,Ltd. ผู้เชี่ยวชาญจูมล่า
More Related Content
What's hot (7)
Similar to Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template (20)
More from Akarawuth Tamrareang (16)
Joomla Talk ครั้งที่ 6 Back to basic Joomla and Template
- 1. Joomla! TALK#6 Back to Basic Joomla and Template 1
- 2. about us อัครวุฒิ ตำราเรียง Akarawuth Tamrareang (JoomlaCorner) akarawuth@marvelic.co.th twitter: @joomlacorner www.marvelic.co.th www.akarawuth.com Tel : 02 717 1120-1 - กรรมการผู้จัดการ Marvelic Engine Co.,Ltd. www.marvelic.co.th - อุปนายกสมาคมศึกษาและพัฒนาโอเพ่นซอร์ส OSEDA.or.th - Joomla! Bug Squad : joomla.org - Founder JoomlaCorner.com - กรรมการควบคุมจริยธรรม สมาคมผู้ดูแลเว็บไทย - ผู้อำนวยการฝ่ายเทคโนโลยีสารสนเทศ สมาคมอาสาสมัครบรรเทาสาธารณภัยแห่งประเทศไทย - ที่ปรึกษาสมาคมการดับเพลิงและช่วยชีวิต - อดีตกรรมการบริหาร OpenSource Matters Inc.(Joomla Project) 2
- 3. The Joomla CMS provides a robust content management system for you to develop your dynamic websites. 3
- 17. Template Editor
- 18. Install from Web
- 21. Black-end Isis Template improvements ݺߣbar Filters Box in Module Manager
- 22. NoCaptcha Buil-in Plugin In Joomla 2.5 and Joomla 3.3 there were ReCaptcha plugin (service) used to prevent spammers. And now in Joomla 3.4 you will get NoCaptcha plugin.
- 23. NoCaptcha Buil-in Plugin In Joomla 2.5 and Joomla 3.3 there were ReCaptcha plugin (service) used to prevent spammers. And now in Joomla 3.4 you will get NoCaptcha plugin.
- 24. Front-end Module Editing Improvements
- 25. Front-end Module Editing Improvements
- 26. The Joomla Framework provides a set of files which can be used to create both web and command line applications. The Joomla CMS provides a robust content management system for you to develop your dynamic websites. 19
- 30. Software Park , iPhone4Society 23
- 32. S&P Intranet 25
- 33. โรงเรียนกวดวิชา โอพลัส : oplus-school.com 26
- 34. โรงเรียนกวดวิชา โอพลัส : oplus-school.com 26
- 40. yoga101.co.th
- 41. yoga101.co.th
- 42. cmsplugin.com
- 43. cmsplugin.com
- 46. ProjectFork.net
- 49. stackideas.com
- 56. ʰfil
- 57. ʰfil
- 63. virtueMart.net
- 64. Integration
- 65. Integration
- 66. Integration
- 67. Integration
- 68. Integration
- 69. • ห้ามใช้ PHP 4.3.9, 4.4.2 หรือ 5.0.4. ซึ่งเป็น releases ที่มีบั๊กซึ่งจะมีปัญหาในการติดตั้ง และ Zend Optimizer 2.5.10 สำหรับ PHP 4.4.x ก็ยังมีบั๊กที่ร้ายแรงให้ใช้เวอร์ชั่นที่ใหม่กว่า • ดูข้อมูลเพิ่มเติมได้ที่ : http://www.joomla.org/technical-requirements.html 46
- 72. ฟรีเว็บไซต์ 90 วันภายใต้ siteName.demojoomla.com 2.ฟรีเว็บไซต์ 90 วัน demo.joomla.org
- 73. 3.เช่า Hosting จากผู้ให้บริการ 4.จำลองเครื่องตัวเองเป็น Web Server
- 74. Tools open source ที่ใช้งาน • XAMPP หรือ Software ที่ใช้จำลองเป็น WebServer เว็บไซต์ : https://www.apachefriends.org • FileZilla Client โปรแกรม FTP Client ใช้ในการ Transfer ข้อมูลขึ้น Hosting เว็บไซต์ : https://filezilla-project.org • 7-Zip โปรแกรมใช้สำหรับแตกไฟล์/บีบอัดไฟล์ ใช้แทน WinZip, WinRAR เว็บไซต์ : http://www.7-zip.org • NotePad++ Text Editor สำหรับใช้แก้ไข Code เว็บไซต์ : http://notepad-plus-plus.org • XMind ใช้ในการวางแผนโครงสร้างเว็บไซต์ เว็บไซต์ : http://www.xmind.net 51
- 75. จำลองเครื่องเป็น WebServer / ติดตั้ง XAMPP 52
- 76. http://localhost or http://127.0.0.1 ให้นำเว็บไซต์ไปไว้ภายใต้ Directory นี้ drive:xampphtdocs การติดตั้ง XAMPP 53
- 77. ขั้นตอนการสร้างเว็บไซต์ด้วย Joomla! 1. ทำการดาวน์โหลด Joomla! เวอร์ชั่นที่ต้องการจากเว็บไซต์ joomla.org 2. แตกไฟล์ Joomla! Package ที่ดาวน์โหลดมา แล้วทำการ Transfer files ทั้งหมด ขึ้นไปไว้ใน Hosting ที่ได้เตรียมไว้ 3. ทำการติดตั้ง Joomla! โดยพิมพ์ URL ของเว็บที่ได้นำไฟล์ Joomla! ขึ้นไปไว้ เช่น http://yourdomain.com หรือหากจำลองไว้ในเครื่องก็เป็น http://localhost/youFolderName 4. เตรียม SiteMap ของเว็บไซต์ เมนูต่างๆ รวมถึงข้อมูลที่จะมีบนเว็บไซต์ 5. ตั้งค่า TimeZone ใน Global Configuration 6. จัด Group แบ่งประเภทของเนื้อหา , ใส่เนื้อหา 7. สร้างเมนู 8. ติดตั้ง Extensions (Template,Modules,Plugins) ที่ต้องการตามความจำเป็น 9. ตั้งค่าปรับแต่งเว็บไซต์ เปิดโมดูล ในตำแหน่งที่ต้องการ 54
- 78. 55
- 79. 56
- 80. 57
- 81. 58
- 82. 59
- 83. 60
- 84. 61
- 86. 63
- 88. 65 ตั้งค่า Server Time Zone
- 90. 67 ทำความรู้จัก Extensions ใน Joomla!
- 91. 68 Joomla! extensions แบ่งออกเป็น 5 ประเภท ✦ Templates - หน้ากากหรือหน้าเว็บไซต์ มีพื้นที่เป็นตำแหน่งต่างๆ ในการแสดงโมดูล ✦ Modules - เป็นส่วนโปรแกรมเพิ่มเติมที่ใช้แสดงบนตำแหน่งที่มีบนเทมเพลต เช่นข่าว ล่าสุด , เมนู , ฟอร์มล็อกอิน ฯลฯ ✦ Languages - ไฟล์ภาษา ✦ Components - Application เพิ่มเติมนอกเหนือจากการจัดการ Content ซึ่งมีทั้ง ชนิดที่ใช้งานผ่านด้านหน้าเว็บและใช้งานด้านผู้ดูแลเว็บ เช่น เว็บบอร์ด, แกลลอรี่ ฯลฯ ซึ่งจะแสดงผลในพื้นที่ๆ เป็น Mainbody หลักของเว็บไซต์ ✦ Plugins ฟังก์ชั่นการทำงานเพิ่มเติม ขึ้นอยู่กับชนิดของปลั๊กอิน เช่น อิดิเตอร์ที่ใช้เขียน บทความ , ส่วนของการ Login ฯลฯ 9
- 93. ตัวอย่าง Site Map ของเว็บ
- 95. โครงสร้าง Content ใน Joomla 72
- 98. 75 การจัดการเมนู
- 99. การจัดการเมนู 76
- 100. เลือกประเภทเมนู 77
- 102. 79
- 103. 80
- 104. 81 nav-pills
- 109. 86 การสำรองข้อมูลโดยใช้ AkeeBa Backup ✦ โหลดคอมโพเน้นท์ AkeeBa Backup Core จากเว็บไซต์ akeebabackup.com https://www.akeebabackup.com/products/akeeba-backup.html ✦ ติดตั้งคอมโพเน้นท์ผ่านทางเมนู Extensions->Extensions Manager ✦ ตั้งค่าโดยใช้ autoConfig ของคอมโพเน้นท์ จากนั้นสั่ง Backup Now ✦ ในการ Backup แต่ละครั้งจะได้ไฟล์นามสกุล .jpa เพื่อใช้ในงานร่วมกับ Akeeba KickStart 9
- 110. 87
- 111. 88 การติดตั้งเว็บไซต์โดยใช้ Akeeba KickStart ✦ โหลดไฟล์ Akeeba Kickstart จากเว็บไซต์ akeebabackup.com https://www.akeebabackup.com/products/akeeba-kickstart.html ✦ ทำการแตกไฟล์ kickstart-core-x.x.x.zip ที่ดาวน์โหลดมา แล้ว Copy ไฟล์ kickstart.php , jquery-ui.min.js, jquery.min.js, json2.min.js ไปไว้ในโฮสใหม่หรือ ใน directory ที่ต้องการจะติดตั้ง ✦ คัดลอกไฟล์นามสกุล .jpa ที่ได้ backup ไว้ไปไว้ในโฮสใหม่ที่ได้คัดลอก kickstart.php ไปไว้ ✦ พิมพ์ url เว็บใหม่เพื่อเรียกใช้ kickstart.php เช่น http://newdomain.com/ kickstart.php แล้วทำตาม ขั้นตอนในหน้าจอหน้าจอ 9