ความรเรองระบบเทคโนโลยเพอการออกแบบนเทศศลป

เรอง : การสรางเวบบลอคใน Wordpress.com

โดย : น.ส.อาภารตน เถกงเกยรต รหส 5311310436

Email : aparat420@gmail.com blogwordpress:http://aparattakerkiat.wordpress.com/ วชา : เทคโนโลยเพอการออกแบบนเทศศลป (ARTI3319)

อาจารย : ประชต ทณบตร

ภาคเรยนท 2 ปการศกษา 2555 มหาวทยาลยราชภฎจนทรเกษม

2

1.ขนตอนการสมครเวบไซด wordpress.com ขนตอนแรกเราตองเขาเวบไซดwww.wordpress.com

ภาพท 1 แสดงภาพหนาจอของหนาแรกของเวบไซด www.wordpress.com

-และเมอทาการเขาเวบไซดเปนทเรยบรอยแลวใหทานเลอกคลกคาวา Get Started เพอ

เปนการสมครเปน member ของเวบไซดเสยกอนเพราะในการใชงานของ

wordpress นนผใชจะตองเปนสมาชคของระบบเสยกอนถงจะสามารถสรางเวบเพจหรอ

เวบบลอกใน wordpress ได

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต 2556

3

2.การใสขอมลในการสมคร www.wordpress.com

1

2

3

4

5

ภาพท 2 แสดงภาพหนาจอของหนา การใสขอมลการสมครเวบ www.wordpress.com

-หมายเลข 1 ใสทอย Email ของคณ เชน aparat420@gmail.com

-หมายเลข 2 ใสชอของคณทจะนามาใชเพอทาการ Login เขาสระบบและยงเปนชอของคณท

จะตองใชในระบบ wordpress อกดวย

-หมายเลข 3 ใสรหสของคณทจะใชทาการ login เขาสระบบwordpress คาแนะนาของการ

ใสรหสคอ ควรใชตวอกษรทงบนและลางหรอใชเครองหมายสญลกษณรวม กบตวเลขหรอตวอกษร

4

-หมายเลข 4 ใสทอยของ Blog หรอทอยของ Webpage ทเราจะสราง การตงชอนนควรตง

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

รไดถงขอมล และเนอหาหลกภายในเวบ

-หมายเลข 5 เมอทาการกรอกขอมลตางๆ ครบเรยบรอยแลว ขอควรระวงเมอกรอกขอมลเรยบรอย

แลวใหตรวจดวา ขอมลทเรากรอกไปแลวนนสามารถใชไดหรอไม โดยการดทกลองขอความวาม

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

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

ขน เมอมเครองหมายถกแสดงครบทกชอง ลาดบตอไปกทาการคลกเลอกท Create Blog

ภาพท 3 แสดงภาพหนาจอ การใสขอมลทไมถกตอง ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต,2556

5

3.เมอเราทาการสมครเปนสมาชคของ wordpress เปนทเรยบรอยแลว ทางระบบจะสง

Email ตอบกลบมายง Email ของทาน เพอเปนการยนยนการสมคร หลงจากนนใหทาการ

Login เขาสระบบของ wordpress

ภาพท 4 แสดงภาพหนาจอ เวบไซด wordpress ขนตอนการเขาสระบบ

-พมพ ทอย Email หรอ Username ของทาน ลงในหมายเลข 1 และกรอก Password

ของทานลงในชองถดไป

-หลงจากกรอกขอมลสวนตวของทานเรยบรอยแลว ใหคลก Sign in ในหมายเลข 2

ทมา : www.wordpress.com

ผจดทา : นางสาว อาภารตน เถกงเกยรต , 2556

6

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

แรกของ เวบไซด wordpress ในดานซายของหนาแรกนนจะเปนการแสดงขาวสารจากบลอค

ตางๆ ทคณกาลงตดตามอย และในแถบดานบน จะเปนแถบเครองมอตางๆ

ภาพท 5 ภาพแสดงหนาจอเวบไซด wordpress ในหนาแรกหลงจากการเขาสระบบ

