คู่มือการใช้ งานเบือ้ งต้ นเว็บไซต์ ภาควิชา

คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล
 การใช้ งานเว็บไซต์ ภาควิชา

เมื่อทาการ Login เข้าสู่ หน้า admin เรี ยบร้อยจะพบกับเว็บไซต์ของภาควิชาแต่ละภาควิชา ซึ่ งประกอบไปด้วย

ส่ วนต่างๆดังนี้

1. Admin Menu: เป็ นเมนูที่จะสามารถเข้าถึงส่ วนต่างๆของเว็บไซต์ได้ เมนูน้ ีจะปรี บเปลี่ยนรายการที่แสดง ตาม

สิ ทธิ์ ของผูใ้ ช้ที่สามารถจเข้าถึงหน้าต่างๆได้ เช่น ผูใ้ ช้ทวั่ ไปก็จะไม่เห็นลิงก์ไปที่หน้า Admin เป็ นต้น

2. Logo / Header: ภาพโลโก้ของเว็บไซต์

3. Content: ส่ วนนี้จะเป็ นส่ วนของ Content เป็ นพื้นที่ที่ใช้ในการแสดงเนื้อหา ในกรณี ที่ยงั ไม่มีเนื้อหาใดๆระบบ
จะแสดงข้อความแนะนาการใช้งาเว็บไซต์เบื้อนต้น

4. Footer: ส่ วนท้ายของเว็บไซต์ นิยมใช้ระบุลิขสิ ทธื์ ของเนื้อหา หรื อข้อมูลสาหรับการติดต่อผูด้ ูแลเว็บไซต์

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 2

1. การสร้าง page ของเว็บไซต์
ไปยังเมนู Add content หรื อ เมนู content ดังภาพ

คลิกเลือกเมนู Content หรื อ Add content จะปรากฏ ดังภาพ แล้วเลือก +Add content

หลักจากคลิกเลือก Add content จะปรากฏหน้าจอให้เลือกประเภทของ page ดังภาพ

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 3

  Article: ใช้สาหรับสร้างเนื้ อหาที่อา้ งิงกับเวลา เช่น ข่าว, ประกาศ ประชาสัมพันธ์ หรื อ บล็อก
 Basic page: ใช้สาหรับสร้างเนื้อหาคงที่ เช่น หน้าเพจ "เกี่ยวกับเรา"

เป็ นการเลือกประเภทของเนื้ อหาที่ตอ้ งการสร้าง ในที่น้ ีจะเลือกประเภท Basic Page จากนั้นจะปรากฏ

แบบฟอร์ มขึ้น

 ในช่อง Title ให้ใส่ หวั เรื่ องของเนื้ อหา

 ในช่อง Body ให้ใส่ เนื้อความของเนื้ อหา
 Text format ให้เลือกเนื้ อหาที่ตอ้ งการแสดงผลเป็ น format ประเภทไหน ประกอบด้วย Filtered HTML,
FullHTML, Plain text, PHP code ** ให้ เลือก PHP code

สาหรับด้านล่าง (ในกรอบสี แดง) จะเป็ นเครื่ องมือในการจัดการเนื้ อหา ประกอบด้วย

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 4

1. Menu setting: สาหรับจัดการเมนูของเนื้อหา หากต้องการให้สร้างเมนูสาหรับเนื้อหานี้ให้คลิกถูกช่องสี่ เหลี่ยม
หน้า Provide a menu link (ดูรายละเอียดในเนื้อหาเรื่ องการจัดการเมนู)
2. Revision information: การสร้างรุ่ นเนื้อหา การแก้ไขเนื้ อหาในแต่ละครั้งสามารถบันทึกเป็ นรุ่ นของเนื้อหา
ก่อนการแก้ไขได้และเมื่อต้องการกูค้ ืนรุ่ นของเนื้อหา กล่ับไปรุ่ นก่อนหน้าสามารถกูค้ ืนได้จากที่นี่
3. URL path setting: การกาหนด URL สาหรับเชื่อมโยงเนื้อหาสามารถสร้างได้ดว้ ยตนเอง (การไม่ได้กาหนด
URL ไว้โปรแกรมจะจัดการโดย อัติโนมัติ)
4. Comment setting: การตั้งค่าการแสดงควาามคิดเห็น มี 2แบบ คือ เปิ ด (Open) และ ปิ ด (Closed)
5. Authoring information: การแสดงข้อมุลผูเ้ ขียน
6. Publishing options: การตั้งค่าการเผยแพร่ เนื้ อหา มี 3 ลักษณะ คือ Published=เผยแพร่ เนื้ อหา, Promoted to
front page=แสดงเนื้อหาในหน้าแรก, Sticky at top of lists= แสดงเนื้อหาไว้บนสุ ดของหน้าเว็บเพจ (ปักหมุด)
7.หลังจากพิมพ์เนื้อหาและกาหนดค่าเนื้อหาเรี ยบร้อยแล้ว ให้กดปุ่ ม Save ด้านล่างหนื้ อหา เพื่อบันทึกการสร้าง
เนื้อาหา

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 5

