19
การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป คู่มือการใช้งาน (User Manual) ศูนย์ปฏิบัติการเทคโนโลยีสารสนเทศและการสื่อสาร สานักบริหารพื้นที่อนุรักษ์ที่ 16 (เชียงใหม่) http://www.fca16.com /

การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

คมอการใชงาน (User Manual)

ศนยปฏบตการเทคโนโลยสารสนเทศและการสอสาร ส านกบรหารพนทอนรกษท 16 (เชยงใหม)

http://www.fca16.com /

Page 2: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 1

การจดการเนอหาเวบไซตในรปแบบบตสแตรป ค ม อ ก า ร ใ ช ง า น ( U S E R M A N U A L )

ค าน า

คมอการใชงาน “การจดเนอหาเวบไซตในรปแบบบตสแตรป” น จดท าขนเพอประกอบการอบรมเชงปฏบตการการจดเนอหา

เวบไซตในรปแบบบตสแตรป ของส านกบรหารพนทอนรกษท 16 (เชยงใหม) และเพอใชส าหรบเปนคมอส าหรบเจาหนาทในการอางองการใช

งานระบบการจดการเนอหาเวบไซตของส านกบรหารพนทอนรกษท 16 (เชยงใหม) (www.fca16.com) ซงไดรบการพฒนาขนใหมใหม

รปแบบทสามารถรองรบขนาดของการแสดงผลไดหลากหลาย ท าใหมหลายสวนทเจาหนาทผรบผดชอบจะตองท าการปรบปรงเนอหาใน

เวบไซต

หนงสอคมอเลมนเปนเพยงแนวทางเรมตนในการปฏบตงานการจดเนอหาเวบไซตเทานน โดยหวงเพอเปนประโยชนตอการใชงาน

พนฐานของทกทานใหสามารถพฒนาขนไปปฏบตงานไดในขนสงตอไป

ศนยปฏบตการเทคโนโลยสารสนเทศและการสอสาร

ส านกบรหารพนทอนรกษท 16 (เชยงใหม)

Page 3: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 2

สารบญ

ค าน า ......................................................................................................................................................................... 1

สารบญ...................................................................................................................................................................... 2

สารบญภาพ ............................................................................................................................................................... 3

การใชงานทวไป ......................................................................................................................................................... 4

ขอมลเบองตน ...................................................................................................................................................................... 4

การเขาใชงาน ....................................................................................................................................................................... 4

สวนประกอบของเวบไซต .................................................................................................................................................... 5

การจดการเนอหาเวบไซต ........................................................................................................................................... 8

ระบบบญชรายชอ ................................................................................................................................................................ 8

การเขาและออกระบบ ......................................................................................................................................................... 8

การเปลยนภาพดานบนบลอก............................................................................................................................................ 10

บลอกหลกและการเขา ....................................................................................................................................................... 11

การจดการบลอก ................................................................................................................................................................ 11

การแกไขเนอหาหลกในบลอก ........................................................................................................................................... 13

การจดรปแบบขอความ .................................................................................................................................................. 14

การใสรปภาพจากใน Internet ...................................................................................................................................... 14

การเพมรปภาพจากในเครองของเรา .............................................................................................................................. 15

การเพม Youtube, Instagram, Facebook และ Twitter ......................................................................................... 16

การจดการพาเนล ............................................................................................................................................................... 16

การจดการเมน ................................................................................................................................................................... 17

การอพโหลดไฟล ................................................................................................................................................................ 17

ขอมลเพมเตม ..................................................................................................................................................................... 18

Page 4: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 3

สารบญภาพ

ภาพท 1 การเขาแอพพลเคชน 4

ภาพท 2 การเขาเวบไซตจากอปกรณ iPad 5

ภาพท 3 สวนประกอบเวบไซต fca16.com 6

ภาพท 4 สวนเพมเตมดานลางพาเนล 6

ภาพท 5 ต าแหนงในการเขาระบบ 8

ภาพท 6 แบบฟอรมทใชในการเขาระบบ 9

ภาพท 7 หนาหลกในการปฏบตงานของบลอกเกอร 9

ภาพท 8 การเปลยนภาพดานบนของบลอก 10

ภาพท 9 แบบฟอรมการเปลยนภาพดานบนบลอก 11

