35
หน้าที1 จัดทาโดย กรมส่งเสริมการเกษตร ศูนย์เทคโนโลยีสารสนเทศและการสื่อสาร กลุ่มฐานข้อมูลสารสนเทศ คู่มือการทาเว็บไซต์สาเร็จรูปด้วย Word Press สำหรับหน่วยงำนภำยในกรมส่งเสริมกำรเกษตร สิ่งที่ต้องเตรียม 1. เครื่องคอมพิวเตอร์สาหรับจัดทาเว็บไซต์ 2. เนื้อหา/รูปภาพ ตัวอย่างในการจัดทาเว็บไซต์ 3. ไฟล์โปรแกรมสาหรับสอนการจัดเว็บไซต์ของหน่วยงานกรมส่งเสริมการเกษตร โดยคัดลอกโฟล์เดอร์ Wordpress_final ไปวางที่คอมพิวเตอร์ที่ใช้ในการจัดทา ซึ่งวางที่ไดร์ฟใดก็ได้ การเข้าสู่ระบบ 1. กรณีออฟไลน์ ใช้สาหรับการจัดทาเว็บไซต์ที่ไม่ได้เชื่อมต่อกับระบบอินเตอร์เน็ต / สาหรับการอบรม 1.1 คลิกที่โฟลเดอร์ wordpress_final 1.2 คลิกที่ไฟล์ usbwebserver 1.3 รอจนกระทั่งมี เครื่องหมายถูกสีเขียวที่เมนู Apache และ MySql

คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 1

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

คมอการท าเวบไซตส าเรจรปดวย Word Press

ส ำหรบหนวยงำนภำยในกรมสงเสรมกำรเกษตร

สงทตองเตรยม

1. เครองคอมพวเตอรส าหรบจดท าเวบไซต

2. เนอหา/รปภาพ ตวอยางในการจดท าเวบไซต

3. ไฟลโปรแกรมส าหรบสอนการจดเวบไซตของหนวยงานกรมสงเสรมการเกษตร โดยคดลอกโฟลเดอร

Wordpress_final ไปวางทคอมพวเตอรทใชในการจดท า ซงวางทไดรฟใดกได

การเขาสระบบ

1. กรณออฟไลน ใชส าหรบการจดท าเวบไซตทไมไดเชอมตอกบระบบอนเตอรเนต / ส าหรบการอบรม

1.1 คลกทโฟลเดอร wordpress_final

1.2 คลกทไฟล usbwebserver

1.3 รอจนกระทงม เครองหมายถกสเขยวทเมน Apache และ MySql

Page 2: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 2

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

1.4 เปดหนานไวตลอดระยะเวลาการจดท าเวบไซต

1.5 เขาสโปรแกรม browser พมพ url ดงน localhost:8080/wordpress

2. กรณออนไลน ส าหรบเวบไซตหนวยงานทเปน wordpress แลว

- เขาสโปรแกรม browser พมพ url เปนชอเวบไซตของหนวยงาน

ตวอยาง เชน www.test.doae.go.th/wp-admin

3. เมอเขาสระบบแลวจะปรากฏหนาจอส าหรบ login เพอเขาสหนาการแกไขขอมลเวบไซต ดงภาพ

Page 3: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 3

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

โครงสรางและองคประกอบของ Word Press

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

แบงเปน 3 สวนดงน

1. เมนดานบน แสดงลงคของเวบไซตทเผยแพร(หนาบาน) ค าสงลด และแสดงสถานะของผใชงาน

2. เมนหลกดานซาย แสดงเมนค าสงตางใหในการบรหารจดการเวบไซต

3. สวนแสดงรายละเอยดและการก าหนดคณลกษณะตางๆของเมนค าสงตางๆ

การแสดงผลของบลอก WordPress มความแตกตางกนตามธม (Themes) ทตดตง ซงธมจะเปนตว

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

ไดจากบลอกทวไป โดยมโครงสรางและสวนประกอบพนฐาน Theme ดงน

<-1

