แก้ไขการออกแบบไซต์เบื้องต้น

เนื่องจากห่างไปจาก Google Site ระยะหนึ่งก็เลยถือโอกาศช่วงที่การบ้านเยอะๆนี้แหละเขียนซะเลย - -" เพื่อปรับเปลี่ยนซะหน่อยจะได้ไม่เครียด เอาล่ะค่ะมาเข้าเรื่องของเราดีกว่า ในที่นี้จะพาไปแก้ไขไซต์เบื้องต้นให้ไซต์ของเรา สามารถแก้ไขส่วนต่างๆได้อย่างง่ายดายเลยค่ะ เพียงแค่คลิก คิด ตกลง แค่นี้เองค่ะ ^_^ ก่อนอื่นก็ต้องลงชื่อเข้าใช้ Gmail ก่อนค่ะ แล้วไปที่หน้าไซต์ของคุณ สามารถอ่านเพิ่มเติมต่อได้ด้านล่างนี้เลยค่ะ

1. เข้าไปที่เว็บไซต์ https://sites.google.com/?hl=th เลือกไซต์ที่คุณต้องการจะปรับแต่งแก้ไข

2. คลิกที่ "เพิ่มเติม" 

3. เลือก "แก้ไขการออกแบบไซต์"

4. เรามาดูที่ส่วนหัวของไซต์กันก่อนดีกว่าค่ะ สามารถคลิกที่ "ส่วนหัว" เพื่อซ่อนหรือแสดงส่วนหัวของไซต์คุณค่ะ

5. คลิกที่ หัวของไซต์ เพื่อกำหนดค่าส่วนหัวของไซต์

6. ความสูง เป็นความสูงของหัวไซต์ในที่นี้สามารถใช้ค่าเริ่มต้นของธีมหรือถ้ายังไม่ถูกใจก็สามารถจะกำหนดได้เองแบบพิกเซลเลยค่ะ

7. โลโก้ไซต์ นอกจากในส่วนจัดการไซต์ที่สามารถเปลี่ยนโลโก้ให้ไซต์ได้แล้วส่วนกำหนดค่าส่วนหัวของไซต์นี้ก็ยังสามารถกำหนดได้โดยที่ไม่ต้องเข้าไปในจัดการไซต์ให้ยุ่งยากเลยค่ะ

8. แนวของหัวไซต์ สามารถกำหนดการจัดแนวของหัวไซต์ได้จากส่วนนี้ค่ะ

9. เมื่อทำการปรับแต่งค่าต่างๆได้ตรงตามความต้องการแล้วก็กดปุ่ม "ตกลง" เพื่อดูผลลัพธ์ค่ะ

10.การนำทางแนวนอน สามารถเปิด/ปิดการใช้งานการนำทางแนวนอนหรือลิงก์ส่วนบนของไซต์ได้ค่ะ

11. คราวนี้เรามาดูในส่วนของแถบด้านข้างกันบ้างดีกว่าค่ะ เหมือนกับทุกอันที่ผ่านมาค่ะ สามารถคลิกเพื่อซ่อนหรือแสดงได้จากลิงก์ค่ะ

12. Sidebar สามารถกดแก้ไขหรือเพิ่มแถบด้านข้าง(Gadget) และยังสามารถเคลื่อนย้ายโดยการคลิกลากวางในส่วนที่ต้องการให้แสดงค่ะ

เรามาดูในส่วนแก้ไขแถบด้านข้างกันก่อนค่ะ เลือก "รูปดินสอ" เพื่อเข้าสู่โหมดแก้ไขแถบด้านข้างค่ะ

13. กำหนดการแสดงของแถบด้านทางว่าจะให้แสดงทางไหน 

14. กำหนดความกว้างให้กับแถบด้านข้างของไซต์โดยจะกำหนดเป็นพิกเซลค่ะ

15. เมื่อตั้งค่าเสร็จเรียบร้อยแล้วกด "ตกลง"

เรามาดูส่วนของหมายเลขบวกกันบ้างค่ะคือส่วนที่เราสามารถเพิ่มองค์ประกอบของหน้าไซต์ค่ะ

16. เลือกองค์ประกอบที่คุณต้องการจะเพิ่มลงไซต์ค่ะ หลังจากกดเพิ่มแล้วก็ลองตั้งค่าแล้วกดปุ่มตกลงดูค่ะ เพียงแค่นี้ก็สามารถเพิ่มได้แล้วค่ะ

มาดูด้านล่างของไซต์บ้างค่ะ โดยการคลิก "แก้ไขส่วนท้ายของระบบ" ซึ่งจะอยู่ด้านล่างสุดลองนำเม้าไปชี้แล้วจะมีข้อความแก้ไขส่วนท้ายของระบบปรากฏแล้วเลือกส่วนนั้นได้เลยค่ะ 

17. สามารถซ่อนลิงก์ส่วนท้ายได้โดยการติ๊กเลือกหน้าข้อความซ่อนลิงก์ที่คุณต้องการค่ะ

18. เมื่อเลือกเสร็จแล้วกด "ตกลง" ค่ะ

ในที่สุดก็มาถึงส่วนแก้ไขการออกแบบไซต์ส่วนสุดท้ายแล้วค่ะ 

19. ปรับความกว้างของไซต์ ควรปรับความกว้างให้เหมาะกับหน้าจอการแสดงผลของผู้ใช้ส่วนใหญ่เพื่อหน้าไซต์ของคุณจะได้ถูกแสดงตรงตามที่คุณต้องการ ไม่ใหญ่จนล้นหน้าจอแบบต้องใช้การเลื่อนไปทางซ้ายหรือขวาเพื่ออ่านนะคะ

นี้ก็เป็นเพียงการแก้ไขออกแบบไซต์แบบเบื้องต้นแต่ถ้าจะแก้ไขแบบเฉพาะจุดหรือเจาะจงก็ต้องเข้าไปที่สีและแบบอักษรเพราะส่วนนั้นจะสามารถกำหนดอะไรได้มากกว่าค่ะ