ภาพท 10 การจดการบลอก 12

ภาพท 11 รายละเอยดและลงคของบลอก 12

ภาพท 12 การแกไขเนอหาหลกใน Blog 13

ภาพท 13 การจดรปแบบขอความ 14

ภาพท 14 การคดลอกทอยรปภาพ 14

ภาพท 15 การเปลยน URL ใหเปนรปภาพ 15

ภาพท 16 การเพมรปภาพจากเครองของเรา 15

ภาพท 17 การฝง Code โซเชยลมเดยตางๆ 16

ภาพท 18 การจดการพาเนล 16

ภาพท 19 การจดการเมน 17

ภาพท 20 บรการการฝากไฟล 18

Page 5: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 4

การใชงานทวไป

ขอมลเบองตน

ระบบการจดการเนอหาเวบไซตของส านกบรหารพนทอนรกษท 16 (เชยงใหม) ทถกพฒนาขนในป 2560 น เปนแอพพลเคชนเชง

เวบ ดงนนการเขาใชงานจงตองใชซอฟตแวรส าหรบเปดเวบไซตทวไป เชน Microsoft Internet Explorer , Firefox, Safari แตอยางไรก

ตามเนองจากการพฒนาแอพพลเคชนนไดรบการทดสอบดวยโปรแกรม Google Chrome ดงนนผพฒนาแอพพลเคชนจงขอแนะน าใหใช

Google Chrome ในการปฏบตงาน ทงนการใชโปรแกรมทแตกตางอาจไดผลลพธในการปฏบตงานทเหมอนหรอแตกตางกนออกไปตาม

ขอจ ากดของโปรแกรมนนๆ

ส าหรบโปรแกรม Google Chrome นน เปนโปรแกรมทใหบรการแบบไมมคาใชจาย ทานสามารถท าการ Download และตดตง

ดวยตวเองได โดยการคนหาโดนใชค าวา “Chrome Download” ไดจาก Google และท าตามขนตอนททาง Google แนะน า ซงปกตจะใช

เวลาไมนานนก (การตดตงโปรแกรม Google Chrome ไมรวมอยในคมอเลมน)

การเขาใชงาน

ทานสามารถเขาใชงานไดโดยการพมพ URL ของส านกบรหารพนทอนรกษท 16 (เชยงใหม) ไดแก www.fca16.com ในโปรแกรม

เปดเวบททานใช จากนนระบบจะท าการแสดงแอพพลเคชนการจดการเนอหาเวบไซตรนลาสดโดยอตโนมต ซงจะสงเกตไดจากการทระบบจะ

ท าการน าทานไปยงหนา www.fca16.com/2017 แทน หรอทานจะเขาแอพพลเคชนโดยตรงโดยการพมพ www.fca16.com/2017 เลยก

ไดเชนกน

ภาพท 1 การเขาแอพพลเคชน

ส าหรบแนวคดของแอพพลเคชนลาสดน ใชแนวคดของ Responsive ทจะสามารถแสดงผลไดดในทกขนาดของอปกรณ ดงนนการ

เขาถงเวบไซตของส านกบรหารพนทอนรกษท 16 (เชยงใหม) รนลาสดจงสามารถเขาถงไดจากทกอปกรณ ไมวาจะเปนอปกรณ ตงโตะ เชน

เครองคอมพวเตอรแบบตงโตะ หรอเครองคอมพวเตอรแบบเคลอนทไ ด (Laptop Computer) หรออปกรณสมารทดไวซรนใหมเชน

Page 6: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 5

โทรศพทเคลอนทแบบสมารทโฟนบนระบบปฏบตการแอนดรอยดหรอไอโอเอส ทกรนทกขนาด โดยการเปดแอพพลเคชนส าหรบเขาเวบไซต

บนอปกรณนนๆ ซง Google Chrome กใหบรการรนของสมารทโฟนดวยเชนกน

ภาพท 2 การเขาเวบไซตจากอปกรณ iPad

สวนประกอบของเวบไซต

เพอใหการปฏบตงานเปนไปไดอยางมประสทธภาพ จงควรท าความรจกสวนประกอบของเวบไซตกอน ซงสวนประกอบของเวบไซต

ส านกฯ 16 แสดงไดดงภาพท 3

