คู่มือ การสร้างเว็บไซด์ wordpress · 2016-07-30 ·...

32
คู ่มือการสร้างเว็บไซด์ WORDPRESS คณะผู้จัดทา นางสาวพัชริดา บุญจิต, นางสาว อาภา หวังผล นางสาววารุณี ขันโท, นางสาว จิราพรรณ ทองหนูเอียด นางสาวณัฐฐา วรบุตร, นางสาวชลธิชา พรมรัตน์, นายทักษิณ ธุระตา สาขาวิทยาศาสตร์ทั่วไป คณะวิทยาลัยการฝึกหัดครู

Upload: others

Post on 12-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

คมอการสรางเวบไซด

WORDPRESS

คณะผจดท า นางสาวพชรดา บญจต, นางสาว อ าภา หวงผล นางสาววารณ ขนโท, นางสาว จราพรรณ ทองหนเอยด นางสาวณฐฐา วรบตร, นางสาวชลธชา พรมรตน, นายทกษณ ธระตา สาขาวทยาศาสตรทวไป คณะวทยาลยการฝกหดคร

Page 2: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

คมอการท าโปรแกรม WORDPRESS เบองตน

คมอการสรางเวบไซตWordPress จดท าโดย นางสาวพชรดา บญจต รหส 008 นางสาวอ าภา หวงผล รหส 019 นางสาววารณ ขนโท รหส 020 นางสาวชลธชา พรมรตน รหส 021 นางสาวจราพรรณ ทองหนเอยด รหส 029 นางสาวณฐฐา วรบตร รหส 035 นายทกษณ ธระตา รหส 040 ชนปท 4 สาขาวชาวทยาศาสตรทวไป คณะวทยาลยการฝกหดคร เสนอ อ.ดร. สไม บลไบ มหาวทยาลยราชภฏพระนคร ภาคเรยนท1 ปการศกษา 2559

Page 3: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

คมอการท าโปรแกรม WORDPRESS เบองตน

ค าน า รายงานเรอง “คมอการใช WordPress” ฉบบน เปนสวนหนงของวชานวตกรรมและเทคโนโลยการศกษา รหสวชา 1032103 มจดประสงคเพอศกษาความรเกยวกบการใชงานบลอกเพอเผยแพรความรทางสอออนไลน ซงรายงานฉบบนมเนอหาเกยวกบ WordPressคออะไร WordPressเหมาะกบการใชงานแบบไหน การสมครขอเขาใชงานบลอก การเขาสหนาควบคม การใชงานเมนเรอง การใชงานเมนไฟล การใชงานเมนหนา การใชงานเมนความเหน และการใชงานรปแบบบลอก เพอใหสามารถเขาใจและใชงานWordpressเบองตนได หวงเปนอยางยงวารายงานเลมนจะกอใหเกดประโยชนตอการเรยนการสอน พชรดา บญจต และคณะ

Page 4: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

คมอการท าโปรแกรม WORDPRESS เบองตน

สารบญ WordPress คออะไร……………………………………………………………………1 WordPress เหมาะกบเวบไซตแบบไหน…………………………………………….....2 การสมครเขาใชงานบลอก……………………………………………………………..3 การเขาสหนาควบคม…………………………………………………………………..8 การใชงานเมนเรอง……………………………………………………………………11 การเพมหมวดหม…………………………………………………………………12 การเพมบทความหรอการเขยนเรองใหม…………………………...…………….13 การใชงานไฟลสอ…………………………………………………………………….17 การใชงานเมนหนา…………………………………………………………………....18 การใชงานเมนความเหน………………………………………………………………20 การใชงานการรปแบบบลอก………………………………………………………….21 การปรบแตง.........................................................................................................22 การเปลยนภาษา............................................................................................................26 เอกสารอางอาง.............................................................................................................27

Page 5: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

1

WordPress เปน open source web software ทเราสามารถตดตงบนเวบ server ของเราเพอสรางเวบไซต, blog หรอ community ตอนเรมแรก WordPress เปนเครองมอไวส าหรบสราง blog แตไดรบการพฒนามาเรอย ๆ จนสามารถสรางเปนเวบไซต หรอ เวบ community ไดแลว โดยมระบบจดการบทความ หรอ Content Management System (CMS) ท าใหงายตอการใชงาน ซง WordPress สรางขนโดย Matt Mullenweg และ Mike Little ในป 2003

