คมอการใชงานเบองตนเวบไซตภาควชา คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล

จดท าโดยงานเทคโนโลยสารสนเทศ คณะเวชศาสตรเขตรอน มหาวทยาลยมหดล

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

การใชงานเวบไซตภาควชา

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

สวนตางๆดงน

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

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

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

3. Content: สวนนจะเปนสวนของ Content เปนพนททใชในการแสดงเนอหา ในกรณทยงไมมเนอหาใดๆระบบ

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

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

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

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

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

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

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

Article: ใชส าหรบสรางเนอหาทอางงกบเวลา เชน ขาว, ประกาศ ประชาสมพนธ หรอ บลอก Basic page: ใชส าหรบสรางเนอหาคงท เชน หนาเพจ "เกยวกบเรา"

เปนการเลอกประเภทของเนอหาทตองการสราง ในทนจะเลอกประเภท Basic Page จากนนจะปรากฏแบบฟอรมขน

ในชอง Title ใหใสหวเรองของเนอหา ในชอง Body ใหใสเนอความของเนอหา Text format ใหเลอกเนอหาทตองการแสดงผลเปน format ประเภทไหน ประกอบดวย Filtered HTML,

FullHTML, Plain text, PHP code ** ใหเลอก PHP code

ส าหรบดานลาง (ในกรอบสแดง) จะเปนเครองมอในการจดการเนอหา ประกอบดวย

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

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 6

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 7

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

จะปรากฏเมนอย 4 กลมดวยกน คอ

Main menu: เมนหลก Management: เมนในการบรหารจดการเวบไซต Navigation: เมนน าทางส าหรบผใช User menu: เมนบญชผใช

การจดการเมนสามารถดไดจากคอลมน Operations ซงมอย 3 รายการ list links, edit menu, add link ดงภาพ

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

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

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

การเพมเมนยอยสามารถท าไดโดยคลกเมน >> Add link จะปรากฏหนาส าหรบกรอกรายละเอยดของเมน โดยจะม

รายละเอยด โดยรวมเหมอนกบการเพมเมนดวยวธการแรก เพยงแตเพมชอง Path ขนมา การด Path สามารถดได

จาก URL ของเนอหาทสรางขนมาดงภาพ

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

**หมายเหต Drupal ไมสามารถสรางเมนยอยโดยทไมม URL อยจรงได ฉะนน การสรางเมนได กตองมเนอหา

อยกอนเสมอ

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

ไปยง Structure > Menus เลอกเมนหลกทตองการ เลอนหาเมนยอยทตองการลบ คลก ลบทดานหลงเมน ยนยน

การลบเมนยอยอกครง

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

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

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

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

Block title:ชอบลอก Block description:ค าอธบายของบลอก Block body: เนอหาของบลอก Text format:รปแบบของเนอหา

การแสดงบลอกบนสวนตางๆของหนาเวบไซต

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

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

โดยทวไปการแสดงผลของบลอกกจะประกอบไปดวยสวนตางของ บลอก ตาม Template ของแตละ Templateหลกๆแลวประกอบดวย

Left sidebar - แสดงบลอกของเมนดานซายของเวบไซต Right sidebar - แสดงบลอกของเมนดานขวาของเวบไซต Content - แสดงบลอกของเมนในสวนของเนอหาของเวบไซต Header - แสดงบลอกของเมนดานบนของเวบไซต Footer - แสดงบลอกของเมนดานลางของเวบไซต