Page 7: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 6

ภาพท 3 สวนประกอบเวบไซต fca16.com

สวนท 1 สวนของหวเวบไซต จะแสดงเมนหลกของเวบไซต ซงแตละหนวยงานจะสามารถเพมรปภาพดานลางของสวนหวนไดเอง

โดยจะอธบายโดยละเอยดตอไป

สวนท 2 พาเนล (Panel) จะระบเมนหลกของสวนงานของทาน โดยจะสามารถแบงกลมเมนตางๆ ออกเปนสวนๆ ซงจะเรยกวา

พาเนล ซงแตละสวนงานจะสามารถจดการพาเนลนเองไดเชนกน

ภาพท 4 สวนเพมเตมดานลางพาเนล

1

2 3

Page 8: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 7

จากแอพพลเคชนรนกอน ทางผพฒนาซอฟตแวรไดรบขอเสนอแนะเกยวกบสวนทวางเปลาดานลางพาเนล ทไมสามารถจดการ

เนอหาใหเปนประโยชนไดเอง ดงนนในรนใหมนจะสามารถเพมเนอหาดานลางพาเนลไดเองอยางอสระ ซงจะท าใหเวบไซตมความสมดลมาก

ขน

สวนท 3 สวนเนอหาบลอก จะแสดงเนอหาหลกของหนานนๆ โดยในรนนไดรบแนวคดยคใหมของเวบไซตทเนนความเรยบงาย อาน

สบายตา ไมมการจดรปแบบทซบซอน อดแนน ซงจะไดกลาวถงในรายละเอยดตอไป

Page 9: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 8

การจดการเนอหาเวบไซต

สวนนจะอธบายเกยวกบการเขาใชและการจดการเนอหาเวบไซต ซงการทจะเขามาจดการเนอหาไดนนจะตองท าการลงทะเบยน

ผานศนยปฏบตการเทคโนโลยสารสนเทศและการสอสารเทานน โดยผทจะสามารถจดการเนอหาเวบไซตของหนวยงานไดนนจะมรหสบญช

ส าหรบเขาใชงาน ซงจะประกอบไปดวยบญชอเมลสวนตวทไดลงทะเบยนไวเรยบรอยแลวพรอมกบรหสผานส าหรบเขาระบบ ดงนนหากทาน

ใดไมมบญชรายชอดงกลาว หรอลมรหสผาน สามารถตดตอขอรบไดทศนยปฏบตการเทคโนโลยสารสนเทศและการสอสาร (โดยตอง

ปฏบตการระเบยบทไดก าหนดไวเทานน)

ระบบบญชรายชอ

ระบบบญชรายชอมการเปลยนแปลงในรนใหมน โดยเวบบลอกของหนวยงานหนงๆ จะสามารถมเจาหนาทเขามาจดการเนอหาก

คนกได (ทงนขนอยกบนโยบายของหนวยงานนนๆ) แตบญชอเมลหนงๆ จะสามารถมาเขาจดการเนอหาเวบบลอกของหนวยไดเพยง

หนวยงานเดยวเทานน

ผไดรบมอบหมายใหเปนผจดการเนอหาของหนวยงานจงมหนาทรบผดชอบในการรกษารายละเอยดชอบญชของตน ซงไมควรบอก

ใหผอนทราบ หรอใชชอบญชรวมกน เนองจากปจจบนมกฎหมายเกยวกบไอซททชดเจนมากขนและมโทษทรนแรง ดงนนในระบบใหมนหาก

ตองการชวยกนจดการเนอหา ใหแยกชอบญชออก และเกบรกษาความลบของชอบญชนนเปนอยางด ซงตอไปจะเรยกผทมรายชอบญชวา

“บลอกเกอร (Blogger)” และเรยกระบบการจดการเนอหาเวบไซตวา “แอพ”เพอความกระชบ

การเขาและออกระบบ

ภาพท 5 ต าแหนงในการเขาระบบ

Page 10: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 9

Blogger จะสามารถเขาแอพไดจากเมน “สวนของเจาหนาท” ทอยดานลางสดของทกๆ หนา ดงแสดงในภาพท 5 จากนนหากยง