-เมอเขาสระบบแลวเรากจะมาทาการแกไขโปรไฟล โดยการใสประวต ตางๆของทานลงไป ใสรป

โปรไฟลของตนเอง และทาการตง ชอ บลอกของทานเองใหแสดงในบลอกของ wordpress

-โดยการนาเมาทของทานไปชทรปโปรไฟลของทานเอง เมอชไปแลวจะมหนาตางสขาว แสดงตว

เลอดตางๆ แกทาน ใหคลกเลอกท setting

7

ทมา: www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

5. เมอทานทาการคลดเลอกทคาสง Setting แลว ระบบจะแสดงหนาจอของการตงคาบญช

ของทาน,ขอมลสวนตว,password และจดการ แอปพลเคชนตางๆ ในทนเราจะมาอธบาย

ขนตอนของการตงคา การปรบเปลยนโปรไฟลสวนตว และ การใสรปโปรไฟล ของทานใหผ ทเหนร

ไดในทนทวาเปนคณ

ภาพท 6 ภาพแสดงหนาจอ การตงคาโปรไฟลของทานใน เวบไซด wordpress

- เมอเขามายงหนาของการตงคา ใหเลอก Public Profile เพอเปนการเพมเตมและแกไข

ขอมลตางๆ ในโปรไฟลของทาน

- หลงจากนนใหใสชอของตนเอง ลงใน หมายเลข 2

8

- นามสกลในหมายเลข 3

-หมายเลข 4 ทาการตงชอบลอกของคณทจะแสดงในหนาบลอกของคณ และการตงชอบลอกของ

ทานนนควรจะเปนชอ ทสอดคลองกบเนอหาตางๆ ภายในบลอกของทานเองดวย เชน ทานทา

บลอคเกยวกบดอกไม ทานกอาจจะตงชอบลอกวา Florist…..

-หมายเลข 5 ใสประวตของทานเองลงไป

-หมายเลข 6 เปลยน Gravatar ของคณ คอการเปลยนรปโปรไฟลของคณนนเอง คลกทคาวา

Change your Gravatar ระบบจะแสดงหนาจอดงรปขางลางน

ภาพท 7 ภาพแสดงหนาจอ การเลอก Gravatar

-เลอก ทอยของไฟลรปทคณตองการไมวาจะ เปนจากเครองคอมพวเตอรของคณเอง หรอจะถาย

ใหมจากกลองเวบแคม และอนๆ ตามทคณตองการ

ทมา: www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

9

1 2

ภาพท 8 ภาพแสดงหนาจอ การเลอกไฟลรป ในการเปลยน Gravatar

- เมอเลอกทอยไฟลรปเรยบรอยแลว ขนตอนตอไปกเลอกรปทตองการ โดยการคลกเลอกท เลอก

ไฟล เมอเลอกไฟลรปของทานเรยบรอยแลวใหคลกทคาวา ตอไป

ทมา: www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

-หลงจากทคลกเลอกทคาวาตอไปแลวระบบจะแสดงหนาจอใหเราเลอกขนาดของรปโปรไฟล ให

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

10

ภาพท 9 ภาพแสดงหนาจอ การ Crop รปภาพโปรไฟล

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

11

ภาพท10 ภาพแสดงหนาจอของการเลอกจดการเรทของเวบบลอก

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

6. เมอทาการเปลยน Gravatar เรยบรอยแลว ใหกลบมายงหนาจอการแสดงผล Setting

ไปยงแถบดานบน และคลกเลอกคาวา Save Changes เพอบนทกการเปลยนแปลงและคลก

เลอก my Blogs เ พอไปยงขนตอนของการตกแตง Blog ของคณตอไป

ภาพท 11 ภาพแสดงหนาจอ ของการบนทกการเปลยนแปลงของการตงคา ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

12

7.เมอทานทาการคลกเลอกคาสง My Blogs แลว จะมหนาจอดงรปตอไปน

ภาพท12 ภาพแสดงหนาจอ หนาแรกของการจดการบลอก wordpress