<-2 <-3

Page 4: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 4

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

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

2. Page ใน WordPress สามารถทจะบรรจหนาไวในเวบไซตได สวนใหญจะใชส าหรบน าเสนอขอมล/เนอหาใสสวนของเมนตางๆ

3. Post Title ชอเรองบทความหรอขาว 4. Posts เนอหาบทความ หรอขาวทมการปรบปรงอยางสม าเสมอ 5. Footer สวนนจะอยดานลางของแตละหนา ปกตจะบรรจขอมลลขสทธ อาจจะบรรจขอมลเกยวกบ

ธมของเวบไซต หรอชอผรบผดชอบดแล

<-1

<-2

<-3

<-4

<-5

<-6

Page 5: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 5

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

6. Sidebar สวนนจะปรากฏในทก ๆ หนา โดยปกตจะบรรจดวยลงกน าทางหลาย ๆ อยาง

และคณลกษณะอน ๆ เชน

■ Search form ใชส าหรบคนหาขอมลตาง ๆ ในบลอกทตรงกบค าทปอนส าหรบคนหา.

■ Calendar ปฏทนนจะแสดงลงกวนททมการโพสตบทความ คลกบนลงกเปนการแสดงบทความทโพสต

ณ วนนน ๆ และยงใชลงกในปฏทนเพอดเดอนทแลวหรอเดอนถดไปได

■ Recent posts แสดงรายการโพสตลาสด

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

บทความทอยในหมวดหมนน ๆ ทงหมด

■ Archive แสดงรายชอเดอนตาง ๆ ทมการโพสตบทความ คลกบนรายชอเดอนเพอดบทความทโพสตในแต

ละเดอน

■ Links แสดงรายชอบลอกทนาสนใจหรอเวบไซตอน ๆ

■ Feeds เปนลงกหรอปมส าหรบเขาถง RSS feed ของบทความหรอความคดเหน

■ Meta แสดงรายการเพอใหผใชลอกอนเขาสระบบหรอลงทะเบยน ลงกส าหรบตรวจสอบโคด XHTML

และ CSS

Page 6: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 6

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

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

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

การบรหารจดการเรอง(POST)

1. คลกท “เรอง”

2. คลกท “เขยนเรองใหม”

3. จะปรากฏหนาตางดงภาพ

Page 7: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 7

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

4. พมพรายละเอยดดงน

4.1 เพมเรองใหม พมพหวขอของขาวหรอเรองทตองการเผยแพร

4.2 พมพรายละเอยดของขาว

4.3 หากตองการเพมสออนๆ ทเกยวกบขาว คลกท จะปรากฏหนาจอเพอใหเลอกสอ

4.4 เลอกแทบ “อปโหลดไฟล” แลวคลกท “เลอกหลายไฟล”

4.5 เลอกไฟลทตองการน าขนขาวแลวคลก “Open”

Page 8: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 8

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

4.5 เมอไดไฟลทตองการแลว คลก ใสไฟลในเรอง

5. เลอกหมวดหมของขาวทจะน าขนและคลกทเลอกรปพเศษเพอเลอกภาพทน าเสนอเปนภาพหลก

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

แลว จากนนคลกท เผยแพร

Page 9: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 9

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

6. หากตองการดผลการเพมเรอง คลกท “ดเรองน”

7. ขาวทเพมลงไปจะปรากฏในหนาแรกของเวบไซต

8. หากตองการแกไขหรอดเนอหาขาวอนคลกท Edit เพอกลบส หนาแกไข

Page 10: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 10

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

9. เขาสหนาควบคม คลกท เรอง เลอก เรองทงหมด เพอท าการเพม หรอแกไขเรองหรอขาว

10. การจดการเรอง/ขาว ท าไดโดยคลกทเรอง/ขาวทตองการจะปรากฏค าสงดานลาง ประกอบดวยแกไข

อยางเรว / แกไข / ถงขยะ / ด ซงมการท างาน ดงน

