BOONMEE ARTI3319 Themes WordPress
ขั้นตอนและวิธีการแก้ไข 1. ให้เปิดโปรแกรม WordPress ที่อยู่ในแฟสไดร์ที่เราเตรียมเอาไว้
2.เมื่อเราได้เปิดโปรแกรม WordPress ก็จะพบกับหน้าต่างของโปรแกรมเพื่อจะเป็น หน้าหน้าแรกที่เราจะเขาไปใช้งานโปรแรม WordPress 3.ให้คลิกที่ค�ำสั่ง Localhost เพื่อเข้าไปยังชั้นในของ WordPress
4.เมื่อคลิกเข้ามาแล้วเราก็จะเจอกับหน้าต่างบอกรายละเอียดต่าง ๆ เกี่ยวกับการใช้ งานของโปรแกรม WordPress 5.ให้คลิกที่ http://localhost:8080/wordpressthaiedition
2
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
Chapter
01 Themes WordPress
6.เมื่อท�ำการคลิกเข้ามาแล้วก็จะเจอหน้าเว็บไซต์ของเราที่ได้ท�ำการสมัครหรือกรอก ข้อมูลไว้ก่อนหน้านี้ แล้วแต่ถ้าหากยังไม่มีข้อมูลก็ให้ไปปปรับแต่งและตั้งค่าต่าง ให้เสร็จเรียบร้อยก่อนจึจะมีข้อมูลดังภาพตัวอย่างด้วนล่าง
มหาวิทลัยราชภัฎจันทรเกษม
3
BOONMEE ARTI3319 Themes WordPress
ปรับแต่งรูปส่วนหัว คือส่วนบนของเว็บไซต์ของเรานัน้ เอง ถ้าหากเราไม่พอใจตรีมทีเ่ ขาท�ำมาให้เราก็สามารถ
ปรับแต่งและแก้ไขส่วนหัวหรือส่วนต่างๆ ของเว็บได้เองขั้นตอนและวิธการปรับแต่ง
1.ให้คลิกที่เมนู เข้าระบบ ตามลูกศรสีแดงชี้ เพื่อท�ำการล็อคอินเข้าระบบเพื่อเข้าไป ปรับแต่งในส่วนต่างๆ ของโปรแกรม WordPress
2.เมือ่ ล็อคอินเข้ามาแล้วก็จะเจอหน้าต่างส่วนของ Admin ก็ให้เราใส่ชอื่ ลงไปในช่อง ของ ชือ่ สมาชิกผูใ้ ช้...xxxxxxxxx....และใส่รหัสผ่าน..xxxxxxx....เสร็จแล้วให้คลิก ปุ่ม เข้าสู่ระบบ
4
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
Chapter
01
การแก้ไขส่วนหัวของเว็บไซต์
1.ให้คลิกที่แถบเมนูค�ำสั่ง รูปลักษณ์หน้าเว็บ>ส่วนหัวของเอกสารเว็บ
2. คลิกเข้ามาก็จะเจอหน้าต่างปรับแต่งรูปส่วนหัวดังภาพตัวอย่างด้านล่าง และจะมี หัวข้อต่างๆให้ปรับแต่ง ถ้าส่วนใจภาพส�ำเร็จก็มีให้เราเลือก แต่ถ้าหาไม่ต้องการ เราก็สามารถท�ำขึ้นมาเองได้แต่งขนาดของ ภาพต้องไม่เกิน 940x198 pixels เมื่อ เลือกภาพส่วนหัวเสร็จแล้วให้ท�ำการบันทึกเอาไว้
มหาวิทลัยราชภัฎจันทรเกษม
5
Themes WordPress
3. เมือ่ เข้ามาในระบบแล้วเราก็จะเจอส่วนปรับแต่งๆมากมายให้เราได้สามารถแก้ได้ ได้ด้วยตัวเองแล้วแก้ใน ส่วนที่เราไม่ต้องการ
BOONMEE ARTI3319 Themes WordPress
3. ถ้าหากเราท�ำไฟล์ใส่หัวของเว็บขึ้นมาเอง และต้องการน�ำมาใช้งานให้คลิกที่ ปุ่ม Choose File พื่อน�ำภาพที่เราได้เตรียมเอาไว้ส�ำหรับท�ำเป็นส่วนหัวเข้ามาดู ตามภาพตัวอย่างทางด้านล่าง
6
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
Chapter
01
ตัวอย่างด้านล่างคือภาพที่เราน�ำเข้ามาเป็นส่วนหัวของเว็บ
5.ถ้าหากไม่ต้องการหรือจะลบออกให้คลิกเลือกที่หน้าภาพนั้นๆดังตัวอย่างแล้วกด ปุ่ม ลบภาพส่วนหัวออก ภาพที่ไม่ต้องการก็จะหายไป
มหาวิทลัยราชภัฎจันทรเกษม
7
Themes WordPress
4. เมื่อคลิกที่ปุ่ม Choose File แล้ว ก็จะเข้ามายังหน้าต่างเก็บไฟล์ของเราว่าเราเก็บ ไฟล์ทที่ ำ� ไว้ทไี่ หน จากนัน้ ให้คลิกเลือกทีไ่ ฟล์ภาพทีเ่ ราต้องการมาเป็นส่วนหัวของ เว็บไซต์เราได้เลย
BOONMEE ARTI3319 Themes WordPress
6.ในหัวข้อนี้เราจะไปดูผลการปรับแต่งหรือหน้าเว็บที่เราได้แต่งเอาไว้ โดยให้คลิกที่ แถบเมนูบาร์ด้าน บนที่เป็นชื่อของเราที่ตั้งเอาไว้แล้วเลื่อนลงมาคลิกที่แถบค�ำสั่ง ไปหน้าเว็บไซต์ตามตัวอย่าง
7. หน้าเว็บที่เราได้ปรับแต่งเรียบร้อยแล้ว
8
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
Chapter
ในการสร้างเว็บนั้นยังมีอีกหลายส่วนที่เรายังสามารถปรับแต่งด้วยต้วเองได้อีกเช่น กันอย่างเช่น สีพนื้ หลังก็เป็นอีกส่วนหนึง่ ทีท่ ำ� ให้เว็บเราสวยงามมากยิง่ ขึน้ และมาดูขนั้ ตอน การก�ำหนดสีพื้นหลังกันเลย
1. คลิกที่แถบเมนู รูปลักณ์หน้าเว็บ>สีพื้นหลัง
2. หน้าต่างถัดมาจากการเลือกแถบเมนู สีพนื้ หลัง เป็นหน้าต่างทีจ่ ะช้วยให้เราก�ำหนด สีพื้นหลังของ เว็บไซต์ได้เอง ก�ำหนดได้ทั้งสีและเป็นรูปภาพก็ได้ 3. ก�ำหนดในส่วนที่เป็นสีพื้นหลัง ในหัวข้อตัวเลือกหน้าจอ จะสามารถก�ำหนดเป็นสี อะไรก็ได้ตามต้องการ
มหาวิทลัยราชภัฎจันทรเกษม
9
Themes WordPress
การก�ำหนดสีพื้นหลังเอง
01
BOONMEE ARTI3319 Themes WordPress
4. ถ้าหากต้องการพืน้ หลังทีเ่ ป็นรูปภาพก็ให้กำ� หนดในส่วนของ ภาพพืน้ หลัง จากนัน้ ให้คลิกที่ปุ่ม Choose File เพื่อน�ำภาพเข้ามา คลิกเลือกภาพที่ต้องการ แล้วคลิก ปุ่ม Open และจากนั้นให้คลิกที่ปุ่ม ส่งไฟล์ขึ้น ภาพที่เราเอาเข้ามาจึงจะปรากฏ ภาพขึ้นมา
5.เลือกการวางการจัดต�ำแหน่งของภาพพืน้ หลัง ว่าจะให้อยูส่ ว่ นไหนของหน้าเว็บไซต์ เช่น ให้เสมอหน้า- กึ่งกลาง – เสมอหลัง เป็นต้น
10
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
Chapter
01 Themes WordPress
ตัวอย่างการใส่พื้นหลังแบบเป็นภาพ
ตัวอย่างการใส่พื้นหลังแบบที่ไม่ใช่ภาพ
มหาวิทลัยราชภัฎจันทรเกษม
11
BOONMEE ARTI3319 Themes WordPress
การติดตั้งชุดรูปแบบกราฟิกบล็อกเพิ่ม การติดตั้งชุดกราฟิกส�ำเร็จมาใช้งานนั้นก็ไม่ได้มีขั้นตอนที่ย้าก เพียงแค่เราต่อเน็ตเราก็
จะสามารถดาวน์โหลด Tremes ส�ำเร็จมีไว้ให้เราโหลดฟรีอยู่มากมาย Tremes ที่ดาวน์โหด มาก็ยังสมารถแก้ไขส่วนต่างๆ ได้อีกด้วย
1. คลิกที่ รูปลักษณ์หน้าเว็บ > ชุดรูปแบบกราฟิก
2.หลังจากคลิกเข้ามาแล้วก็จะเจอกับหน้าต่างการเลือก Tremes เพื่อน�ำมาใช้งาน แต่ในขั้นตอนนี้เราจะหา Tremes ใหม่มาใช่ โดยการดาวน์โหลด Tremes เข้ามา ใหม่และจะมี Tremes ฟรีไว้ให้เราดาวน์โหลดอยู่แล้ว
12
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
Chapter 3. ก่อนอื่นถ้าปิดอินเตอร์เน็ตไว้ ให้ท�ำการเชื่อมต่อเน็ตก่อน 4. คลิกที่ปุ่ม ติดตั้งชุดรูปแบบกราฟิกเพิ่มบล็อก
Themes WordPress
01
5. เมื่อเข้ามายังหน้าต่างนี้แล้ว ให้คลิกปุ่ม ค้นหา เพื่อค้นหา Tremes ที่เข้าท�ำไว้ให้ เราดาวน์โหลดฟรี
มหาวิทลัยราชภัฎจันทรเกษม
13
BOONMEE ARTI3319 Themes WordPress
6. เมื่อเราคลิกค้นหาแล้วเราก็จะเจอกับ Tremes ฟรีต่างๆ ให้เราโหลดมาใช้ฟรี
7. คลิกที่ปุ่ม ติดตั้ง ก็จะขึ้นหน้าต่างการติดตั้งขึ้นมา ให้เราคลิกที่ปุ่ม ติดตั้งเดียวนี้ ดังภาพตัวอย่าง
14
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์
Chapter 8.โปรแกรมท�ำการก�ำลังติดตั้ง
9. ติดตั้งเสร็จแล้ว จากนั้นให้เราคลิกที่แถบเมนูค�ำสั่ง ชุดรูปแบบกราฟิก เพื่อไปดู Tremes ที่เราติดตั้งเสร็จแล้ว
10. Tremes ที่เราดาวน์โหลด และติดตั้งเสร็จเรียบร้อยแล้วพร้อมน�ำไปใช่งาน
มหาวิทลัยราชภัฎจันทรเกษม
15
Themes WordPress
01
BOONMEE ARTI3319 Themes WordPress
รายงาน
ขั้นตอนการเปลี่ยนแปลงและแก้ไข Themes WordPress
โดย นายบุญมี เมืองนา รหัสนักศึกษา 5321300153 วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ ปี 3/1 (ภาค�่ำ) สาขาวิชา ศิลปกรรม แขนงออกแบบนิเทศศิลป์ ภาควิชา มนุษยศาสตร์ คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทลัยราชภัฎจันทรเกษม กทม.
เสนอ
ผู้สอน ผศ.ประชิด ทิณบุตร
16
วิชา Arti 3319- Technology เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์