-เมอเขามาถงในหนาจอนแลวใหทานคลกเลอกทคถวา Blog admin เพอเปนการจดการ

ตกแตง เพม วตเจท ตางๆ ใหแกบลอกของทานเอง

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

13

8.เมอทานคลกทคาวา Blog admin แลวระบบจะแสดงหนาจอของหนาควบคมขนมาดง

ภาพ

ภาพท 13 ภาพแสดงหนาจอ หนาการควบคมเวบบลอก wordpress

-ในทนเราจะแนะนาในเรองของการเลอกเปลยน เทมเพลต ของเวบบลอกของทาน โดยการไปท

แถบเครองมอทางดานขวา เลอกทคาวา Appearance และเลอก Themes

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

14

9. เมอเราเลอกทคาสง Themes แลวหนาจอของทานจะทาการแสดงรปแบบของเทมเพลต

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

สวยงามดงใจ มทง เทมเพลตแบบฟร และแบบเสยคาใชจาย

ภาพท 14 ภาพแสดงหนาจอ ของเทมเพลตสาเรจรปตางๆ ของเวบ wordpress

-เมอทานเลอกเทมเพลตททานตองการเรยบรอยแลวใหทาน คลกเลอกทคาวา ใชงานใตรปภาพ

ของเทมเพลต เพอนาเทมเพลตนนๆ ไปใชกบบลอกของทาน

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

15

10. เมอทานคลกเลอกเทมเพลตทตองการเรยบรอยแลวทานยงสามารถทาการปรบแตงเทมเพลต

ของทานเอง ดงน

ภาพท 15 ภาพแสดงหนาจอการปรบแตงเทมเพลต ใน wordpress

-คลกเลอก คาวาปรบแตง เพอเปนการปรบแตงเทมเพลตของทานเอง เชน การปรบแตงการ

ออกแบบขอความสวนหวของบลอก สขอความ และ การจด layout

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

16

11. วธปรบแตงเทมเพลต (หวขอเวบและคาโปรย)

ภาพท 16 ภาพแสดงหนาจอการปรบแตงเทมเพลต (หวขอเวบและคาโปรย)

-เมอเขามาในหนาจอการปรบแตงแลว ใหทานมายงแถบเครองมอดานขวา เลอกคาวา หวขอเวบ

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

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

แสดงขนตอจากหวขอหลก -เมอทานไดใสขอความตางๆ เรยบรอยแลวใหคลกเลอกคาวา บนทก เพอบนทกการเปลยนแปลง

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

17

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

ตอไปจะเปนขนตอนของการใสขอมลตางๆ ของทานลงไปยง Blog wordpress มขนตอน

งายๆ ดงน

1ชอเรอง

4.เพมสอ 3 เครองมอ

5

2 ชองพมพขอความ

ภาพท 17 ภาพแสดงหนาจอของการสราง เอกสาร เพอเพมลงในบลอก wordpress

- ขนตอนแรกคอ มายงแถบเครองมอดานซาย และคลกเลอกคาวา Post และเลอก add

new

- จากนน พมพชอเรองทเราจะโพส

-พมพขอความตางๆ ลงในชองหมายเลข 2 ทานยงสามารถจดรปแบบของขอความไดโดยใช

เครองมอตางๆ ในแถบเครองมอ หมายเลข 3 และทานยงสามารถเพมรปภาพหรอ วดโอ ใน

หมายเลข 4

-เมอทานไดใสขอความตางๆ ของทานเรยบรอยแลว ใหคลกทคาวาเผยแพรในหมายเลข 5

18

ทมา : www.wordpress.com

จดทาโดย : นางสาว อาภารตน เถกงเกยรต , 2556

13. เมอตกแตงเวบบลอกและ ใสเนอหาสาระตางๆ เรยบรอยแลว

ภาพท 18 ภาพแสดงหนาจอ บลอก wordpress เมอทาการใสขอมลเนอหาและตกแตง

เรยบรอยแลว

19

-

Communication Design Technology

ARTI3319