แกไขอยางเรว : เปนการแกไขหวขอขาว วนทจะน าเสนอ หมวดหม หรอสถานะการเผยแพร เมอ

แกไขแลวคลกอปเดท

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

11. สถานะในการบนทกขาวม 3 สถานะ ดงภาพ

เผยแพร คอ เผยแพรขาวในหนาเวบไซต

รอคอยการตรวจสอบ คอ ขาวจะยงไมเผยแพรบนเวบไซต อาจรอให

admin มาตรวจสอบกอนเผยแพร

ฉบบราง คอ บนทกรางขาวไมกอน ไมเผยแพรบนเวบไซต

Page 11: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 11

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การจดหมวดหมของเรอง

1. ทหนาควบคม คลกท “หนา” แลวเลอก “หมวดหม”

2. พมพชอหมวดหม ทตองการแลวคลกท “สรางหมวดหมใหม” จะไดผลดงภาพ

3. กลบมาทหนา “เรองทงหมด” จะเหนวาเรองทบนทกไปแลวทหวขอหมวดหมแสดงขอความวา

“ไมมหมวดหม”

4. คลกทเรองทตองการจดหมวดหม เลอกหมวดหมทตองการ แลวคลก “อปเดต”

Page 12: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 12

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

5. ปรากฏผลดงภาพ

Page 13: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 13

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การบรหารจดการหนา (Page)

1. คลกท “หนา”

2. คลกท “เขยนหนาใหม”

3. จะปรากฏหนาตางดงภาพ

4. จะปรากฏหนาการเพม “หนา” ใหมซงเหมอนกบ “เรอง” ทกอยาง ใหท าตามขนตอนของการเพม

“เรอง” เมอเสรจแลวคลก “เผยแพร” หรอ ดหนา

Page 14: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 14

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

5. ซงผลการเผยแพรเรองจะไมปรากฏหนาแรกของเวบไซต แตสามารถเพมเปนรายละเอยดขอมล หรอสวน

ของเมนได

8. หากตองการแกไขหรอดเนอหาของหนาอนๆคลกท Edit เพอกลบสแกไข

9. การแกไขนาอนท าไดโดย เขาสหนาควบคม คลกท เรอง เลอก เรองทงหมด เพอท าการเพม หรอแกไข

Page 15: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 15

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

เรองหรอขาว

Page 16: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 16

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

10. การจดการเรอง/ขาว ท าไดโดยคลกทเรอง/ขาวทตองการจะปรากฏค าสงดานลาง ประกอบดวยแกไข

อยางเรว / แกไข / ถงขยะ / ด ซงมการท างาน ดงน

แกไขอยางเรว : เปนการแกไขหวขอขาว วนทจะน าเสนอ หมวดหม หรอสถานะการเผยแพร เมอ

แกไขแลวคลกอปเดท

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

11. สถานะในการบนทกขาวม 3 สถานะ ดงภาพ

- เผยแพร คอ เผยแพรขาวในหนาเวบไซต

- รอคอยการตรวจสอบ คอ ขาวจะยงไมเผยแพรบนเวบไซต อาจรอให

admin มาตรวจสอบกอนเผยแพร

- ฉบบราง คอ บนทกรางขาวไมกอน ไมเผยแพรบนเวบไซต

12. การแสดงหนา จะอยในสวนของเทมเพลต ยกตวอยางดงน

- เทมเพลตคาเรมตน คอ ใหแสดงหนาตามาตรฐานของเทมเพลตทใช

- Full width คอ แสดงขอมลเตมหนาเวบไซต

Page 17: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 17

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

ความแตกตางระหวาง เรอง (Post) กบ หนา (Page)

“เรอง” จะมสวนของการจดหมวดหม เพอใหเปนหมวดหมของขาว เชน ขาวกจกรรม ขาวประชาสมพนธ

หรอบทความ เปนตน

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

เมนของเวบไซต

Page 18: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 18

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

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

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

ตามธมหรอเทมเพลตทเลอกใช ซงสามารถปรบแตงได ดงน

