Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

แก้ไขหน้าบุคลากร

352 views

Published on

วิธีแก้ไขหน้าบุคลากรบนเว็บโรงเรียน

Published in: Education
  • Be the first to comment

  • Be the first to like this

แก้ไขหน้าบุคลากร

  1. 1. การแก ้ไขส่วน บุคลากรของกลุ่มสาระ บนเว็บไซต์โรงเรียน www.pwschool.ac.th
  2. 2. เข ้าสู่ระบบ
  3. 3. กรอกรหัสของตนเองเพื่อเข ้าสู่ระบบ
  4. 4. เข ้าสู่ระบบแล ้วกลับมาที่หน้านี้ เลือกกลุ่มสาระของตนเอง
  5. 5. เข ้าสู่ระบบแล ้วกลับมาที่หน้านี้ เลือกกลุ่มสาระของตนเอง
  6. 6. เลื่อน ๆ ดู จะเจอหน้าประมาณนี้ คลิก Edit Page
  7. 7. จะเจอหน้าประมาณนี้ ถ ้ากลัวผิดพลาดมาก ๆ คลิก Text
  8. 8. เลือกทั้งหมด คัดลอก และวางในเวิร์ด เก็บเอาไว ้ ปลอดภัยแน่นอน จะทาเละแค่ไหน ก็มีของเก่า เอามา วางคืนกลับมาเหมือนเดิมได ้ / ทาเสร็จ กด Visual คัดลอกข ้อความทั้งหมดนี้เก็บใส่ word ไว ้
  9. 9. แถมโค ้ดให ้ <p style="text-align: center;"><strong>กลุ่มวิชาคอมพิวเตอร์ </strong></p> [caption id="attachment_1043" align="aligncenter" width="225"]<a href="http://www.pwschool.ac.th/wp-content/uploads/2016/09/16-09- 19-16-10-48-865_deco.jpg"><img class="size-medium wp-image- 1043" src="http://www.pwschool.ac.th/wp- content/uploads/2016/09/16-09-19-16-10-48-865_deco-225x300.jpg" alt="นายวัชรพัฐ มะธิตะโน ครูชานาญการ หัวหน้ากลุ่มวิชาคอมพิวเตอร์" width="225" height="300" /></a> <center>นายวัชรพัฐ มะธิตะโน<br />ครูชานาญการ<br />หัวหน้ากลุ่มวิชาคอมพิวเตอร์</center>[/caption] &nbsp; [gallery ids="440,447,863,474,1420,830,1024"]
  10. 10. ถ ้าจะเปลี่ยนรูปหัวหน้าหมวด (เช่น มีรูปใหม่ หรือเวลา เปลี่ยนหัวหน้า) คลิกที่รูปภาพ แล ้วคลิกรูปดินสอ
  11. 11. ดูรายละเอียด (ดูว่าตั้งค่าประมาณนี้) คลิก Replace
  12. 12. อัพโหลดรูปที่จะใช ้แทน เข ้าไป แต่ในที่นี้ขอข ้ามไป ก่อนนะคะ เพราะยังไม่มีรูปภาพใหม่ของหัวหน้าค่ะ
  13. 13. แถมให ้ว่า ถ ้าเติม Title เป็นชื่อของบุคคลในภาพ จะ ทาให ้ค ้นหารูปภาพได ้ง่ายมากขึ้น (พอดีตอนทาครั้ง ก่อน รีบทา เลยไม่ได ้แก ้ค่าตรงนี้ เลยเป็นชื่อไฟล์ค่ะ)
  14. 14. ตรง Caption จะประมาณนี้ค่ะ มีผลต่อส่วนคาบรรยายใต ้รูปค่ะ Caption ว่า <center>นายวัชร พัฐ มะธิตะโน<br> ครูชานาญการ<br> หัวหน้ากลุ่มวิชา คอมพิวเตอร์ </center>
  15. 15. เลื่อนลงมา ให ้เจอแบบนี้ แล ้วเลือก medium ค่ะ
  16. 16. ถ ้าอัพโหลดรูปใหม่ เลือกรูปใหม่แล ้ว คลิก Replace ค่ะ
  17. 17. ลองทาดูได ้ค่ะ แต่ถ ้าเละ เอาค่าที่ Copy ไว ้มาใส่ใน หน้าแบบ Text ค่ะ ทุกอย่างก็จะเหมือนเดิม 
  18. 18. ต่อไป แก ้ไขครูในหมวด คลิกที่รูปครูสักคน จะเจอ แบบนี้ กดรูปดินสอ (เป็นการแทรกแบบอัลบั้มภาพ)
  19. 19. อยากลบใครออก กดที่กากบาทได ้เลย เช่น คนที่ย ้ายแล ้ว ลาออก เป็นต ้น อยากย ้ายตาแหน่งใคร กดเมาส์ที่รูป แล ้วลากไปตาแหน่งที่ต ้องการได ้เลย อยากเปลี่ยนตัวสะกดชื่อนามสกุล ตาแหน่ง พิมพ์แก ้ไขในช่องล่างรูปได ้เลย การตั้งค่าที่เหลือ ตามนี้ ไม่ต ้องแก ้ไข เสร็จกด
  20. 20. กรณีเปลี่ยนรูป ให ้เพิ่มรูปโดยคลิก Add to Gallery
  21. 21. คลิก Upload Files
  22. 22. คลิก Select Files
  23. 23. คลิกรูปที่ต ้องการอัพโหลด คลิกทีละหลายรูปก็ได ้ ในที่นี้ขอยกตัวอย่างหน้าตัวเอง (จริง ๆ แต่เดิมที่ปรับปรุงเว็บใหม่ จะเป็นรูปครูใส่ชุดเขียวราชพฤกษ์ ถ่ายวิวยังไงก็ได ้เอาที่สวยงาม แต่ตอนนี้ ขอ รูปชุดสุภาพอะไรก็ได ้ค่ะ เพราะน้อง ๆ มาใหม่เยอะ อยากให ้นักเรียนได ้รู้จักค่ะ)
  24. 24. จะขึ้นมาแบบนี้ รูปจะแสดงด ้วยสัดส่วนเท่านี้ และติ๊กถูกให ้เลย คลิก Add to Gallery
  25. 25. สัดส่วนไม่โอเค ไป Crop ภาพสักครู่ค่ะ (หน้าเล็กกว่ารูปอื่น ๆ) ลบทิ้งก่อน
  26. 26. ตอนที่ทาครั้งแรกจะ crop ตัดภาพที่ครูทุกท่านส่งมา ด ้วย Line Camera (ถ ้าถนัดอย่างอื่นก็ใช ้ได ้ค่ะ) ด ้วยลักษณะประมาณนี้ หรืออาจให ้เส ้นที่ตัดที่ตา ไปตัดที่คิ้วแทน เพราะรูปนี้ ผลที่ได ้คือหัวโดนตัดนิดนึง ดูได ้จากท ้ายสุด
  27. 27. ทาตั้งแต่หน้า 20 - 23 ใหม่ ด ้วยรูปที่ crop แล ้ว **ลบรูปที่ไม่ใช ้ได ้โดยกดเลือกรูปนั้น แล ้วคลิก Delete Permently
  28. 28. ย ้ายตาแหน่งรูป ก๊อปปี้คาบรรยายรูปเดิมมารูปใหม่ (คลิกเมาส์ที่ช่องใต ้รูปเดิม Ctrl+a แล ้ว Ctrl+c คลิกเมาส์ใต ้รูปใหม่ Ctrl+v) กากบาทลบรูปเดิม สุดท ้าย คลิก Update Gallery
  29. 29. ย ้ายตาแหน่งรูป ก๊อปปี้คาบรรยายรูปเดิมมารูปใหม่ (คลิกเมาส์ที่ช่องใต ้รูปเดิม Ctrl+a แล ้ว Ctrl+c คลิกเมาส์ใต ้รูปใหม่ Ctrl+v) กากบาทลบรูปเดิม สุดท ้าย คลิก Update Gallery
  30. 30. มันจะกลับมาหน้านี้ คลิก Update เสร็จ
  31. 31. กดดูผลบนเว็บได ้เลย
  32. 32. ถ ้าหน้าไม่เหมือนตัวจริง เด็กอาจจะงง 555 (ขาตัวเอง) ลองเอาไปทาดูนะคะ ขอบคุณที่ช่วยอัพเดทเว็บค่ะ

×