ไมไดเขาระบบมากอนหนา ระบบจะแสดงแบบฟอรมส าหรบการเขาระบบ โดยบลอกเกอรจะตองระบบญชอเมลของตนเองพรอมกบรหสผาน

ทไดรบจาก ศนยฯไอซท

ภาพท 6 แบบฟอรมทใชในการเขาระบบ

หลงจากทเขาระบบส าเรจแลว แอพจะน าทานเขาสสวนของบลอกเกอรดงแสดงในภาพท 7 โดยการเขาระบบแตละครงจะมเวลา

ท างาน 24 ชวโมง ดงนนเพอปองกนความผดพลาดในการท างาน เมอเสรจงานในแตละวนแลว บลอกเกอรควรออกจากระบบใหถกตองดวย

ภาพท 7 หนาหลกในการปฏบตงานของบลอกเกอร

Page 11: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 10

การออกจากระบบ บลอกเกอรเพยงแคกดปม “ออกจากระบบ”ในต าแหนงดานบนของหนาเจาหนาทดงภาพท 7 ระบบจะท าการ

ออกจากระบบอยางสมบรณ

การเปลยนภาพดานบนบลอก

บลอกของแตละหนวยงานถงแมจะมโครงรางของเวบทเหมอนกน แตกจะสามารถเปลยนภาพดานบนบลอกไดท าใหบลอกของแต

ละหนวยงานทมสวยงามทแตกตางกน ซงการเปลยนภาพกสามารถเปลยนไดโดยงายดงน

ทหนาหลกเจาหนาท ใหเลอกเมน “ตงคาทวไป” หากมการระบภาพทใชแสดงในดานบนของบลอกอยแลว ภาพนนจะแสดงออกมา

ภาพท 8 การเปลยนภาพดานบนของบลอก

การเปลยนภาพใหท าตามขนตอนดงน (ภาพประกอบตามภาพท 9)

1. คนหาภาพทตองการโดยการกดปมท 1

2. ระบบจะท าการแสดงภาพตวอยางขนในต าแหนงท 2

3. ท าการยนยนการเปลยนเปนภาพดงกลาวใหกดปมท 3 ภาพจะท าการอพโหลดเขาระบบ

4. หากตองการยกเลก ใหท าการกดลบภาพทปม 4

5. เมอส าเรจแลว ระบบจะแสดงภาพทใชใหเหน

Page 12: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 11

ภาพท 9 แบบฟอรมการเปลยนภาพดานบนบลอก

บลอกหลกและการเขา

บลอกหลกของหนวยงานจะสามารถเขาไดจากต าแหนง www.fca16.com/2017/Blogs/org/[รหสหนวยงาน] โดยรหสหนวยงาน

จะออกใหโดยศนยฯไอซท โดยจะเปนตวอกษรภาษาองกฤษทสนๆ ซงอาจจะเปนตวยอของหนวยงานนน ทงนการทตองมขนาดสนๆ

เนองจากเพอความสะดวกในการเขาถงเวบบลอก เชน ศนยฯไอซทจะมรหสหนวยงานคอ ict ดงนนต าแหนงของบลอกของไอซทคอ

www.fca16.com/2017/Blogs/org/ict เปนตน

ขอควรระวงไดแกการพมพสลบกนระหวางตวอกษรพมพเลกและพมพใหญ เนองจากแอพนใหความส าคญระหว างความแตกตาง

ดงกลาว จากต าแหนงบลอกขางตน ตว B ในค าวา Blogs จะตองเปนตวพมพใหญ ทเหลอจะเปนตวพมพเลกทงหมด

การจดการบลอก

ภาพท 5 แสดงหนาจอส าหรบการจดการบลอก โดยสามารถเขาไดในเมน “รายการบลอก” โดยระบบจะแสดงรายการของบลอก

ทงหมดทไดสรางไวในต าแหนงท 2 และสามารถเพมบลอกใหมไดจากแบบฟอรมในต าแหนงท 3

1

2

3

4

Page 13: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 12

ภาพท 10 การจดการบลอก

การเพมบลอกใหม แตละหนวยงานจะสามารถเพมบลอกไดจ านวนไมจ ากด การเพมเพยงแคท าการระบขอความทจะแสดงบนไต

เตลบารของโปรแกรม แลวกดปม Save จะไดบลอกใหมมาใชงานไดทนท

