Theme Design and Customisation

for

WordPress Thai EditionWordPress Thai Academy

BySupakit Srisawat

5111311881

ARTI3319Technology for Visual Communication Design

คำนำ

รายงานเล่มนี้จัดทำขึ้นเพื่ออธิบายถึงขั้นตอนในการออกแบบรวมไปถึงขั้นต

อนการทำลงมือทำจริงของThemeDesignซึ่งจัดทำในบล็อกของWordPressThai

EditonWordPressThaiAcademyซึ่งในรายงานเล่มจะแสดงขั้นตอนการจัดทำอย่า

งละเอียดรวมไปถึงวิธีคิดในการออกแบบThemeDesignโดยรายงานเล่มนี้อาจจะ

เป็นประโยชน์ให้แก่ผู้อ่านได้ไม่มากก็ถ้าผิดพลาดประการใดขออภัยณที่นี้ด้วย

จัดทำโดย

นายศุภกิจศรีสวัสดิ์

สารบัญ

แนวคิด 1-2

ขั้นตอนการติดตั้ง 3-12

ปัญหาที่พบ 13

สรุป 13

แนวคิด

แนวคิด

แนวคิดได้มาจากโทรศัพท์แบบทัชสกรีนและWindownซึ่งการทำ

BackgroundและHeadingจะทำออกมาให้คลายกับโทรศัพท์แบบทัชสกรีน

และWindownโดยชุดThemeสีจะออกเป็นสีน้ำเงินและสีขาวซึ่งจะทำให้

อ่านออกได้ง่าย

โจทย์และวัตถุประสงค์

1.เพื่อการเรียนรู้เกี่ยวกับการจัดการWordPress

2.ฝึกฝนการออกแบบไซต์

โปรแกรมที่เกี่ยวข้อง

1.AdobePhotoshop

2.WordPressThai3.0.4Portable

ขั้นตอนการติดตั้ง

ขั้นตอนการทำ

เมื่อเราลงWordpress

แบบUSBWebserver

นั้นแล้วเมื่อคลิกเข้าในคำว่า

Localhostเราก็จะเจอหน้

าเพจของโปรแกรมแบบนี้

ให้เราคลิกที่ตัวสีแดง

เมื่อเราคลิกเข้าแล้วก็จะได้แบบนี้ซึ่งให้เราตรงที่

เข้าสู่ระบบ

เมื่อเราเข้าสู่ระบบแล้ว

ให้ใส่ชื่อผู้ใช่admin

รหัสผ่านadmin

แล้วเราจะได้หน้าเพจแบบนี้

เมื่อเราเข้าสู่ระบบแล้ว

ให้ใส่ชื่อผู้ใช่admin

รหัสผ่านadmin

แล้วเราจะได้หน้าเพจแบบนี้

ซึ่งถ้าเราจะเข้าไปเปลี่ยนtheme

เราก็คลิกในรูปลักษณ์หน้าเว็บ

ซึ่งในรูปลักษณ์หน้าเว็บก็จะ

ได้หน้าตาแบบนี้

โดยที่เราจะเปลี่ยนแปลงthemeได้โดยคลิกคำว่าชุดแบบกราฟิก

บล็อกแล้วเลือกชุดที่เราถูกใจแต่ใน

ที่นี้เลือกชุดTwentyTen

โดยจะได้หน้าตาแบบนี้แล้วเราก็คลิกที่เปิดใช้งาน

โดยที่เราจะเปลี่ยนแปลงthemeได้โดยคลิกคำว่าชุดแบบกราฟิก

บล็อกแล้วเลือกชุดที่เราถูกใจแต่ใน

ที่นี้เลือกชุดTwentyTen

แล้วเราก็จะหน้าเพจแบบนี้

ซึ่งเราสามารถแก้

ไขหรือเพิ่มเติมได้

คำสั่งศูนย์จัดการระบบ

ซึ่งเราสามารถแต่หัวเพจได้โดยใช้คำสั่ง

ว่าส่วนหัวของหน้าเอกสารเว็บ

แต่ถ้าเราต้องการที่อัพหัวที่เราทำเองให้คลิกที่คำสั่ง

อัพไฟล์

แล้วเราจะได้หัวเอกสารแบบนี้

หลังจากที่เราเปลี่ยน

หัวเอกสารแล้วต่อไป

เราจะเปลี่ยนพื้นหลัง

โดยเราจะอัพไฟล์ที่เตรียมมาให้เป็นพื้นหลัง

แล้วคลิกที่คำสั่ง

บันทึกการเปลี่ยนแปลง

โดยเราจะได้หน้าเว็บไซต์แบบนี้

สรุป

การDesignThemeนั้นออกแบบโดยเน้นการใช้โทนสีที่ค่อนข้างท

จะสบายตาอ่านข้อความได้โดยง่ายโดยมีการเปลี่ยนแปลงไปจากTheme

เดิมโดยเล็กน้อยส่วนที่เปลี่ยนแปลงนั้นมีส่วนของหัวไซต์และพื้นหลัง

ปัญหาที่พบ

ปัญหาที่พบนั้นคือThemeที่ใช้นั้นไม่สามารถเปลี่ยนได้หมดทุกอย่างและ

การDesignของข้าพเจ้าค่อนข้างที่จะอ่อนเกินไป