คมอการท าโปรแกรม WORDPRESS เบองตน

WordPress คออะไร

Page 6: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

WordPress เหมาะกบการท าเวบไซตทกแบบ แตบางแบบนนเราอาจตองรลกซงหรอมพนฐานทางดานโปรแกรมเมอรดวย ดงนน ณ ทนเราจะขอพดในแงของ Beginner จรงๆ เพราะ CMS แตละตวนนกมจดเดนแตกตางการ เวบเหลานเปนเวบทเหมาะกบการใชงาน WordPress คะ 1. เวบบลอกเหมาะมากสดๆ เปน cms ทบลอกเกอรใชงานมากทสดในโลกเลยกวาได 2. เวบ Article เขยนบทความตางๆรววโรงแรม,รานอาหาร,งานฝมอ, แอปมอถอ ฯลฯ 3.เวบขาว เวบวาไรต การจดหมวดหมและแทก(Categories, Tags) ใน WordPress นนชวยไดงายมากๆ ธม Magazine กเยอะสดๆ เชนกน เวบขาวทไมใชส านกขาวโดยตรงกมกจะใช WordPress เพราะสามารถลดคาใชจายไดมากกวา 4. เวบ Portfolio มธมเกยวกบ Portfolio เยอะมากมายใหคณน าเสนอผลงานของคณไดอยางนาสนใจ 5. เวบบรษท มธมทดนาเชอถอ เปน Professional ใหเลอกมากมาย มเครองมอครบครนโดยเราไมตองจางออกแบบเพม 6. เวบไซต e-commerce ขายสนคาออนไลน โดยใชปลกอนเชน WooCommerce หรอ Easydigitaldownloads 7. นอกจากน WordPress ยงสามารถสรางเวบบอรด และเวบ community ไดดวย โดยใชปลกอนเชน bbPress 8. เวบไซตทตองการความแรงในดาน SEO เพราะ WP ถอวาเดนในเรองนมากๆ เขยนเลนๆ กตดผลการคนหาใน Google ได 9. เวบไซตทมหลายภาษา WordPress นนถกแปลทวโลกรวมทง ภาษาไทย และยงมปลกอนทชวยจดการเนอหาส าหรบเวบไซตทตองการใชหลายภาษาดวย เชน WPML, Polylang

WordPress เหมาะกบเวบไซตแบบไหน

2 คมอการท าโปรแกรม WORDPRESS เบองตน

Page 7: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

3

1. เขาไปท www.wordpress.com แลวเลอก สรางเวบไซต

2. ก าหนดการจดท าเวบไซตเปนเรองเกยวกบอะไร เชน เลอก Education & Organization

ศลปะและบนเทง

ธรกจและบรการ

สขภาพ

ครอบครว,บานและวถการด าเนนชวต

การศกษาและการองคกร

การเขยนและหนงสอ

คมอการท าโปรแกรม WORDPRESS เบองตน

การสมครเขาใชงานบลอก

Page 8: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

4

2. เลอก General Education & Organization

คมอการท าโปรแกรม WORDPRESS เบองตน

3. การก าหนดลกษณะของหนาแรก เชน A grid of my latest post

Page 9: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

5 คมอการท าโปรแกรม WORDPRESS เบองตน

5. การก าหนดชอ ตงชอตามทตองการแตตองแตกตางลงทายดวย .wordpress.com แลวเลอก Select เชน Krugensci.wordpress.com

4. การเลอกธม เชน Revelar *เราสามารถเปลยนไปใชธมอนไดในภายหลงหรอสามารถขามขนตอนนไดโดยเลอก Skip for now ทอยดานลาง

Page 10: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

6 คมอการท าโปรแกรม WORDPRESS เบองตน

6. เลอก Free Just get started

7. ใส Email address และ Password ตามล าดบ แลวเลอก Create My Account

Page 11: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

7 คมอการท าโปรแกรม WORDPRESS เบองตน

8. ลอกอนเขาส E-mail ทใชในการสมคร เลอกขอความของ wordpress.com แลวเลอกConfirm now

9. หลงจากเลอกConfirm now จะปรากฎแทบใหมใหลอกอนเขาเวบ กรอกขอมลทใชในการสมคร

Page 12: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

8 คมอการท าโปรแกรม WORDPRESS เบองตน