ภาพท 11 รายละเอยดและลงคของบลอก

2

3 1

แกไข Title Bar

ปม Copy Link

ปมส าหรบลบ Blog

Page 14: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 13

สวนการแกไขรายละเอยดของบลอก สามารถคลกดไดจากในแตละแถว ระบบจะท าการแสดงรายละเอยดของในแตละบลอก ไดแก

Title และ Link ของบลอก ทานสามารถแกไขขอความใน Title bar ไดจากตรงน สวน Link ทานสามารถกดปมดานหลงเพอ Copy Link ได

จากปมดานหลง

ส าหรบการลบ Blog สามารถคลกปมรปถงขยะในแถวทตองการลบ โดยระบบจะใหทานกดยนยนการลบอกครงเพอความแนใจ

เพราะการลบ Blog นจะไมสามารถเรยกกลบคนมาได ไมวาในกรณใดๆ ดงนนการลบ Blog จงควรพจารณาใหดกอน

การแกไขเนอหาหลกในบลอก

เมอท าการเพม Blog ใหมเขามาแลว ทานสามารถเขาถงบลอกดงกลาวโดยการ Copy Link จากในหวขอกอนหนานและน าไปเปด

ใน Google Chrome แอพจะแสดงบลอกดงกลาวขนมา โดยหากทานเปนผสราง Blog ดงกลาวจะมสทธในการแกไขเนอหา Blog นนๆ โดย

จะสงเกตไดจากทมปม Edit อยใน Blog ดงกลาว

ภาพท 12 การแกไขเนอหาหลกใน Blog

หลงจากทกดปม Edit แลว บลอกเกอรจะสามารถพมพขอความทตองการไดทนท โดยการพมพขอความจะมลกษณะเหมอนกบการ

ใชงานโปรแกรม Word Processor ทวไป

Page 15: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 14

การจดรปแบบขอความ

แอพนพฒนาขนโดยใชไลบรารทชอวา Medium Editor ทเนนความงายและสะดวกในการใชงานส าหรบทกๆ อปกรณ การ

จดรปแบบขอความจะสามารถท าไดหลงจากทพมพขอความทตองการแลว จากใหท าการเลอกขอความทตองการจดรปแบบโดยการใชเมาส

ลาก เมนการจดรปแบบขอความจะแสดงขนมาดงภาพท 13

ภาพท 13 การจดรปแบบขอความ

จากภาพจะสามารถเลอกการจดรปแบบไดตามตองการ เชน การท าตวหนา ตวเอยง ขดเสนใต หรอการจดต าแหนงขอความชดซาย

กงกลาง หรอชดขวาเปนตน ทงนจะเหนวารปแบบของ Medium Editor นจะไมมการเปลยนรปแบบของ Font เชนขนาดและสของตวษร

ทงนเปนไปตามกระแสความนยมของโลกไซเบอรยคใหม

การใสรปภาพจากใน Internet

รปภาพทอยใน Internet จะสามารถน ามาใชใน Medium Editor ไดทนทโดยไมตอง

Upload กอนอนใหท าการไป Copy URL ของรปภาพมากอนโดยการคลกขวาทภาพทตองการ และ

เลอก “คดลอกทอยรปภาพ (Copy image URL)” แลวน ามาวางทบลอกของเรา จากนนจะท าการ

เปลยน URL ใหเปนรปภาพ โดยการลากเมาสเลอก URL ทงหมด แลวเลอกทปมรปภาพ ระบบจะท า

การเปลยน URL ใหเปนรปภาพใน Blog ของเรา

ภาพท 14 การคดลอกทอยรปภาพ

Page 16: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 15

ภาพท 15 การเปลยน URL ใหเปนรปภาพ

การเพมรปภาพจากในเครองของเรา

โดยปกตการเพมรปภาพในเครองของเราลง Blog เราจะตองท าการฝากรปภาพนนๆ กอนแลวใชวธการ Copy URL ตามวธขางตน

แตแอพตวใหมของเราสามารถน ารปจากเครองของเรามาใชงานไดทนท โดยการกดEnter เพอขนบรรทดใหม จากภาพท 16 จะสงเกตวาม

ปมรป + ขนมา ในต าแหนงท 1 จากนนใหท าการเลอกรปภาพทตองการโดยกดปมรปกลองถายภาพในต าแหนงท 2 แลวเลอกรปภาพท