1. ทหนาควบคม คลกเมนค าสง “รปแบบบลอก” จะแสดงเมนยอยในการจดการเทมเพลตหลกๆ ดงน

- Themes

- ปรบแตง

- Widgets

- เมน

- Theme Options

- สวนหว

- พนหลง

- ตวแกไข Theme

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

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

Page 19: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 19

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การเปลยน Themes

1. คลกทเมนรปแบบบลอก เลอก Themes จะปรากฏรปแบบธมทก าลงใชงานอย และทสามารถ

เลอกใชงานธมอนๆ ได

2. หากตองการเปลยนธมใหม ใหใชเมาทคลกทภาพตวอยางธมทตองการสามารถดตวอยางรปแบบไดโดย

คลกท “ดแบบเหมอนจรง”และหากตองการเปลยนมาใชธมนคลกท “เปดใชงาน”

Page 20: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 20

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การปรบแตง Themes

1. คลกทเมนรปแบบบลอก เลอก ปรบแตง จะปรากฏหนาจอการปรบแตง

2. ซงแตละธมจะมรปแบบแตกตางกนไป แตจะมสวนประกอบหลกทเหมอนกนทกธม ดงน

2.1 หวขอเวบและค าโปรย คอชอ ของหนวยงานและค าอธบายเพมเตม

Page 21: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 21

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

2.2 ส เปนการตกแตงสพนหลง

2.3 รปพนหลง ในกรณทใหพนหลงของเวบไซตเปนรปภาพ

2.4 เมนน าทาง เปนการก าหนดวาจะน าแสดงเมนทสวนใดของธม

Page 22: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 22

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

2.5 รปภาพสวนหว ส าหรบการปรบเปลยน

รปภาพในการแสดงหนาแรกของเวบไซต

- ไมการแสดงภาพใหคลกท “ซอนรป”

- เปลยนภาพใหมคลกท “เพมรปใหม”

แลวเลอกภาพทตองกสน

2.6 หนาแรกปกหมด ส าหรบการก าหนด

หนาแรกใหแสดงในเวบไซต หรอหนาโฮมเพจนนเอง

- เรองลาสดของคณ จะเปนการแสดงเรอง

ทไดมการสรางลาสดมาปรากฏ

- จะน าหนาทเราไดเลอกไวมาแสดงใน

หนาแรก

2.7 Widgets ส าหรบเพมค าสงพเศษตางๆ

เพมเตมในธม โดยคลกทเพม Widgets

Page 23: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 23

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

Widgets เปนการเพมความสามารถตางๆ ใหกบหนาเวบของเรา ซงสามารถท าไดงายๆดวยการเพม

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

เชน ปฏทน search เรองลาสด หมวดหม เปนตน

1. คลกทเมนรปแบบบลอก เลอก Widgets จะปรากฏ Widgets ทสามารถใชงานได ซงจะขนอยกบธมและ

ปลกอนทตดตงเพมเตมมา ยกตวอยางการเลอกใช Widget ปรบแตงเมน

2. คลกท “ปรบแตงเมน” จะปรากฏรายการของ Sidebar คอ สวนพนท

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

คลก “เพม Widgets”

Page 24: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 24

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

3. Widgets ทเลอกจะไปแสดงท Right Sidebar ตามทเลอกไว

4. ใหใสหวขอทตองการน าเสนอ และรายการเมนทไดสรางเอาไว

5. แลวคลก “บนทก”

Page 25: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 25

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การท าเมน

1. คลกทเมนรปแบบบลอก เลอก เมน

2. เลอกรายการเมนทจะแกไข หรอ สรางเมนใหม

Page 26: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 26

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

หากเลอกสรางเมนใหม จะปรากฏแถบใหพมพชอของเมนแลวคลก “สรางเมน”

3. ซงจะปรากฏหนาโครงสรางเมน ดงภาพ

4. สามารถน าเนอหาตางๆมาเพมในเมนได โดย wordpress แบงออกเปน 3 กลมหลก คอ หนา ลงก

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