การเขาสหนาควบคม

1.หลงจากลอกอนเขาใชงานแลว รปแบบของบลอกจะมลกษณะน

2.คลกขวาทชอบลอก แลวเลอกเปดลงคในแทบใหม

Page 13: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

9 คมอการท าโปรแกรม WORDPRESS เบองตน

2.เปดไปทหนาแทบใหม

3. พมพ /wp-admin/ แลวกด Enter

Page 14: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

10 คมอการท าโปรแกรม WORDPRESS เบองตน

3. หลงจาก Enter แลวจะไดรปแบบหนาแบบน เรยกวา “หนาควบคม”

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

สวนประกอบของ Wordpress - หนาควบคม (Dashboard) คอ หนาขอความบอรด - เรอง (Post) คอ การจดการ Content - ไฟลสอ (Media) คอ การจดการไฟล Media - หนา (page) คอ การจดการ page - ความเหน (Comments) คอ การจดการโพสกลบ - รปแบบบลอก (Appearance) คอ การจดการรปแบบเพจ - ผใช (User) คอ การจดการผใชงาน - เครองมอ (Tools) คอ เครองมอระบบ - ตงคา (Settings) คอการจดการทวไป

Page 15: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

11 คมอการท าโปรแกรม WORDPRESS เบองตน

การใชงานเมนเรอง

เมนเรองจะประกอบไปดวย - เรองทงหมด (All Post) คอ บทความทถกโพสทงหมด - เขยนเรองใหม (Add New) คอ การเพมโพสใหม - หมวดหม ( Categories) การแบงกลมของบทความ - ปายกบก า (Post tags) คอ การตดแทกบทความอนๆทเขามาทบทความทเราโพส

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

Page 16: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

12 คมอการท าโปรแกรม WORDPRESS เบองตน

การเพมหมวดหม

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

1

2

4

3

ในหนาจอเมนเรอง ใหเลอกหมวดหม ( Categories) แลสรายละเอยดดงน 1. ใสชอของหมวดหมลงไป 2. ปายก ากบหลกเลอก ไมม 3. รายละเอยดใสรายละเอยดเกยวกบหมวดหมหรอหมายเหตตางๆ 4.เมอใสขอมลครบแลว กด สรางหมวดหมใหม

Page 17: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

13 คมอการท าโปรแกรม WORDPRESS เบองตน

การเพมบทความหรอการเขยนเรองใหม

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

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

5 3

4

Page 18: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

14 คมอการท าโปรแกรม WORDPRESS เบองตน

*** แทรกไฟลสอ หากตองการแทรกไฟลสอเขามาใวในเนอหาสามารถท าไดโดย

1 1. คลกเพมสอ

2

3

2. เลอกไฟลสอทตองการทอยในคลงไฟลสอ ถาหากไมมไฟลสอในคลงไฟลสอสามารถอปโหลดไฟลไดโดยคลกทอปโหลดไฟลสอ 3. ใสไฟลลงในเรอง จะไดดงภาพดานลาง

Page 19: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

15 คมอการท าโปรแกรม WORDPRESS เบองตน

6.ใสหมวดหม ในการณทไมใสหมวดหม บทความนนจะอยในหมวดหมทชอวาไมมหมวดหม

7. เผยแพร 7.1 สถานะ - ฉบบราง คอ บทความทเปนโครงราง - รอคอยการตรวจสอบให คอ บทความแบบรอการตรวจทาน 7.2 เหนได (Visibility) มรายละเอยดดงน - สาธารณะ(Public) คอ การแสดงบทความขนเพจปกต - รหสผานปองกน(Password Protected) คอบทความทตองใสPasswordเพอเขาดบทความ - สวนตว (Private) คอ บทความทเปนสวนตวเขาดไดเฉพาะผโพสเทานน

7.1

7.4

7.2

7.3

6

7.3 เผยแพรทนท (Publish immediately) วนทของวนทเผยแพร 7.4 คลกเผยแพรเพอเผยแพรบทความ

Page 20: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

16 คมอการท าโปรแกรม WORDPRESS เบองตน

8. ดการเปลยนแปลง คลกดการเปลยนแปลงเพอดการเผยแพร

9.เนอหาจะแสดงผลในหนาเวบดงน

Page 21: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

17 คมอการท าโปรแกรม WORDPRESS เบองตน