ตองการ ระบบจะท าการ Upload พรองทงแสดงภาพในบลอกของเราใหทนท

ภาพท 16 การเพมรปภาพจากเครองของเรา

Page 17: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 16

การเพม Youtube, Instagram, Facebook และ Twitter

Medium Editor รองรบการฝง Code ของโซเชยลมเดยในระดบหนง ซงจะมขนตอนคลายกบการแทรกภาพจากเครองของเราทได

อธบายไวในหวขอทผานมา โดยการเลอกปม Youtube แลวน า Link ของโซเชยลมเดยทตองการมาวางไว แลวท าการกดปม Enter ระบบจะ

ท าการฝง Code ใหโดยอตโนมต

ภาพท 17 การฝง Code โซเชยลมเดยตางๆ

หลงจากทไดท าการพมพขอความและจดรปแบบตางๆ ทไดกลาวมาแลว สดทายอยาลมท าการกดปม Save เพอท าการบนทกขอมล

การจดการพาเนล

พาเนลคอกลมของเมนทอยทางดานซายของบลอกซงบลอกเกอรจะสามารถเขามาจดการไดจากเมน “รายการพาเนล” ในหนาหลก

เจาหนาท

ภาพท 18 การจดการพาเนล

ระบบจะท าการแสดงรายชอพาเนลทไดเคยสรางไว ซงจะสามารถใชเมาสลากทแปนพาเนลเพอจดเรยงล าดบไดอยางสะดวก

ส าหรบการเพมพาเนลใหมสามารถกรอบรายละเอยดไดตามแบบฟอรมดานลางแลวกดปม New สวนการแกไขแลวการลบพาเนลนน ใหท า

การคลกพาเนลในแปนทตองการกอน ระบบจะท าการแสดงรายละเอยดของพาเนลทเลอกในแบบฟอรมทางดานขวา จากนนหากจะท าการ

แกไขใหท าการกดปม Save แตหากกดปม Delete เพอท าการลบพาเนล ระบบจะใหท าการคลกยนยนการลบพาเนลกอนทกครง

Page 18: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 17

การจดการเมน

เมนคอลงคทจะสงผใชบรการไปยงสวนตางๆ ของบลอก ซงบลอกเกอรกจะสามารถจดการไดในตวเลอก “รายการเมน”

ภาพท 19 การจดการเมน

การใชงานกมความคลายกนกบการจดการพาเนล ไดแก สามารถลากเพอจดเรยงเมนได โดยการคลกเลอกพาเนลดานซายกอน

ระบบจะท าการแสดงรายการเมนภายในพาเนลนนทางดานขวา บลอกเกอรจะสามารถใชเมาสลากเมนเพอสลบต าแหนงไดอยางสะดวก สวน

การจดการอนๆ เชนการเพมเมน การแกไข และการลบเมนนนคลายกบการจดการพาเนลทไดกลาวมาแลวขางตน

การอพโหลดไฟล

การอพโหลดไฟล เปนบรการฝากไฟลทมขนาดไมใหญมากขนมาบน Server เพอใหบรการกบประชาชนหรอระหวางเจาหนาท

ดวยกน ซงสามารถเขาไดจากเมน “อพโหลดไฟล” โดยไฟลทจะสามารถน าขนมาฝากไดมหลายรปแบบ เชนไฟลรปภาพ jpg, gif, png หรอ

ไฟลเอกสารตางเชน pdf, doc, docx, xls, xlsx เปนตน

Page 19: การจัดการเนื้อหาเว็บไซต์ในรูปแบบบูตสแตรป · การอัพโหลดไฟล์.....17 ขอมูลเพิ่มเติม.....18

การจดการเนอหาเวบไซตในรปแบบบตสแตรป

Page 18

ภาพท 20 บรการการฝากไฟล

ขอมลเพมเตม

หากตองการขอมลเพมเตม แจงปญหาการใชงาน หรอเสนอขอแนะน าเพอท าการปรบปรงระบบใดๆ สามารถตดตอไดทศนย

ปฏบตการเทคโนโลยสารสนเทศและการสอสาร ส านกบรหารพนทอนรกษท 16 (เชยงใหม)