คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร...

13
คู่มือ การใช้เว็บไซต์งานเบื้องต้น BANTADLOCAL.COM User Manual User Manual User Manual User

Upload: others

Post on 28-Dec-2019

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

คมอ การใชเวบไซตงานเบองตนBANTADLOCAL.COM

User M

anualU

ser Manual

User M

anualU

ser Manual

Page 2: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

BANTADLOCAL.COM

Page 3: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

10. ลงคพเศษ11. กลมหมวดหมเมนตางๆ12. ตกแตงเสรม13. หมวยหมทนำามาแสดง14. ลงคสหนวยงานทองถน15. สไลด ลงคหนวยงานตางๆ16. สวนทายเวบไซต17. สวนลขสทธเวบไซต

1. สายดวน2. เมนดานบน3. เลเยอรสวนหว4. เมนหลก5. ขาวสาร6. หมวดหมคมอประชาชน7. ลงคสเวบไซตอน8. รปพเศษ9. สไลดผบรหาร

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

1 2

3

5

910

12

14

16

11

13

15

17

4

67

8

Page 4: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

การเขาสระบบและแกไขขอมลสวนตว

1. คลกเขาสระบบ บนเมนหลก

2. ใสชอผใช และรหสผาน

3. กรณลมรหสผาน ระบบจะใหกรอก อเมล เพอสง link เปลยนรหสผานใหม หรอแจงผดแลระบบ

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

Login

Page 5: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

การสครสมาชกและ แกไขขอมลสวนตว

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

ฟอรมสมครสมาชก

ฟอรมแกไขขอมล

RegistationEdit Profile&

Page 6: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

E-mailหนวยงานในเทศบาลการเชคอเมลของหนวยงานตางๆนน ใหไปทเมน เชคอเมล บน Top Menu จากนน ใหใสชออเมลและรหสผานเพอเขาสระบบ หรอจะตงคาอเมลผาน Microsoft Outlook หรอ Thunder Bird กได ซงอเมลของหนวยงานตางๆ จะเปน [email protected] ใน Inbox จะสามารถตงคาตางๆ ไดตามตองการ

Page 7: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

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

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

บทความ (เรอง)

Page 8: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

เขยนบทความเบองตน1. คลกทเมน เรอง

2. กรอกชอเรอง

3. ใสเนอเรองและรปภาพ ควรจดตำาแหนงและขนาดของตวหนงสอ มเมนใหเลอกดานบนของพนทเขยนบทความ หากไมเขาในใจเมนตางๆ ใหชเมาสคางไว จะม Tool Trip แสดงเปนภาษาไทยใหทราบ

4. กำาหนดรปแบบหนาทจะแสดง

5. เลอกหมวดหมของเรอง หมวดหมสำาหรบ ทต.บานตาดแบงออกเปน 2 แบบ คอ 1.หมวดหมธรรมดาทไมม - ชอกองตามหลง แสดงในสวนของหนาเพจแรก 2.หมวดหมสำาหรบกองนนๆ จะแสดง เฉพาะในหนาของกองนนๆ

*ควรเลอกทง 2 แบบ

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

เมนตกแตงตวอกษรบทความ

ใสรปภาพประกอบ

การแสดงเหมอนจรงและcode

รปแบบหนาบทความ

หมวดหมบทความ

Page 9: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

Post Settingการตงคาเพจ

การตงคาในสวนของ Post Setting นนมสวนสำาคญเปนอยางมากในการ post ตองการตกแตงในสวนของ Title หรอ ตวหนงสอนำาทาง สวนรปพเศษนน จะมสวนสำาคญในการนำาเสนอภาพทสอถงเนอหาในบทความนนๆ แสดงอยางเดนชดในหนาแรกของเวบไซต

Lay out เปนสวนทกำาหนดหนาเวบทงหนา ควรปรบแตงใชตามเหนสมควรของปรมาณของขอมล และเลอกใช menu ใหถกตอง โดยทวไปแลวเวบไซตของเทศบาลตำาบลบานตาด จะใชแค 2 เมน Right menu และ Left Menu เทานน นอกจากในหนาของสวนกองตางๆ จะใชเฉพาะเมนของกองนนๆ เทานน

สวนปรบแตง Lay Out

แสดงรปพเศษดานบนของหนาบทความ (ควรปดเมอใสรปพเศษ)

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

ตวหนงสอนำาทาง ควรปดเมอหนาบทความของเปนหนาเฉพาะ เชน หนาแผนทของเทศบาล

ตวหนงสอวงดานบน

ปด-เปด Icon โซเชยวแชร ในหนานน

ปด-เปด ปม Post ถดไป และ Post กอนหนา