การใชงานเมนไฟลสอ

ค าวาไฟลสอ(Media)สอทเปนไฟลรปภาพ ไฟลวดโอคลป ไฟลเสยง และอนๆ เมนไฟลสอ จะประกอบไปดวย 1. คลงไฟลสอ คอ สวนทแสดงไฟลสอทงหมดทถกใชงานภายในเวบ และสามารถจดการเพมลบ แกไข และดรายละเอยดของไฟลได 2. เพมไฟลใหม

Page 22: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

18 คมอการท าโปรแกรม WORDPRESS เบองตน

หนา(Page) คอ หนาจอแตละหนาทอยในเวบนนๆ แสดงรายละเอยดตางๆทเราตองการแสดง แตละเวบอาจจะมาหลายหนาจอ การทจดการเนอหาและรายละเอยดในหนาจอ ส าหรบ Wordpress แบงออกเปน 2 เมนดงน 1. หนาทงหมด (All Page) คอสวนทรวมเอาหนาจอทมการสรางขนมาใชงานทงหมดเอาไวในหนาจอน ค าสงยอยในการจดการหนาเนอหาประกอบดวย - ค าสง แกไข เพอเขาไปแกขเนอหา - ค าสง แกไขอยางรวดเรว เพอเขาสโหมดการแกไขเนอหา - ค าสง ถงขยะ เพอลบหนาทเลอก - ค าสง ด เพอแสดงผลหนาในโหมดผใช

การใชงานเมนหนา

คลกเพอเพมหนา

Page 23: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

19 คมอการท าโปรแกรม WORDPRESS เบองตน

2. เขยนหนาใหม (Add New) คอ สวนของการสรางหนาจอใหม สามารถสรางไดโดยไปทเมนหนา เขยนหนาใหม หรอกดปมเขยนหนาใหมในสวนบนของหนาจอ หนาทงหมด(All Page) กได เมอเขาสหนาจอเขยนหนาใหมจะปรากฎหนาจอและตองกรอกรายละเอยดคลายๆกบการเพมเรองใหม สวนประกอบของเมนเขยนหนาใหม 1. หวขอเนอหา 2. เนอหา 3. แถบเครองมอ 4. สถานะการเผยแพรเนอหา 5. ล าดบในการแสดงเนอหา ***สวนประกอบขอ 1,2,3,4และการแสดงผลในหนาเวบจะเหมอนกนกบการเขยนเรองใหม ***การแทรกไฟลสอในหนา ท าเหมอนกนกบการแทรกไฟลสอในเรอง (หนา14)

1

2 3

4

5

Page 24: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

20 คมอการท าโปรแกรม WORDPRESS เบองตน

การใชงานเมนความเหน

ความเหน คอ สวนทแสดงความคดเหนในสวนตางๆของเนอหาภายในเวบ

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

Page 25: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

21 คมอการท าโปรแกรม WORDPRESS เบองตน

การใชงานรปแบบบลอก

ในสวนนเปนการจดการรปแบบในการแสดงผลเปนสวนใหญในเวบ แตจะขนอยกบรปแบบทเราเลอกวาจะสามารถจดการในสวนใดไดบาง สวนนมชอเรยกวา Theme การตดตงและใชงานมขนตอนดงตอไปน 1. ไปทเมน รปแบบบลอก 2. ไปทเมน Theme 3. เลอก free เพอเลอก Theme ทไมมคาใชจาย 4. เลอก theme ทเราตองการ 5. เลอก ใชงาน เพอใช theme ทเลอก

5 2

3 4

1

Page 26: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

22 คมอการท าโปรแกรม WORDPRESS เบองตน

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

ในสวนนเปนการจดการรปแบบในการแสดงผลเปนสวนใหญในเวบ เปนการออกแบบสวนตางๆของหนาเวบ ไมวาจะเปน พนหลง รปแบบตวอกษรตางๆของเวบ แตจะขนอยกบรปแบบทเราเลอกวาจะสามารถจดการในสวนใดไดบาง สวนนมชอเรยกวา “ปรบแตง” งานมขนตอนดงตอไปน 1. ไปทเมน “รปแบบบลอก” 2. ไปทเมน “ปรบแตง” จอจะแสดงแถบเมนตางๆทสามารถใชในการปรบแตงเวบของเราได จะเสดงการใชงานของแถบเมนทส าคญๆ ดงน