2.การสร้ างเมนู
การจัดการเมนูใน Drupal 7 สามารถทาได้สองช่องทางคือ การสร้างเมนูพร้อมกับการสร้างเนื้ อหาและการสร้าง
เมนูผา่ นทางเมนู Structure > Menus ซึ่ งเป็ นการจัดการเมนูท้ งั หมด
2.1 การสร้างเมนูพร้อมกับการสร้างเนื้ อหา ในขั้นตอนการสร้างเนื้อหาจะมีเครื่ องมือสาหรบการสร้างเมนู
สาหรับเนื้ อหาอยูด่ ว้ ย คือ Menu setting โดยให้คลิกที่ช่องสี่ เหลี่ยม >> Provide a menu link ดังภาพ

 Provide a menu link = การสร้างเมนูพร้อมกับการสร้างเนื้ อหา

 Menu link title =ชื่อเมนู
 Description= รายละเอียดเมนู (แสดงเมื่อวางเมาส์ไว้บนเมนูจะปรากฏรายละเอียดของ Description ที่ต้ งั
ไว้)
 Parent item= การเชื่อมโยงกับเมนูอื่น (การกาหนดให้เป็ น Parent item ใดก็เท่ากับเป็ นเมนูยอ่ ยของเมนู
นั้นๆ)
 Weight= การกาหนดน้ าหนักการจัดเรี ยงลาดับเมนู (เรี ยงจากน้อยไปหามากเมื่อกรอกข้อมูลครล ให้กด
ปุ่ ม Save)

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 6

2.2 การสร้างเมนูผา่ นทางเมนู structure > Menus จะปรากฏหน้าจัดการเมนู ดังภาพ

จะปรากฏเมนูอยู่ 4 กลุ่มด้วยกัน คือ

 Main menu: เมนูหลัก
 Management: เมนูในการบริ หารจัดการเว็บไซต์
 Navigation: เมนูนาทางสาหรับผูใ้ ช้
 User menu: เมนูบญั ชีผใู้ ช้
การจัดการเมนูสามารถดูได้จากคอลัมน์ Operations ซึ่ งมีอยู่ 3 รายการ list links, edit menu, add link ดังภาพ

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 7

คลิก Add menu แล้ วจะปรากฏดังภาพ

เมื่อกรอกข้ อมูลครบแล้ วกด Save จะปรากฏดังภาพ

 การเพิม่ เมนูยอ่ ยสามารถทาได้ โดยคลิกเมนู >> Add link จะปรากฏหน้ าสาหรับกรอกรายละเอียดของเมนู โดยจะมี
รายละเอียด โดยรวมเหมือนกับการเพิ่มเมนูด้วยวิธีการแรก เพียงแต่เพิ่มช่อง Path ขึ ้นมา การดู Path สามารถดูได้
จาก URL ของเนื ้อหาที่สร้ างขึ ้นมาดังภาพ

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 8

**หมายเหตุ Drupal ไม่สามารถสร้างเมนูยอ่ ยโดยที่ไม่มี URL อยูจ่ ริ งได้ ฉะนั้น การสร้างเมนูได้ ก็ตอ้ งมีเนื้ อหา
อยูก่ ่อนเสมอ

3.การลบเมนูย่อย

ไปยัง Structure > Menus เลือกเมนูหลักที่ตอ้ งการ เลื่อนหาเมนูยอ่ ยที่ตอ้ งการลบ คลิก ลบที่ดา้ นหลังเมนู ยืนยัน
การลบเมนูยอ่ ยอีกครั้ง

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 9

4. การสร้ างบล็อค (Blocks)
1. ไปยังเมนู Structure > Blocks จะปรากฏหน้าจัดการบล็อค ในหน้านี้ก็จะเห็นว่าใน Theme มีชื่อ Regions
อะไรบ้าง ในแต่ละ Region มีบล็อคอะไรอยูบ่ า้ ง รวมทั้งการกาหนดการจัดเรี ยงลาดับและย้ายตาแหน่งของบล็อค
และการตั้งค่าบล็อค นอกจากนี้หากต้องการทราบการจัดวางตาแหน่ง Region ของ Theme ก็สามารถคลิกดูได้ที่
Demonstrate block regions

2. Drupal 7ได้จดั เตรี ยมบล็อคให้ผใู้ ช้ไว้บา้ งแล้ว (ดูในหมวด Disabled ด้านล่าง) แต่ก็อาจไม่เพียงพอต่อความ
ต้องการ อย่างไรก็ตาม เมื่อเราต้องการเพิ่มบล็อคสามารถทาได้โดยคลิกที่เมนู Add block จะปรากฏหน้าเพิ่ม
บล็อค

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 10

  Block title:ชื่อบล็อก
 Block description:คาอธิบายของบล็อก
 Block body: เนื้อหาของบล็อก
 Text format:รู ปแบบของเนื้อหา

การแสดงบล็อกบนส่ วนต่างๆของหน้าเว็บไซต์
 เข้าไปยัง บล็อก ในส่ วนของจัดการเว็บไซต์
 เลื่อนหาบล็อกที่ตอ้ งการแสดง
 ใต้ส่วนของ ตาแหน่ง คลิกที่ drop down box แล้วเลือกตาแหน่งของหน้าที่ตอ้ งการใหบล็อกถูกแสดง
 ใช้เมาส์ลากรายการบล็อกที่ตอ้ งการขึ้นลงเพื่อกาหนดลาดับของบล็อก
 คลิก บันทึกบล็อก

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 11

โดยทัว่ ไปการแสดงผลของบล็อกก็จะประกอบไปด้วยส่ วนต่างของ บล็อก ตาม Template ของแต่ละ Template
หลักๆแล้วประกอบด้วย
 Left sidebar - แสดงบล็อกของเมนูดา้ นซ้ายของเว็บไซต์
 Right sidebar - แสดงบล็อกของเมนูดา้ นขวาของเว็บไซต์
 Content - แสดงบล็อกของเมนูในส่ วนของเนื้ อหาของเว็บไซต์
 Header - แสดงบล็อกของเมนูดา้ นบนของเว็บไซต์
 Footer - แสดงบล็อกของเมนูดา้ นล่างของเว็บไซต์

จัดทาโดยงานเทคโนโลยีสารสนเทศ คณะเวชศาสตร์ เขตร้ อน มหาวิทยาลัยมหิดล Page 12