11
By Mr.Pranan Panchana 5211301030 CHANDRAKASEM RAJABHAT UNIVERSITY Communication. Design ART Technology For ARTI3319 3.5.1

wordpress theme design

  • Upload
    -

  • View
    220

  • Download
    1

Embed Size (px)

DESCRIPTION

theme design by Pranan Panchana

Citation preview

Page 1: wordpress theme design

By Mr.Pranan Panchana 5211301030

CHANDRAKASEM RAJABHAT UNIVERSITY

Communication. Design ART Technology For ARTI3319

3.5.1

Page 2: wordpress theme design

ค ำน ำ

รายยงานนเปนสวนหนงของวชาเทคโนโลยเพอการออกแบบ ท าขนเพออธบายขนตอน

วธท า Wed Theme โดยเลอกใชโปรแกรม Wordpress ในการออกแบบ Theme เพราะสะดวกม

ผใชอยางแพรหลายรายงานนเปนสวนหนงในงานโครงการศกษาพฒนาสอและระบบสนบสนน

การเรยนการสอนทางสอออนไลนของศาขาวชาศลปกรร ออกแบบนเทศศลปไดมการแกไข

ขอมลในสวน Theme Design มาจาก : Prachid.wordpressthai.com โดยน าเวบยลอกดงกลาว

มาจดท าเปนผลงานในการเรยนการสอนโดยหวงอยางยงวาจะไดความรและวธการทจะน าไป

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

ทนดวย

Page 3: wordpress theme design

สารบญ

ค าน า / สารบญ 1 - 2

ขอมลประจ าตว / Wordpressthai คออะไร / วตถประสงค 3 – 4

ขนตอนการ Download Wordpressthai 5 – 6

วธท 1 การอฟขอมลขาวสาร 7 – 8

วธท 2 การปรบแตงใสภาพสวนหว 8 -9

วธท 3 เพมเมนขางๆ Widgets 10

Page 4: wordpress theme design

นำย ปรำณนต ปำนชนะ ทอยตำมบตรประชำชน บำนเลขท 38 หม 5 ต ำบลควนธำน อ.กนตว จ.ตรง 92110 มหำวทยำลยรำชฏจนทรเกษม คณะมนษยศำสตรและสงคมศำสตร สำขำวชำศลปกรรม (ออกแบบนเทศ)ศลป) E –mail : [email protected]

[email protected] T. 081-1364363

PRANAN PANCHANA 5211301939

ขอมลประจ ำตว

Page 5: wordpress theme design

WordPress คออะไร

Wordpress เปนโปรแกรส ำหรบท ำบลอก พฒนำดวยภำษำ PHP และ ใชงำนรวมกบ

ฐำนขอมล MyQL มกำรใชงำนทงำย มควำมยดหยนสงเปนทนยมของบลอกทวโลก

รวมทงชำวไทยดวยเชนกน มผพฒนำปลกอน และธม (รปแบบกำรแสดงผล) ใหเรำ

สำมำรถเลอกใชงำนไดแบบฟร ๆ อยเปนจ ำนวนมำก

Wordpress ถอวำเปน CMS (Contents Management System) ตวหนงทม

ควำมสำมำรถในกำรสรำงบลอกโดยเฉพำะ ระบบกำรจดกำรทงำยสะดวกตอกำรใชงำน

โดยมควำมงำยตงแตกำรตดตง จนกระทงกำรขยน Blog หรอกำรเปลยนรปแบบดไซน

หรอธมของ Blog กสำมำรถท ำไดสวดกงำยดำย จงเปนทนยมอยในขณะน ยง

Wordpress ยงไดแตกหนอออกมำเปน WordpressMU เพอใหผใชงำนสำมำรถ

น ำไปใชสรำงเวบบลอกเพอใหผอนใชงำนไดอกดวย

วตถประสงค

1.เพอเรยนรระบบโปรแกรม Wordpressthai 3.5.1

2.เพอฝกฝนกำรท ำเวบไซต

Page 6: wordpress theme design

ขนตอนกำรออกแบบ

1.โหลดโปรแกรม Wordpressthai 3.5.1 โดยคลกท Download

2.คลกดาวนโหลดทน

3.ดาวนโหลดเสรจแลวกดบเบลคลกทค าวาSubwebserver.exe

Page 7: wordpress theme design

4.เรมตนการใชงานโดยการคลกท

usbwebserver จะดงภาพดานลาง

จากนนคลกทค าวา Localhost เพอเรม

เขาสการปรบแตงเวป

5.คลกท http://localhost:8080/wordpressthaiedition

6.จากนนใสชอผใชและรหสผานเพอเขาสระบบ ในทนคอ admin เมอเสจแลวจะเขาสระบบจกการเวป

Page 8: wordpress theme design

วธท 1 กำรอฟขอมลขำวสำร

1. แนะน าการอฟขอมล ขาวสารลง

ในบลอกใหเรากดไปท เนอหา

บลอก

2. ถาเราตองการจะใสรปกใหกดไปท

เลอก/เพม/สงสอเขา/ใชระบบ > เลอกไฟล

3. ถาตองการจะใส VDO เรากสามารถไป

เอาโคดมาใสได

Page 9: wordpress theme design

วธท 2 กำรปรบแตงใสภำพสวนหว

1. เลอกไปท รปลกษณหนาเวบ

5. เสรจแลวกท าการกดสรงเผยแพรเนอหา

4. เมอไดรปทตองการแลวกกดบนทกการ

เปลยนแปลง

Page 10: wordpress theme design

2. กดไปท สวนหของหนาเอกสาร

เวบ

3. เลอกสวนทตองการของภาพแลว

กด ตดสวนและและเผยแพรเนอหา

4. เมอไดรปทตองการแลวกกด

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

Page 11: wordpress theme design

วธท 3 เพมเมนขางๆ Widgets

1. กดไปทรปแบบลกษณหนาเวบ

2. กดท บลอกเมนขา:Widgets

3. Enjoy