Download - Joomla2 5 print
![Page 1: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/1.jpg)
ÍอºบÃรÁมÊสÃร�ŒÒา§งàเÇวºบ´ด�ŒÇวÂย
www.colorpack.co.th
![Page 2: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/2.jpg)
พศาล เชอชาตไชย (บ)
Project Manager - ColorPack Creations Co., Ltd. !
www.facebook.com/chueachatchai !www.colorpack.co.th !!
www.colorpack.co.th
![Page 3: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/3.jpg)
·ท∙ÓำàเÇวºบàเ¾พ×ÍอÍอÐะäไÃร ?
www.colorpack.co.th
![Page 4: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/4.jpg)
www.colorpack.co.th
àเ¢ข�ŒÒาãใ¨จàเ»ป�‡ÒาËหÁมÒาÂย¢ขÍอ§งàเÇวºบ·ท∙Õ·ท∙Óำ
¡กÒาÃรÇวÒา§งáแ¼ผ¹น·ท∙Õ´ดÕ
ÍอÍอ¡กáแºบºบãใËห�Œãใªช�Œ§งÒา¹น¹น�‹Òาàเªช×Íอ¶ถ×Íอ
![Page 5: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/5.jpg)
www.colorpack.co.th
¡กÓำËห¹น´ด¡กÅลØ�‹Áมàเ»ป�‡ÒาËหÁมÒาÂย
2. เมอมาแลวเขาจะไดอะไรกลบไป ?
3. เมอมาแลวอยากใหเขาจะทำอะไรกบเวบเรา ?
1. คนกลมไหนทเราตองการใหมาเวบเรา ?
![Page 6: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/6.jpg)
![Page 7: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/7.jpg)
Joomla! เปนระบบจดการเนอหาบนเวบ หรอ CMS (Content management system) ทเปน Open Source ทเขยนดวยภาษา PHP และ
ใชฐานขอมล MySQL
![Page 8: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/8.jpg)
www.colorpack.co.th
- ใชงาย (ตองเรยนร) - เปดเผยโคด Open Source - รองรบเวบไซตขนาดใหญ - ฟร (ถาลงมอทำเอง) - ลขสทธเปนแบบ GNU/GPL
·ท∙ÓำäไÁมàเÅล×Íอ¡ก joomla!
![Page 9: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/9.jpg)
www.colorpack.co.th
ãใ¤คÃรãใªช�Œ Joomla! ºบ�ŒÒา§ง
![Page 10: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/10.jpg)
www.colorpack.co.th
¢ขѹนµตÍอ¹น¡กÒาÃรÊสÃร�ŒÒา§งàเÇวºบäไ«ซµต�âโ´ดÂย·ท∙ÑÇวäไ»ป
1. ¨จ´ดªช×Íอâโ´ดàเÁม¹น (Domain Name)
2. àเªช�‹Òา¾พ×¹น·ท∙Õàเ¡กºบàเÇวºบ (Hosting)
3. ÍอÍอ¡กáแºบºบàเÇวºบäไ«ซµต� µตÒาÁมáแ¼ผ¹น§งÒา¹น
4. Upload àเÇวºบ¢ขÖ¹น hosting
5. »ปÃรÐะªชÒาÊสÑÁม¾พѹน¸ธ�àเÇวºบäไ«ซµต�ãใËห�Œàเ»ป�š¹น·ท∙ÕÃรÙ�Œ¨จÑ¡ก
6. Update áแÅลÐะ¾พѲฒ¹นÒาàเÇวºบäไ«ซµต�
![Page 11: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/11.jpg)
www.colorpack.net
IP Address หมายเลขประจำเครองคอมพวเตอรหรออปกรณทใชเชอมตอกบ internet เชน !
203.146.102.112 203.150.3.242 192.168.1.1 10.107.1.1
![Page 12: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/12.jpg)
www.colorpack.co.th
ªช×Íอâโ´ดàเÁม¹น คอ ชอเรยกเสมอน เชน www.webmaster.or.th เปนชอโดเมนของสมาคมผดแลเวบไทย ชอโดเมนนนมความสำคญมาก เพราะบงบอกประเภทของหนวยงาน และสถานทจดทะเบยนการใชงาน
![Page 13: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/13.jpg)
www.colorpack.co.th
![Page 14: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/14.jpg)
www.colorpack.co.th
Install Joomla!
¡กÒาÃรµตÔ´ดµตѧง¨จÙÁมÅล�‹Òา
![Page 15: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/15.jpg)
www.colorpack.co.th
![Page 16: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/16.jpg)
www.colorpack.co.th
Text
![Page 17: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/17.jpg)
www.colorpack.co.th
Text
![Page 18: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/18.jpg)
www.colorpack.net
Textwww.colorpack.co.th
![Page 19: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/19.jpg)
www.colorpack.co.th
Text
![Page 20: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/20.jpg)
www.colorpack.co.th
Text
![Page 21: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/21.jpg)
www.colorpack.co.th
Text
![Page 22: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/22.jpg)
www.colorpack.co.th
Text
![Page 23: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/23.jpg)
www.colorpack.co.th
Text
พมพ /administrator
![Page 24: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/24.jpg)
www.colorpack.co.th
Joomla! Article Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ¹น×ÍอËหÒา
![Page 25: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/25.jpg)
www.colorpack.co.th
Text
![Page 26: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/26.jpg)
www.colorpack.co.th
สราง Category ตาม Sitemapคด SiteMap
¢ขѹนµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น
ใสเนอหาตาม Category
สรางเมนเพอแสดงเนอหา
ในCategory
![Page 27: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/27.jpg)
www.colorpack.co.th
Ëห¹น�ŒÒาáแÃร¡ก Category Sub Category
ขาวกฬา
ขาวการเมอง
Article
¢ข�‹ÒาÇวºบѹนàเ·ท∙Ô§ง1
¢ข�‹ÒาÇวºบѹนàเ·ท∙Ô§ง1
¢ข�‹ÒาÇวºบѹนàเ·ท∙Ô§ง1
¢ข�‹ÒาÇวºบѹนàเ·ท∙Ô§ง1
ทองเทยว ºบ·ท∙¤คÇวÒาÁม 1
ºบ·ท∙¤คÇวÒาÁม 1
คอมพวเตอรบทความ
ºบ·ท∙¤คÇวÒาÁม 1
ºบ·ท∙¤คÇวÒาÁม 1
ประกาศ
ขาวบนเทง
ขาว
Home
Site Map
![Page 28: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/28.jpg)
www.colorpack.co.th
![Page 29: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/29.jpg)
www.colorpack.co.th
Text
àเ¾พÔÁม Category
![Page 30: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/30.jpg)
www.colorpack.co.th
Text
![Page 31: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/31.jpg)
www.colorpack.co.th
Text
àเ¾พÔÁม àเ¹น×ÍอËหÒา
![Page 32: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/32.jpg)
www.colorpack.co.th
Text
![Page 33: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/33.jpg)
www.colorpack.co.th
Text
![Page 34: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/34.jpg)
www.colorpack.co.th
Text
àเ¾พÔÁม link ºบ·ท∙¤คÇวÒาÁม
![Page 35: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/35.jpg)
www.colorpack.co.th
Text
ãใÊส�‹ÃรÙ»ปãใ¹นàเ¹น×ÍอËหÒา
![Page 36: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/36.jpg)
www.colorpack.co.th
Text
ãใÊส�‹»ปØ�†ÁมÍอ�‹Òา¹นµต�‹Íอ
![Page 37: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/37.jpg)
www.colorpack.co.th
Joomla! Menu Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÁม¹นÙ
![Page 38: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/38.jpg)
www.colorpack.co.th
Text
àเÁม¹นÙ
![Page 39: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/39.jpg)
www.colorpack.co.th
Text
![Page 40: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/40.jpg)
www.colorpack.net
![Page 41: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/41.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§งàเÁม¹นÙ ãใËหÁม�‹
![Page 42: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/42.jpg)
www.colorpack.co.th
Text
ÊสÃร�ŒÒา§งàเÁม¹นÙ äไ»ปËหÒา Category
![Page 43: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/43.jpg)
www.colorpack.co.th
Text
ÊสÃร�ŒÒา§งàเÁม¹นÙäไ»ปËหÒา Category àเ»ป�š¹นàเÁม¹นÙÂย�‹ÍอÂย
www.colorpack.co.th
![Page 44: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/44.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§งàเÁม¹นÙäไ»ปËหÒา Category àเ»ป�š¹นàเÁม¹นÙÂย�‹ÍอÂย
![Page 45: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/45.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§งàเÁม¹นÙäไ»ปËหÒา Category àเ»ป�š¹นàเÁม¹นÙÂย�‹ÍอÂย
![Page 46: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/46.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§งàเÁม¹นÙäไ»ปËหÒา Category àเ»ป�š¹นàเÁม¹นÙÂย�‹ÍอÂย
![Page 47: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/47.jpg)
www.colorpack.co.th
Joomla! Module Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃรâโÁม´ดÙÅล
![Page 48: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/48.jpg)
www.colorpack.co.th
Module Manager
โมดล ใน Joomla เปนตวตวแสดงผล บนหนาเวบ ม 2 แบบ !1.โมดลของ คอมโพเนน !2.โมดล ท<แสดงผลไดดวยตวอง
![Page 49: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/49.jpg)
www.colorpack.co.th
Module Managerโมดลของ คอมโพเนน
!โมดลประเภทนB จะอาศยขอมลจาก คอมโพเนนมาแสดงผล หากคอมโพเนนไมมขอมล โมดลกไมสามารถแสดงขอมลได ตวอยาง !โมดล แสดงเนBอหาลาสด จะนาขอมลจาก Component Content มาแสดง!โมดล แสดงเมน จะนาขอมลจาก Component Menu มาแสดง!โมดล แสดงกระทลาสด จะนาขอมลจาก Component Webboard มาแสดง
![Page 50: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/50.jpg)
www.colorpack.co.th
Module Manager
โมดลของท<แสดงผลดวยตวเอง!
โมดลประเภทนB จะสามารถแสดงผลไดดวยตวเอง เชน !โมดล แสดงราคานามน เปนโมดลท<แสดงผลโดยการดงหนาราคานามนมาจากเวบบรษทนามน !โมดล Custom HTML เปนโมดลท<เรา ใสขอความรปภาพลงไปในโมดลไดเลย!!
![Page 51: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/51.jpg)
www.colorpack.co.th
Module Manager
![Page 52: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/52.jpg)
www.colorpack.co.th
New Module
![Page 53: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/53.jpg)
www.colorpack.co.th
New Module
![Page 54: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/54.jpg)
www.colorpack.co.th
New Module
สวนของ Toolbar1
สวนรายละเอยดโมดล2
สวนการตงคาแสดงผล3
สวนของการกำหนดเชอมโยงเมน
4
![Page 55: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/55.jpg)
www.colorpack.co.th
New Module ชอของโมดล1
ตงคาแสดงชอโมดล2
เลอกตำแหนงทจะแสดงโมดล
3
ตงคาสทธการเขาถงโมดล
5
สถานะของโมดล
4
![Page 56: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/56.jpg)
www.colorpack.co.th
New Moduleสวนการตงคาแสดงผล
!สวนนตองบอกกอนเลยวา แตละโมดลไมเหมอนกน ตองศกาาวธการตงคาของ
แตละโมดล
1. àเÅล×Íอ¡ก Category ·ท∙Õµต�ŒÍอ§ง¡กÒาÃรãใËห�ŒâโÁม´ดÙÅล´ดÖ§งÁมÒาáแÊส´ด§ง
2. ¨จÓำ¹นÇว¹นàเ¹น×ÍอËหÒา·ท∙Õµต�ŒÍอ§ง¡กÒาÃรãใËห�ŒáแÊส´ด§ง
3. áแÊส´ด§งàเ¹น×ÍอËหÒา·ท∙Õàเ»ป�š¹น Featured ËหÃร×ÍอäไÁม�‹
4. ÅลÓำ´ดѺบ·ท∙Õµต�ŒÍอ§ง¡กÒาÃรãใËห�ŒáแÊส´ด§ง
5. ¼ผÙ�Œàเ¢ขÕÂย¹น·ท∙Õµต�ŒÍอ§ง¡กÒาÃรãใËห�ŒáแÊส´ด§ง
![Page 57: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/57.jpg)
www.colorpack.co.th
New Moduleสวนของการกำหนดเชอมโยงเมน
!สวนนจะเปนการตงคาใหโมดล ไปแสดงท
เมนไหนบาง
On All Page คอ แสดงทกหนา No Page คอไมแสดง Only on the pages selected คอ เฉพาะหนาท<เลอก On all pages except those selected คอ แสดงหนาท<ไมไดเลอก !
![Page 58: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/58.jpg)
www.colorpack.co.th
Module Position
คอ ตาแหนงตางๆบนแทมเพลต โดยช<อของตาแหนงจะแตกตางกนไป แลวแตคนทาแทมเพลต
1 ตาแหนง สามารถวางไดหลายโมดล
![Page 59: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/59.jpg)
www.colorpack.co.th
Module Position
![Page 60: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/60.jpg)
www.colorpack.co.th
àเÃรÕÂย¡ก´ดÙ Module Position
![Page 61: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/61.jpg)
www.colorpack.co.th
àเÃรÕÂย¡ก´ดÙ Module Position
![Page 62: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/62.jpg)
www.colorpack.co.th
àเÃรÕÂย¡ก´ดÙ Module Position
![Page 63: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/63.jpg)
www.colorpack.co.th
![Page 64: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/64.jpg)
www.colorpack.co.th
User Viewing Access Levels
![Page 65: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/65.jpg)
www.colorpack.co.th
User Viewing Access Levels
Public = ทกคน
Registered = เฉพาะสมาชก
Special = ผมหนาท
Access คอการจำกดการเขาถง
![Page 66: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/66.jpg)
www.colorpack.co.th
User Group ¡กÅลØ�‹Áม Special
Manager = สามารถเขาหลงบานได แตไมสามารถใชงาน คอมโพเนนได
Author = สามารถเขยนบทความได แกไขบทความของตวเอง
ได แตไมสามารถเผยแพร
Administrator = สามารถเขาหลงบานทางานไดทกอยาง ยกเวน Global Configuration
Editor = สามารถเขยนบทความได แกไขบทความของคนอ<น
ได แตไมสามารถเผยแพร
Publisher = สามารถเขยนบทความได แกไขบทความของ
คนอ<นได สามารถเผยแพร บทความได
¡กÅลØ�‹Áม·ท∙Óำ§งÒา¹นÊส�‹Çว¹นËหÅลѧงºบ�ŒÒา¹น
¡กÅลØ�‹Áม·ท∙Óำ§งÒา¹นËห¹น�ŒÒาàเÇวºบ
![Page 67: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/67.jpg)
www.colorpack.co.th
User Manager
User Manager เปนสวนของการจดการสมาชก จะแสดงรายชอสมาชกทงหมด และสามารถเพมสมาชกใหมไดจากทน
![Page 68: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/68.jpg)
www.colorpack.co.th
User Manager
สมาชกยงไมเปดใชงาน1
สมาชกยงไมยนยนตวตน2
แสดงกลมทสงกด3
ปมสรางสมาชกใหม4
![Page 69: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/69.jpg)
www.colorpack.co.th
User Manager
![Page 70: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/70.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง User Menu
ท Menu Manager เปนการเพม กลมเมนใหม นอกเหนอจาก MainMenu
![Page 71: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/71.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง User Menu
ชอของกลมเมน1
ชอชนดของเมน2
รายละเอยด3
![Page 72: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/72.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง User Menu
จะเหนวาเรามกลมเมนใหมขนมาแลว
![Page 73: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/73.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง User Menu
เมน แกไขขอมลสวนตว จะแสดงกตอเมอ สมาชก Login เขาสระบบแลว
![Page 74: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/74.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง User Menu
เมน เขยนบทความ จะแสดงกตอเมอ สมาชก Login เขาสระบบเปนสมาชกระดบ Special
![Page 75: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/75.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง User Menu
ชอเมน1
Access ของเมน2
ชนดของเมน3
![Page 76: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/76.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง Module User Menu
ทModule Manager คลก New เลอกชนดโมดล Menu
![Page 77: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/77.jpg)
www.colorpack.co.th
ÊสÃร�ŒÒา§ง Module User Menu
โมดลเมนสมาชก จะแสดงเฉพาะ ท Login (3) แลว และดงเมน User Menu มาแสดง (4) และแสดงทกหนา (5)
![Page 78: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/78.jpg)
www.colorpack.co.th
User Access ViewPublic Registered Special
![Page 79: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/79.jpg)
www.colorpack.co.th
Joomla! Extensions
¡กÒาÃร¨จÑ´ด¡กÒาÃรÊส�‹Çว¹นàเÊสÃรÔÁม¢ขÍอ§ง Joomla!
![Page 80: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/80.jpg)
www.colorpack.co.th
Êส�‹Çว¹นàเÊสÃรÔÁม¢ขÍอ§ง Joomla!
joomla! เปน ระบบจดการเนBอหา ท<สามารถเพ<มความสามารถได โดยตดต Bง สวนเสรมเขาไป ซ<งสวนเสรมของจมลา จะแบงออกเปน !• Components • Modules • Plugins • Templates • Languages
![Page 81: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/81.jpg)
www.colorpack.co.th
Êส�‹Çว¹นàเÊสÃรÔÁม¢ขÍอ§ง Joomla!
![Page 82: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/82.jpg)
www.colorpack.co.th
Joomla! Component
Cคอมโพเนน ถอเปนสวนเสรมใหญท3สด
เรยกไดวาเปน โปรแกรมขนาดเลก ในจมลาอกทกได คอมโพเนนตาง ๆ จะถกพฒนาขJนมาเพ3อทางานเฉพาะดาน และการทางานของคอมโพเนนทจะอยท3สวนของหลงบาน (back end) เปนหลก !การแสดงผลของคอมโนเนนทท3ดานหนาเวบไซตนJน จะสามารถทาไดโดยการสรางเมนไปหาคอมโพเนนท และการทาโมดลเพ3อเรยกใชงานคอมโพเนนท !ตวอยางเชน Content (com_content) เปนคอมโพเนนท3ใชแสดงเนJอหา โดยคนเขาเวบจะเหนเนJอหา สวนผ ดแลกเพ3มแกไขเนJอหาท3หลงบาน
![Page 83: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/83.jpg)
www.colorpack.co.th
Joomla! Module
Mโมดล เปนสวนเสรมเลกๆ ท3แสดงเปนกลองๆ
สวนใหญใชประกอบตกแตงเวบ โดยจะอาศยขอมลจาก คอมโพเนนมาแสดงผล หากคอมโพเนนไมมขอมล โมดลกไมสามารถแสดงขอมลได ตวอยางเชน โมดล แสดงเนBอหาลาสด ( mod_articles_latest) จะนาขอมลจาก Component Content มาแสดง !แตกมโมดลบางตว จะสามารถแสดงผลไดดวยตวเอง เชน โมดล Custom HTML เปนโมดลท3เรา ใสขอความรปภาพลงไปในโมดลไดเลย
![Page 84: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/84.jpg)
www.colorpack.co.th
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ได
![Page 85: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/85.jpg)
www.colorpack.co.th
Joomla! Plugin
Tแทมเพลต เปนสวนเสรมท3เปนเหมอน
หนากากของเวบ ท3กาหนดส ขนาดตวอกษรเปนตวกาหนดการแสดงผลท3หนาเวบ รปรางหนาตาของเวบไซต วาสามารถวางโมดลไวตาแหนงใดๆไดบาง !แทมเพลตมการวางตาแหนงและช3อตาแหนงแตกตางกนไปแลวแตคนสรางแทมเพลต !
![Page 86: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/86.jpg)
www.colorpack.co.th
Joomla! Plugin
L ภาษา เปนสวนเสรมท3แสดงเมน คาอธบายในจมลาเปนภาษาตางๆได
![Page 87: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/87.jpg)
www.colorpack.co.th
Joomla! Extension Install
เมนจดการสวนเสรม1
ใชเลอกไฟลแลวตดตง2
ใสโฟลเดอรบนเวบเพอตดตง
3
ใส URL เพอตดตง4
![Page 88: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/88.jpg)
www.colorpack.co.th
Joomla! Contact Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃร ¡กÒาÃรµตÔ´ดµต�‹Íอ
![Page 89: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/89.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ
ระบบจดการการตดตอในจมลา ใชสรางฟอรมในการตดตอและแสดงขอมลการตดตอ !สามารถแบงหมวดหมของผตดตอออกเปนฝายได
![Page 90: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/90.jpg)
www.colorpack.co.th
สราง รายชอผตดตอสราง
Category ในการตดตอ
¢ขѹนµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - ¡กÒาÃรµตÔ´ดµต�‹Íอ
สรางเมนเพอแสดงผลการตดตอ
![Page 91: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/91.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - àเ¾พÔÁมËหÁมÇว´ดËหÁมÙ�‹
![Page 92: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/92.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - àเ¾พÔÁมËหÁมÇว´ดËหÁมÙ�‹
![Page 93: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/93.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - àเ¾พÔÁม¼ผÙ�ŒµตÔ´ดµต�‹Íอ
![Page 94: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/94.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - àเ¾พÔÁม¼ผÙ�ŒµตÔ´ดµต�‹Íอ
![Page 95: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/95.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - ÊสÃร�ŒÒา§งàเÁม¹นÙ
* ¡กÒาÃรÊสÃร�ŒÒา§งàเÁม¹นÙ ¨จÐะ¹นÓำäไ»ปäไÇว�Œ¡กÅลØ�‹ÁมàเÁม¹นÙäไËห¹น¢ขÖ¹นÍอÂยÙ�‹¡กѺบàเ¨จ�ŒÒา¢ขÍอ§งàเÇวºบ äไÁม�‹¨จÓำàเ»ป�š¹นµต�ŒÍอ§งàเ»ป�š¹น Mainmenu
![Page 96: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/96.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - ÊสÃร�ŒÒา§งàเÁม¹นÙ
List All Contact Categories = แสดงรายการหมวดหมการตดตอท Bงหมด
List Contacts in a Category = แสดงรายช<อผ ตดตอในหมวดหมท <เลอก
Single Contact = แสดงรายละเอยดผตดตอคนใดคนหน<ง
Featured Contacts = แสดงรายชอผตดตอทถกเลอกใหเปน Featured Contacts
![Page 97: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/97.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - ÊสÃร�ŒÒา§งàเÁม¹นÙ
![Page 98: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/98.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - ÊสÃร�ŒÒา§งàเÁม¹นÙ
![Page 99: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/99.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร¡กÒาÃรµตÔ´ดµต�‹Íอ - ÊสÃร�ŒÒา§งàเÁม¹นÙ
![Page 100: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/100.jpg)
www.colorpack.co.th
Joomla! Weblink Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค�
![Page 101: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/101.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค�
ระบบจดการเวบลงค เปนระบบเอาไวรวบรวมเวบลงคท <นาสนใจ ท<เก <ยวของกบเวบเรา สามารถสรางหมวดหมได
![Page 102: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/102.jpg)
www.colorpack.co.th
สราง รายการเวบลงคสราง
Category ของเวบลงค
¢ขѹนµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - àเÇวºบÅลÔ§ง¤ค�
สรางเมนเพอแสดงผลเวบลงค
![Page 103: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/103.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งËหÁมÇว´ดËหÁมÙ�‹
![Page 104: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/104.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งËหÁมÇว´ดËหÁมÙ�‹
![Page 105: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/105.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÇวºบÅลÔ§ง¤ค�
![Page 106: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/106.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÇวºบÅลÔ§ง¤ค�
![Page 107: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/107.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÁม¹นÙ
* ¡กÒาÃรÊสÃร�ŒÒา§งàเÁม¹นÙ ¨จÐะ¹นÓำäไ»ปäไÇว�Œ¡กÅลØ�‹ÁมàเÁม¹นÙäไËห¹น¢ขÖ¹นÍอÂยÙ�‹¡กѺบàเ¨จ�ŒÒา¢ขÍอ§งàเÇวºบ äไÁม�‹¨จÓำàเ»ป�š¹นµต�ŒÍอ§งàเ»ป�š¹น Mainmenu
![Page 108: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/108.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÁม¹นÙ
List All Weblink Categories = แสดงรายการหมวดหมเวบลงคท Bงหมด
List Weblink in a Category = แสดงรายชอเวบลงคในหมวดหมท <เลอก
Submit a Web Link = เมนใหสมาชกสงเวบแนะนา
![Page 109: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/109.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÁม¹นÙàเÇวºบÅลÔ§ง¤ค�
![Page 110: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/110.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÁม¹นÙàเÇวºบÅลÔ§ง¤ค�
![Page 111: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/111.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÁม¹นÙàเÇวºบÅลÔ§ง¤ค�
![Page 112: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/112.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเÇวºบÅลÔ§ง¤ค� - ÊสÃร�ŒÒา§งàเÁม¹นÙàเÇวºบÅลÔ§ง¤ค�
![Page 113: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/113.jpg)
www.colorpack.co.th
Joomla! Newsfeeds Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds
![Page 114: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/114.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds
Newsfeeds เปนระบบเอาไวรวบรวมขาวจากเวบท<นาสนใจ โดยจะดง ช<อขาว เนBอหาบางสวนมาแสดงท<เวบเราได
![Page 115: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/115.jpg)
www.colorpack.co.th
สราง รายการ Newsfeed
สราง Category
Newsfeeds
¢ขѹนµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - Newsfeeds
สรางเมนเพอแสดง Newsfeeds
![Page 116: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/116.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งËหÁมÇว´ดËหÁมÙ�‹
![Page 117: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/117.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งËหÁมÇว´ดËหÁมÙ�‹
![Page 118: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/118.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§ง Feed
![Page 119: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/119.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§ง Feed
![Page 120: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/120.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ËหÒา¢ข�‹ÒาÇว·ท∙Õ»ปÅล�‹ÍอÂย Feed
![Page 121: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/121.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ËหÒา¢ข�‹ÒาÇว·ท∙Õ»ปÅล�‹ÍอÂย Feed
![Page 122: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/122.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งËหÁมÇว´ดËหÁมÙ�‹
![Page 123: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/123.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§ง Feed
![Page 124: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/124.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งàเÁม¹นÙ
* ¡กÒาÃรÊสÃร�ŒÒา§งàเÁม¹นÙ ¨จÐะ¹นÓำäไ»ปäไÇว�Œ¡กÅลØ�‹ÁมàเÁม¹นÙäไËห¹น¢ขÖ¹นÍอÂยÙ�‹¡กѺบàเ¨จ�ŒÒา¢ขÍอ§งàเÇวºบ äไÁม�‹¨จÓำàเ»ป�š¹นµต�ŒÍอ§งàเ»ป�š¹น Mainmenu
![Page 125: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/125.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งàเÁม¹นÙ
List All News Feeds Categories = แสดงรายการหมวดหม News Feeds ท Bงหมด
List News Feeds in a Category = แสดงรายชอ News Feeds ในหมวดหมท <เลอก
Single News Feeds = แสดงขาว News Feeds เดยว
![Page 126: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/126.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งàเÁม¹นÙ
![Page 127: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/127.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งàเÁม¹นÙ
![Page 128: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/128.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งàเÁม¹นÙ
![Page 129: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/129.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Newsfeeds - ÊสÃร�ŒÒา§งàเÁม¹นÙ
![Page 130: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/130.jpg)
www.colorpack.co.th
Joomla! Banner Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃร»ป�‡ÒาÂยâโ¦ฆÉษ³ณÒา
![Page 131: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/131.jpg)
www.colorpack.co.th
สราง รายการ Banner
สราง Category Banner
¢ขѹนµตÍอ¹น¡กÒาÃร·ท∙Óำ§งÒา¹น - Banner
สรางModule เพอแสดง Banner
สราง Clients
* àเ¾พÃรÒาÐะÅลÑ¡กÉษ³ณÐะ¡กÒาÃรáแÊส´ด§ง¼ผÅล¢ขÍอ§งáแºบ¹นàเ¹นÍอÃร� µต�ŒÍอ§ง¹นÓำäไ»ปáแÊส´ด§งµตÒาÁม¨จØ´ดµต�‹Òา§งæๆ ¨จÖ§งÍอÒาÈศÑÂยâโÁม´ดÙÅลãใ¹น¡กÒาÃรáแÊส´ด§ง
![Page 132: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/132.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner
Banner เปนคอมโพเนนทใชจดการ ปายโฆษณา สามารถกำหนดใหจำนวนครงในการแสดงได สามารถแสดงตาม tag ได และสามารถแสดงไดหลายจดบนหนาเวบโดยอาศยความสามารถของโมดล
![Page 133: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/133.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง Clients
![Page 134: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/134.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง Clients
![Page 135: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/135.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง ËหÁมÇว´ดËหÁมÙ�‹
![Page 136: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/136.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง ËหÁมÇว´ดËหÁมÙ�‹
![Page 137: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/137.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง Banners
![Page 138: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/138.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง Banners
![Page 139: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/139.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง âโÁม´ดÙÅล
![Page 140: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/140.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง âโÁม´ดÙÅล
![Page 141: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/141.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Banner - ÊสÃร�ŒÒา§ง âโÁม´ดÙÅล
![Page 142: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/142.jpg)
www.colorpack.co.th
Joomla! Search Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃรÊส¶ถÔµตÔ¤คÓำ¤ค�Œ¹น
![Page 143: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/143.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Êส¶ถÔµตÔ¤คÓำ¤ค�Œ¹น
![Page 144: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/144.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Êส¶ถÔµตÔ¤คÓำ¤ค�Œ¹น - àเ»ป�´ด¡กÒาÃรàเ¡กºบÊส¶ถÔµตÔ
¤คÅลÔ¡ก·ท∙Õ Options àเ¾พ×Íอµตѧง¤ค�‹Òา
![Page 145: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/145.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Êส¶ถÔµตÔ¤คÓำ¤ค�Œ¹น - àเ»ป�´ด¡กÒาÃรàเ¡กºบÊส¶ถÔµตÔ
![Page 146: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/146.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Êส¶ถÔµตÔ¤คÓำ¤ค�Œ¹น - àเ»ป�´ด¡กÒาÃรàเ¡กºบÊส¶ถÔµตÔ
![Page 147: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/147.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃร Êส¶ถÔµตÔ¤คÓำ¤ค�Œ¹น - àเ»ป�´ด¡กÒาÃรàเ¡กºบÊส¶ถÔµตÔ
àเÁม×ÍอàเÃรÒาàเ»ป�´ดÃรÐะºบºบÊส¶ถÔµตÔ¤คÓำ¤ค�Œ¹นáแÅล�ŒÇว ËหÒา¡กÁมÕ¤ค¹นÁมÒา¤ค�Œ¹นËหÒา¢ข�ŒÍอÁมÙÅลãใ¹นàเÇวºบàเÃรÒา ÃรÐะºบºบ¨จÐะàเ¡กºบ¤คÓำ¤ค�Œ¹นáแÅลÐะ Êส¶ถÔµตÔ Çว�‹ÒาÁมÕ¤คÓำ
äไËห¹นºบ�ŒÒา§ง ¤ค�Œ¹น¡กÕ¤คÃรѧง ¤ค�Œ¹นáแÅล�ŒÇวàเ¨จÍอ ¡กÕºบ·ท∙¤คÇวÒาÁม àเ¾พ×ÍอãใËห�Œàเ¨จ�ŒÒา¢ขÍอ§งàเÇวºบ¹นÓำäไ»ปÇวÔàเ¤คÃรÒาÐะËห�¤คÇวÒาÁมÊส¹นãใ¨จ ¢ขÍอ§ง¤ค¹นàเ¢ข�ŒÒาàเÇวºบ
* ËหÒา¡กàเÇวºบÁมÕ¤ค¹นàเ¢ข�ŒÒาàเÂยÍอÐะ ¡กÒาÃรàเ¡กºบÊส¶ถÔµตÔ¨จÐะÁมÕ¡กÒาÃรãใªช�Œ¾พ×¹น·ท∙Õãใ¹น°ฐÒา¹น¢ข�ŒÍอÁมÙÅลÁมÒา¡ก¢ขÖ¹น
![Page 148: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/148.jpg)
www.colorpack.co.th
Joomla! Language Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา
![Page 149: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/149.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตÔ´ดµตѧงÀภÒาÉษÒาàเ¾พÔÁม
![Page 150: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/150.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตÔ´ดµตѧงÀภÒาÉษÒาàเ¾พÔÁม
![Page 151: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/151.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตÔ´ดµตѧงÀภÒาÉษÒาàเ¾พÔÁม
![Page 152: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/152.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตѧง¤ค�‹ÒาÀภÒาÉษÒาËหÅลÑ¡ก Ëห¹น�ŒÒาàเÇวºบ
![Page 153: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/153.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตѧง¤ค�‹ÒาÀภÒาÉษÒาËหÅลÑ¡ก Ëห¹น�ŒÒาàเÇวºบ
![Page 154: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/154.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตѧง¤ค�‹ÒาÀภÒาÉษÒาËหÅลÑ¡ก ¼ผÙ�Œ´ดÙáแÅล
![Page 155: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/155.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรÀภÒาÉษÒา - ¡กÒาÃรµตѧง¤ค�‹ÒาÀภÒาÉษÒาËหÅลÑ¡ก ¼ผÙ�Œ´ดÙáแÅล
![Page 156: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/156.jpg)
www.colorpack.co.th
Joomla! Template Manager
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต
![Page 157: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/157.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต
เทมเพลต เปน รปรางหนาตาของเวบไซตท<เราเหนท Bงหมด ท Bงลกษณะตวอกษร ส และรปแบบการจดวางโมดล เทมเพลตจงเปรยบเหมอน บาน พรอมอยท <รอการตกแตง ดวยโมดลตางๆ
![Page 158: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/158.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃรµตѧง¤ค�‹Òาàเ·ท∙Áมàเ¾พÅลµตËหÅลÑ¡ก
เทมเพลตทมรปดาวอยคอเทมเพลตทเราใชงานเปนเทมเพลตหลกอย หากตองการเปลยนใหคลกทรปดาวสขาว
![Page 159: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/159.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃรµตÔ´ดµตѧงàเ·ท∙Áมàเ¾พÅลµต
![Page 160: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/160.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃรµตÔ´ดµตѧงàเ·ท∙Áมàเ¾พÅลµต
![Page 161: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/161.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃรµตÔ´ดµตѧงàเ·ท∙Áมàเ¾พÅลµต
![Page 162: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/162.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃรµตÔ´ดµตѧงàเ·ท∙Áมàเ¾พÅลµต
![Page 163: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/163.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃรµตѧง¤ค�‹Òาàเ·ท∙Áมàเ¾พÅลµตËหÅลÑ¡ก
![Page 164: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/164.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃรµตѧง¤ค�‹Òาàเ·ท∙Áมàเ¾พÅลµตËหÅลÑ¡ก
![Page 165: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/165.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร´ดÙµตÓำáแËห¹น�‹§งâโÁม´ดÙÅล
![Page 166: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/166.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร´ดÙµตÓำáแËห¹น�‹§งâโÁม´ดÙÅล
![Page 167: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/167.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
เมอเราเปลยนเทมเพลตแลว ตำแหนงโมดลจะเปลยนไปตามเทมเพลตนน ชอเรยกจะไมเหมอนกน เมอเรารตำแหนงโมดลของแตละแทมเพลตแลว ให มาเปลยนตำแฟนงของโมดลใหตรงกบเทมเพลตทเราใชงาน
![Page 168: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/168.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 169: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/169.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 170: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/170.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 171: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/171.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
เลอกเทมเพลต1
คลกเลอกตำแหนง2
![Page 172: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/172.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 173: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/173.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 174: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/174.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 175: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/175.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 176: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/176.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - ¡กÒาÃร»ปÃรѺบâโÁม´ดÙÅลãใËห�ŒµตÃร§งµตÒาÁมµตÓำáแËห¹น�‹§ง
![Page 177: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/177.jpg)
www.colorpack.co.th
Joomla! Backup
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล
![Page 178: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/178.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Backup
การสำรองขอมล หรอ Backup เปนเรองสำคญ เพราะการทำเวบ มความเสยงตอการทขอมลสญหายอยตลอดเวลา การสำรองขอมลจงเปนเรองสำคญ !การวางแผนการสำรองขอมลขนอยกบ เจาของเวบ วาจะทำการสำรองเปน รายสปดาห รายเดอน หรอรายวน !*เมอทำการสำรองขอมลแลวใหโหลดมาเกบ อยาทงไวบนเวบ !
![Page 179: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/179.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Backup
คอมโพเนนทเราจะใชสำรองขอมลคอ Akeeba backup !
จากเวบ http://akeebabackup.com/
![Page 180: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/180.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - µตÔ´ดµตѧง Akeeba Backup
![Page 181: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/181.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - µตÔ´ดµตѧง Akeeba Backup
![Page 182: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/182.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - µตÔ´ดµตѧง Akeeba Backup
![Page 183: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/183.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - µตÔ´ดµตѧง Akeeba Backup
![Page 184: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/184.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - µตѧง¤ค�‹Òา Akeeba
![Page 185: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/185.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - µตѧง¤ค�‹Òา Akeeba Backup
![Page 186: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/186.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Akeeba Backup
หากเวบมขนาดใหญเกน 1GB ใหใช JPA
![Page 187: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/187.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Backup
![Page 188: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/188.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Backup
![Page 189: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/189.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Backup Progress
![Page 190: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/190.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Backup Completed
![Page 191: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/191.jpg)
www.colorpack.co.th
¡กÒาÃรÊสÓำÃรÍอ§ง¢ข�ŒÍอÁมÙÅล - Download Backup
![Page 192: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/192.jpg)
www.colorpack.co.th
Joomla! Restore
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล
![Page 193: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/193.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
การกคน ขอมลจาก Akeeba Backup ใหเราแตกไฟล ทเราสำรองไว จากนนนำโฟลเดอรและไฟลทงหมด ไปไวบน Server ทตองการตดตง แลวเรยกหนาเวบ
![Page 194: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/194.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
![Page 195: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/195.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
![Page 196: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/196.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
![Page 197: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/197.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
![Page 198: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/198.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
![Page 199: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/199.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
![Page 200: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/200.jpg)
www.colorpack.co.th
¡กÒาÃร¡กÙ�Œ¤ค×¹น¢ข�ŒÍอÁมÙÅล - Restore
![Page 201: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/201.jpg)
www.colorpack.co.th
CSS Basic
àเÃรÕÂย¹นÃรÙ�Œ CSS àเºบ×Íอ§งµต�Œ¹น
![Page 202: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/202.jpg)
CSS ยอมาจากคำวา Cascading Style Sheets อาจจะเรยกวา Style Sheets
àเÃรÕÂย¹นÃรÙ�Œ CSS àเºบ×Íอ§งµต�Œ¹น - ÃรÙ�Œ¨จÑ¡ก CSS
CSS กำหนดการแสดงผลของสงตางบนเวบ เชน สอกษร สพนหลง ขนาดตวอกษร จดการเลยเอาท
![Page 203: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/203.jpg)
àเÃรÕÂย¹นÃรÙ�Œ CSS àเºบ×Íอ§งµต�Œ¹น - ÃรÙ�Œ¨จÑ¡ก CSS
![Page 204: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/204.jpg)
www.colorpack.co.th
¡กÒาÃร·ท∙ÓำàเÇวºบäไ«ซµต�áแºบºบ Responsive
![Page 205: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/205.jpg)
www.colorpack.co.th
¡กÒาÃร·ท∙ÓำàเÇวºบäไ«ซµต�áแºบºบ Responsive
Responsive Web Design เปนการออกแบบ web layout ใหสามารถนำเสนอ content ไดอยางถกตองและเหมาะสมกบการใชงาน ในทก Device อยาง Tablet และ
Smartphone หรอ Desktop
![Page 206: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/206.jpg)
www.colorpack.co.th
¡กÒาÃร·ท∙ÓำàเÇวºบäไ«ซµต�áแºบºบ Responsive
จดประสงคเพอ ? !
“ทำให User ใชงานไดงายทสด”
![Page 207: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/207.jpg)
www.colorpack.co.th
àเËหµตؼผÅล ·ท∙Õ¤คÇวÃร·ท∙Óำ Responsive Design
ผใชงานผาน Mobile Device จะมากกวาผใชงานผาน Desktop
ในป 2014
![Page 208: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/208.jpg)
www.colorpack.co.th
àเËหµตؼผÅล ·ท∙Õ¤คÇวÃร·ท∙Óำ Responsive Design
ผใชงาน Smartphone /Tablet จะเลกเขาเวบท “โหลดชา”
16 %
![Page 209: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/209.jpg)
www.colorpack.co.th
àเËหµตؼผÅล ·ท∙Õ¤คÇวÃร·ท∙Óำ Responsive Design
คดวาเวบไซตแบบ Mobile Website นนนาจะดกวา
Desktop Version
![Page 210: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/210.jpg)
§ง�‹ÒาÂยÊสØ´ดãใªช�Œ Media Queries
CSS3 Media Queries เปนการ กำหนด CSS แสดงผลไดอยางเหมาะสม ในทก Device
![Page 211: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/211.jpg)
§ง�‹ÒาÂยÊสØ´ดãใªช�Œ Media Queries
!<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href=“iphone.css” />
วธแรก คอใสในแทก link เพอเรยกโหลดไฟล CSS สำหรบหนาจอนนๆ
ตวอยางน หากหนาจอมความกวางมากสด 480px จะเรยกไฟล iphone.css มาใชงานดวย
![Page 212: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/212.jpg)
@media screen and (max-width: 400px) and (max-width: 767px) { .uk-navbar { background: #9D2C24 ; } }
วธท2 ใส CSS3 Media Query กคอ ใสลงไปในไฟล CSS โดยตรง
@media screen and (กฏ 1) and (กฏ 2) { CSS ทตองการใชถาเครองตรงตามกฏดานบน * !}
![Page 213: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/213.jpg)
www.colorpack.co.th
CSS for Responsive
![Page 214: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/214.jpg)
Responsive image
เปลยนขนาดภาพตามขนาดหนาจอ
<!-- กาหนด image เปน 100% —> !img { max-width:100%; border:none; }
![Page 215: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/215.jpg)
Responsive embeds
ในกรณทเราจะใส วดโอ จาก Youtube กรณ ใสแบบ iframe
ตองตด การกำหนดความสงและความกวางออกไป เพอเราจะควบคมดวย CSS
<!-- การใสแบบปรกต —> !<iframe width="560" height="315" src="www.youtube.com/embed/hkCDWRKnXU0" frameborder="0" allowfullscreen></iframe> <!-- ใหลบ width/height ออกไป--> !<iframe src="www.youtube.com/embed/hkCDWRKnXU0" frameborder="0" allowfullscreen></iframe>
![Page 216: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/216.jpg)
Responsive embeds
ตอมาใหเรา สราง div เพอ ครอบ ตว embed หรอ iframe
กำหนด คลาสให div ในทนใสเปน
class="responsive-embed"
<!-- สราง div เพ<อ ครอบ ตว embed—> !<div class="responsive-embed"> <!-- ใส code embed หรอ iframe ในนB --> </div>
![Page 217: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/217.jpg)
Responsive embeds
จากนนเราไปเพม css class .responsive-embed
ในไฟล css .responsive-embed { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
![Page 218: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/218.jpg)
Responsive embeds
เมอนำไปใชงาน!<div class="responsive-embed"> !<iframe src="www.youtube.com/embed/hkCDWRKnXU0" frameborder="0" allowfullscreen></iframe> !</div>
!<div class="responsive-embed"> !<iframe src="http://www.slideshare.net/slideshow/embed_code/14167122" frameborder="0" ></iframe> !</div>
![Page 219: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/219.jpg)
Responsive HTML5 Frameworks
http://getbootstrap.com http://foundation.zurb.com/
![Page 220: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/220.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - Auto Responsive
![Page 221: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/221.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - Responsive module
![Page 222: Joomla2 5 print](https://reader036.vdocuments.net/reader036/viewer/2022062521/568ca7131a28ab186d93e07b/html5/thumbnails/222.jpg)
www.colorpack.co.th
¡กÒาÃร¨จÑ´ด¡กÒาÃรàเ·ท∙Áมàเ¾พÅลµต - Responsive module