Theme Design and Customisation for WordPress Thai Edition WordPress Thai Academy By Supakit Srisawat 5111311881 ARTI3319
Technology for Visual Communication Design
คำนำ
รายงานเล่มนี้จัดทำขึ้นเพื่ออธิบายถึงขั้นตอน ในการออกแบบรวมไปถึงขั้นต อนการทำลงมือทำจริงของ Theme Design ซึ่งจัดทำในบล็อกของ WordPress Thai Editon WordPress Thai Academy ซึ่งในรายงานเล่มจะแสดงขั้นตอนการจัดทำอย่า งละเอียดรวมไปถึงวิธีคิดในการออกแบบ Theme Design โดยรายงานเล่มนี้อาจจะ เป็นประโยชน์ให้แก่ผู้อ่านได้ไม่มากก็ถ้าผิดพลาดประการใดขออภัย ณ ที่นี้ด้วย
จัดทำโดย นายศุภกิจ ศรีสวัสดิ์
สารบัญ แนวคิด
1-2
ขั้นตอนการติดตั้ง
3 - 12
ปัญหาที่พบ
13
สรุป
13
แนวคิด
แนวคิด
แนวคิดได้มาจากโทรศัพท์แบบทัชสกรีนและWindown ซึ่งการทำ Background และ Heading จะทำออกมาให้คลายกับโทรศัพท์แบบทัชสกรีน และ Windown โดยชุด Theme สีจะออกเป็นสีน้ำเงิน และสีขาวซึ่งจะทำให้ อ่านออกได้ง่าย
โจทย์และวัตถุประสงค์ 1.เพื่อการเรียนรู้เกี่ยวกับการจัดการ WordPress 2.ฝึกฝนการออกแบบไซต์ โปรแกรมที่เกี่ยวข้อง
1.Adobe Photoshop 2.WordPress Thai 3.0.4 Portable
ขั้นตอนการติดตั้ง
ขั้นตอนการทำ เมื่อเราลง Word press แบบ USB Webserver นั้นแล้วเมื่อคลิกเข้าในคำว่า Localhost เราก็จะเจอหน้ าเพจของโปรแกรมแบบนี้ ให้เราคลิกที่ตัวสีแดง
เมื่อเราคลิกเข้าแล้วก็จะได้แบบนี้ ซึ่งให้เราตรงที่ เข้าสู่ระบบ
เมื่อเราเข้าสู่ระบบแล้ว ให้ใส่ ชื่อผู้ใช่ admin รหัสผ่าน admin
แล้วเราจะได้หน้าเพจแบบนี้
ซึ่งถ้าเราจะเข้าไปเปลี่ยน theme เราก็คลิกในรูปลักษณ์หน้าเว็บ ซึ่งในรูปลักษณ์หน้าเว็บก็จะ ได้หน้าตาแบบนี้
โดยที่เราจะเปลี่ยนแปลง theme
ได้โดยคลิกคำว่า ชุดแบบกราฟิก บล็อก แล้วเลือกชุดที่เราถูกใจแต่ใน ที่นี้เลือก ชุด Twenty Ten
โดยจะได้หน้าตาแบบนี้ แล้วเราก็คลิกที่เปิดใช้งาน
แล้วเราก็จะหน้าเพจแบบนี้
ซึ่งเราสามารถแก้ ไขหรือเพิ่มเติมได้ คำสั่งศูนย์จัดการระบบ
ซึ่งเราสามารถแต่หัวเพจได้โดยใช้คำสั่ง ว่า ส่วนหัวของหน้าเอกสารเว็บ
แต่ถ้าเราต้องการที่อัพหัวที่เราทำเองให้ คลิกที่คำสั่ง อัพไฟล์
แล้วเราจะได้หัวเอกสารแบบนี้
หลังจากที่เราเปลี่ยน หัวเอกสารแล้วต่อไป เราจะเปลี่ยนพื้นหลัง
โดยเราจะอัพไฟล์ที่เตรียมมาให้เป็นพื้นหลัง แล้วคลิก ที่คำสั่ง บันทึกการเปลี่ยนแปลง
โดยเราจะได้หน้าเว็บไซต์แบบนี้
ปัญหาที่พบ
ปัญหาที่พบนั้นคือ Theme ที่ใช้นั้นไม่สามารถเปลี่ยนได้หมดทุกอย่างและ การ Design ของข้าพเจ้าค่อนข้างที่จะอ่อนเกินไป
สรุป การDesign Theme นั้นออกแบบโดยเน้นการใช้โทนสีที่ค่อนข้างท จะ สบายตาอ่านข้อความได้โดยง่ายโดยมีการเปลี่ยนแปลงไปจาก Theme เดิมโดยเล็กน้อย ส่วนที่เปลี่ยนแปลงนั้น มีส่วนของ หัวไซต์ และพื้นหลัง