joomla talk ครั้งที่ 6 back to basic joomla and template
TRANSCRIPT
Joomla! TALK#6 Back to Basic Joomla and Template
1
about us
อัครวุฒิ ตำราเรียงAkarawuth Tamrareang
(JoomlaCorner) [email protected]
twitter: @joomlacornerwww.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
The Joomla CMS provides a robust content management system for you to develop your dynamic websites.
3
5https://docs.joomla.org/What_version_of_Joomla!_should_you_use
มีอะไรใหม่ใน Joomla! 3.x
Multilingual Install
Multilingual Install
Content Versioning
Content Versioning
Content Versioning
Template Editor
Install from Web
Two Factor Authentication
Two Factor Authentication
Black-end Isis Template improvements
Slidebar Filters Box in Module Manager
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.
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.
Front-end Module Editing Improvements
Front-end Module Editing Improvements
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
ตัวอย่างเว็บที่ใช้
20
มูลนิธิชัยพัฒนา21
มูลนิธิแม่ฟ้าหลวง ในพระบรมราชูปถัมภ์22
Software Park , iPhone4Society23
สถาบันพัฒนาองค์กรชุมชน codi.or.th24
S&P Intranet25
โรงเรียนกวดวิชา โอพลัส : oplus-school.com26
โรงเรียนกวดวิชา โอพลัส : oplus-school.com26
โรงพยาบาลเมตตาประชารักษ์ (วัดไร่ขิง)
cmsplugin.com
cmsplugin.com
Extensions เฉพาะทาง
ระบบจัดฝึกอบรม Softwarepark35
สร้างเว็บไซต์ Social Network
สร้างเว็บไซต์ Social Network
สร้างเว็บไซต์ Social Network
สร้างเว็บไซต์ Social Network
Profile
Profile
Activity Stream
Profile
Activity Stream
Profile
Activity Stream
Profile
eCommerce Solutions
https://www.blackreddesigns.com/store/products/1-flatlia-mobile-extensions/2-rent-a-bike-web-app
virtueMart.net
Integration
Integration
Integration
Integration
Integration
• ห้ามใช้ 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
เริ่มต้นใช้งาน Joomla
ฟรีเว็บไซต์ภายใต้ subdomain.joomla.com
1.ฟรีเว็บไซต์ joomla.com
ฟรีเว็บไซต์ 90 วันภายใต้ siteName.demojoomla.com
2.ฟรีเว็บไซต์ 90 วัน demo.joomla.org
3.เช่า Hosting จากผู้ให้บริการ
4.จำลองเครื่องตัวเองเป็น Web Server
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
จำลองเครื่องเป็น WebServer / ติดตั้ง XAMPP
52
http://localhost or http://127.0.0.1 ให้นำเว็บไซต์ไปไว้ภายใต้ Directory นี้drive:\xampp\htdocs
การติดตั้ง XAMPP
53
ขั้นตอนการสร้างเว็บไซต์ด้วย 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
55
56
57
58
59
60
61
http://yourwebsite.com/administrator
ส่วนของผู้บริหารเว็บไซต์
62
63
Tools bar icons
64
65ตั้งค่า Server Time Zone
66เปิดใช้ Unicode Aliases
67
ทำความรู้จัก Extensions ใน Joomla!
68
Joomla! extensions แบ่งออกเป็น 5 ประเภท
✦ Templates - หน้ากากหรือหน้าเว็บไซต์ มีพื้นที่เป็นตำแหน่งต่างๆ ในการแสดงโมดูล ✦ Modules - เป็นส่วนโปรแกรมเพิ่มเติมที่ใช้แสดงบนตำแหน่งที่มีบนเทมเพลต เช่นข่าวล่าสุด , เมนู , ฟอร์มล็อกอิน ฯลฯ
✦ Languages - ไฟล์ภาษา ✦ Components - Application เพิ่มเติมนอกเหนือจากการจัดการ Content ซึ่งมีทั้งชนิดที่ใช้งานผ่านด้านหน้าเว็บและใช้งานด้านผู้ดูแลเว็บ เช่น เว็บบอร์ด, แกลลอรี่ ฯลฯ ซึ่งจะแสดงผลในพื้นที่ๆ เป็น Mainbody หลักของเว็บไซต์
✦ Plugins ฟังก์ชั่นการทำงานเพิ่มเติม ขึ้นอยู่กับชนิดของปลั๊กอิน เช่น อิดิเตอร์ที่ใช้เขียนบทความ , ส่วนของการ Login ฯลฯ
9
69
โครงสร้าง Content
ตัวอย่าง Site Map ของเว็บ
ตัวอย่างประเภทของข้อมูลในเว็บ
โครงสร้าง Content ใน Joomla
72
ส่วนของการบริหารจัดการ Content
73
หน้าจอการเขียนเนื้อหา
74
75
การจัดการเมนู
การจัดการเมนู
76
เลือกประเภทเมนู77
การจัดการส่วนของ Extensions ต่างๆ
78
79
80
81
nav-pills
82
การจัดการ Templates
http://docs.joomla.org/J3.2:How_to_use_the_Template_Manager
83
http://docs.joomla.org/J3.2:How_to_use_the_Template_Manager
84
85
การสำรองข้อมูลและการย้ายเว็บ
86
การสำรองข้อมูลโดยใช้ AkeeBa Backup
✦ โหลดคอมโพเน้นท์ AkeeBa Backup Core จากเว็บไซต์ akeebabackup.comhttps://www.akeebabackup.com/products/akeeba-backup.html
✦ ติดตั้งคอมโพเน้นท์ผ่านทางเมนู Extensions->Extensions Manager ✦ ตั้งค่าโดยใช้ autoConfig ของคอมโพเน้นท์ จากนั้นสั่ง Backup Now ✦ ในการ Backup แต่ละครั้งจะได้ไฟล์นามสกุล .jpa เพื่อใช้ในงานร่วมกับ Akeeba
KickStart
9
87
88
การติดตั้งเว็บไซต์โดยใช้ Akeeba KickStart
✦ โหลดไฟล์ Akeeba Kickstart จากเว็บไซต์ akeebabackup.comhttps://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
Q & A
http://www.joomlacorner.com http://www.marvelic.co.th
http://www.joomla.or.th
89