การปรบแตง

1 2

Page 27: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

23 คมอการท าโปรแกรม WORDPRESS เบองตน

2.1 เลอก “อตลกษณเวบไซต” เพอปรบเปลยนโลโกของเวบไซต หรอการเปลยนชอหวขอเวบและค าโปรยซงเปนการใสชอรอง หรอค าจ ากดความของเวบไซต ดงภาพ - การใชงานเมน “รปโลโก” ท าไดดงน คลก “เลอกรปโลโก” > “อพไฟล ” > “เลอก” - การใชงานเมน “หวขอเวบ” ท าไดดงน ปอนชอทเราตองการเปลยน > “บนทก” - การใชงานเมน “ค าโปรย” ท าเชนเดยวกบ “หวขอเวบ”

1

รปโลโก

หวขอเวบ

ค าโปรย

Page 28: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

24 คมอการท าโปรแกรม WORDPRESS เบองตน

2.2 เลอก “Colors & Backgrounds ” เพอปรบเปลยนสและพนหลงของเวบไซต ทงนการเปลยนสหรอพนหลงกขนอยกบธมทเราเลอกดวยวา มขอจ ากดของการเปลยนพนหลงหรอไม บางธมจะมพนหลงส าเรจรปใหเราเลอก บางธมกใหเราเลอกสพนหลงไดอยางอสระ จากเวบไซตตวอยาง มพนหลงส าเรจรปใหเลอกกสามารถใชงานไดโดย เลอกพนหลง > บนทกและเผยแพร

1

2

3

2.3 เลอก “Front” เพอปรบเปลยนลกษณะตวอกษรของเวบไซต ในสวนของหวเวบและตวอกษรในสวนตางๆของเวบ สามารถปรบขนาดได เพอเนนสวนทตองการใหโดดเดน ใชงานไดโดย เลอกFront > “บนทกและเผยแพร”

1

3

2

4

Page 29: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

25 คมอการท าโปรแกรม WORDPRESS เบองตน

2.4 เลอก “ภาพสวนหว” เพอปรบเปลยนภาพสวนหวของเวบไซต ทงนการเปลยนภาพสวนหวกขนอยกบธมทเราเลอกดวยเชนกนวา มขอจ ากดของการเปลยนภาพหรอไม บางธมจะภาพใหเราเลอกอยแลว แตเรากสามารถอพโหลดรปภาพไดอยางอสระ จากเวบไซตตวอยาง มภาพใหเลอกกสามารถเลอกภาพมาใชงานไดหรอจะอพโหลดภาพทเราชอบมากได ใชงานไดโดย เลอกภาพ หรอ “เพมรปภาพใหม” > “บนทกและเผยแพร”

2

1

3

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

1 2

3

4

Page 30: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

26 คมอการท าโปรแกรม WORDPRESS เบองตน

การเปลยนภาษา

ในกรณทเราตองการเปลยนภาษาของเวบไซต จากภาษาองกฤษเปนภาษาไทย ท าไดดงตอไปน 1. เขาหนาควบคมเพอเปลยนภาษาของ Wordpress โดยเขาเวบ https:// ชอเวบทตง .wordpress.com/wp-admin/ 2. คลกทแถบชวยเหลอ (help) “ ” 3. คลก “Account Settings” 4. คลกหาภาษาไทยในชอง “Interface Language” 5. คลก “Save Account Settings” เปนอนเสรจเรยบรอย 2

1

3

3

5

4

Page 31: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท

27 คมอการท าโปรแกรม WORDPRESS เบองตน

เอกสารอางอง

กตตพนธ ศรศกดา.2559.การสรางและบรหารจดการเวบไซตดวยWordPress. (ออนไลน).แหลงทมา :https://dorm.kku.ac.th/uploads/news/files/Wordpress.pdf 27 กรกฎาคม 2559 บญเลศ อรณพบลย.2559.เวบไซตรปแบบบลอกงายๆดวยWordPress.com. (ออนไลน).แหลงทมา:http://www.lib.buu.ac.th/webnew2/wp-content/uploads /2013/08/20130415-wordpress-com.pdf 27 กรกฎาคม 2559

Page 32: คู่มือ การสร้างเว็บไซด์ WORDPRESS · 2016-07-30 · คู่มือการสร้างเว็บไซด์ wordpress คณะผู้จัดท