เพมต ม

4.1 การเพมหนา คลกทกลม หนา แลวคลกทเรอง

ของหนาทไดสรางไวแลว จากนนคลก “เพมลงเมน”

Page 27: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 27

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

4.2 การเพมลงก คลกทกลม ลงก

แลวพมพ URL ปลายทางของลงก จากนนใสขอความทจะแสดง

จากนนคลก “เพมลงเมน”

4.3 การเพมหมวดหมของเรองทไดสรางไวแลว คลกทหมวดหม

แลวคลกทชอของหมวดหม จากนนคลก “เพมลงเมน”

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

และ

6. การท าเมนเลอกเนอหาทตองการแลวคลก “เพมลงเมน”

7. เนอทเลอกไวจะมาปรากฏใตโครงสรางเมน คลก “บนทกเมน”

Page 28: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 28

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

8. การปรบเปลยนเมน คลกทเมนจะปรากฏรายละเอยดการแสดงเมน หากตองการลบหนานออกจากเมน

คลกท ลบออก ดงภาพ

ผลของการท าเมน

9. จากตวอยางหากตองการให หนาตดตอส านกงาน แผนทส านกงาน เปนเมนยอยของขอมลส านกงานให

คลกทเนอหานนแลวเลอกการยายดงภาพ

Page 29: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 29

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

10. รายการเมนตดตอส านกงานจะเปนเมนยอยของ ขอมลส านกงาน

ผลการท าเมนยอย

Theme Options

เปนการจดคณสมบตทวไปของธม โดยเลอกทเมนรปแบบบลอก คลก Theme Options ซงแตละธมจะมการ

จดรปแบบแตกตางกนไป เมอแกไขเรยบรอยแลวคลกท Save all changes

Page 30: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 30

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

Page 31: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 31

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การปรบแตงสวนหว

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

2. หากตองการเปลยนภาพใหม คลกท “เลอกไฟล”

3. เลอกภาพทตองการ โดยขนตอนเชนเดยวกบการอบโหลดไฟลสอ

4. คลกบนทกการเปลยนแปลง

Page 32: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 32

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การปรบแตงพนหลง

1. เลอกเมนรปแบบบลอก คลก พนหลง จะปรากฎตวอยางภาพพนหลงของเวบไซต

2. หากตองการเปลยนพนหลงเปนรปภาพ คลกท “เลอกไฟล”

3. เลอกภาพทตองการ โดยขนตอนเชนเดยวกบการอบโหลดไฟลสอ

4. หากตองการเปลยนส คลกท “เลอกส”

5. คลกบนทกการเปลยนแปลง

Page 33: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 33

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

การสงออกฐานขอมล Export Data Base

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

1. เปดบราวเซอร พมพ URL localhost:8080/phpmyadmin

2. ใสชอผใชและรหสผาน ซงการอบรมเวบไซตนใชรหสผานตามภาพ คลก “ไป”

3. คลกทฐานขอมล wordpress ใหแสดงชอตาราง

4. คลกแทบ “สงออก”

Page 34: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 34

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

5. คลก “ไป”

6. จากนนรอจนกระทงระบบสงออกไฟลส าเรจ แลวสงไฟลนนใหผดแลเวบไซตของกรมน าเขาขอมลให

7. เมอเรยบรอยแลว คลก ออกจากระบบ

Page 35: คู่มือการท าเว็บไซต์ส าเร็จรูปด้วย Word Press¸ารสร้าง... · หน้าที่ 1 จัดท าโดย

หนาท 35

จดท าโดย กรมสงเสรมการเกษตร ศนยเทคโนโลยสารสนเทศและการสอสาร กลมฐานขอมลสารสนเทศ

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

1. คลกทโฟลเดอร wordpress_final

2. คลกทโฟลเดอร root

3. คดลอก โฟลเดอร wordpress ทงหมด เพอสงใหผดแลเวบไซตกรมฯน าขนในครงแรกของการท าเวบไซต

wordpress