ปด-เปด แสดงรายละเอยดผเขยนบทความ

ปด-เปด แสดงบทความลาสด

ปด-เปด แสดงความคดเหนในหนาบทความนนๆ

ใสรปพเศษ รปทสไลดในหนาแรกและภาพตวอยาง

Page 10: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

การเผยแพรบทความ

ดวยไฟล PDF

การนำาเสนอไฟล PDF นนมขอดคอแสดงเนอหาไดครบถวนในเฟรมทกำาหนดในหนาเพจนนๆ แตกมขอเสยคอถาหาวาไฟลมขนาดใหญเกนไปกจะทำาใหการโหลดหนาเพจชาขนไปดวย ฉนนควรคำานงถงขนาดดวย ขนตอนในการนำาเสนอไฟล PDF มดงน 1.ไปทเมน ThemNcode PDF Viewer 2.คลทปม Click here to upload PDF file & ge url below 3.เลอกไฟล 4.คลก Upload File 5. 6.คดลอก url ไฟล เพอนำาไปใสใน Post

ไปทหนาเขยนเรองใหม จากนนจะใสบทความกอนหรอไมใสกได 1.คลกทเมน Insert PDF Viewer Short-code จะม Alert Box เดงขนมา 2.ใสรายละเอยดดงนFile url : ใส Link ไฟล PDFframe Width : ใสความกวางเปน 100%Iframe Height : ใสความสงเปน 900 pxLanguage : th 3.คลก ตกลง

Page 11: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

ขนาดของรปภาพ ขนาดไฟลรปภาพทใหญจนเกนไปจะมปญหาในการดาวนโหลด ไมวาจะเปนการดาวนโหลดชา ดาวนโหลดทกนจำานวน MB มากเกนไป จนทำาใหผเยยมชมเกดอาการเบอหนายจนตองปดหนาเวบทงไปทำาใหเวบไซตไมมความนาเชอถอ ลองคดประมาณการดวา หากผเยยมชมรายหนง สมครแพคเกจอนเตอรเนนบนมอถอ Smart Phone ในจำาจำาวนจำากด MB ท 50 MB ภาพทเรา Upload ขนไปสหนาเวบไฟลใหญ จำานวน 4 MB ผเยยมชมรายนนคงจะดาวนโหลดภาพไดไมกภาพกหมด Pack-age Internet แลว ดงนนการยอขนาดภาพและลดขนาดของไฟลรปภาพจงมสวนสำาคญในการโหลดขอมลในหนาเวบไซต การลดขนาดภาพทหลายภาพหรอหลายรอยภาพ สามารถทำาไดงายๆ ดวยโปรแกรมทมากบชด Microsoft Office ชอ Mi-crosoft Office Picture Manager โดยมขนตอนดงน 1.คลกขวาทไฟลรปภาพ เลอก Open with > Microsoft Office Picture Manager 2.คลกท icon เพอแสดงรปภาพทงหมดใน Floder 3.เลอกรปภาพทงหมด 4.คลก icon Edit Pictures ในเมนดานบน 5.เลอก Resize 6.คลก Percentage of original width x height 7.ใสเปอรเซนตรปภาพและดขนดของรปภาพ (ไมควรเกน 1024x768) 8.คลก OK 9.เลอกรปภาพทงหมด คลกเมน File> Save All

Page 12: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

เขยนบทความ

ภาพกจกรรม

1.เลอกรปแบบการ Post เปนคลงภาพ2.คลกเมน เพมสอ3.เลอก Upload file4.เลอกไฟลทจะนำาเสนอทงหมด 5.คลก สรางคลงรปภาพ6.เลอกจำานวนภาพตอ 1 แถว7.คลกปมสรางคลงภาพใหม8.เลอก Lay out ตามความเหมาะสม และเมน หรอในกรณทมรปภาพจำานวนมาก กเลอกเปน Lay out วางเปลาได

ในการณทไมไดเลอก Lay out ระบบจะทำาการ ตงคา Lay out เรมตน คอ มเมนดานซาย และเมนดานขวาเหมอนหนา Home Page แตจะไมม Link พเศษเทานน ในกรณทตองการเปลยนแปลงรปภาพหรอตงคาตางๆ เกยวกบคลงภาพก คลก icon รปดนสอ เพอแกไข

Page 13: คู่มือbantadlocal.com/wp-content/uploads/user/um.pdf9. สไลด ผ บร หาร แนะนำ ส วนต างๆ ของเว บไซต เม อเข

SUPPORTWeb Design / Adminstrator

TOM Khanong WiboolkulAbout Us : info.piqbg.com

Website : piqbg.comE-mail : [email protected]

Tel. 0981800050Font Credit : f0nt.com

Font Detail : Cs Prakas