การเปิดใช้งานโมดูล Pop-Up เพื่อประชาสัมพันธ์กิจกรรมบนเว็บไซต์หอสมุดฯ

หน้าโฮมเพจเว็บไซต์หอสมุดจอห์น เอฟ เคนเนดี้ ในปัจจุบันจะเต็มไปด้วยแบนเนอร์ประชาสัมพันธ์กิจกรรมโครงการเยอะแยะไปหมด เพราะทุกกิจกรรมล้วนมีความสำคัญทัดเทียมกัน (ฮา) อย่างไรก็ตาม กรณีที่ห้องสมุดมีข่าวหรือกิจกรรมด่วนที่ต้องการสื่อสารถึงผู้ใช้บริการเป็นพิเศษ ผู้ดูแลเว็บไซต์สามารถเปิดใช้งานกล่อง Pop-Up ขึ้นมานำเสนอข่าวนั้นได้ การแสดงผลจะเป็นลักษณะ jQuery UI Dialog ดังรูปตัวอย่างด้านล่าง (ประชาสัมพันธ์ขอทรงพระเจริญเนื่องในวันฉัตรมงคล)  

​​​​​​​

การเรียกใช้งานทำได้อย่างไร

1. ผูู้แลเข้าสู่ระบบจัดการเว็บไซต์หลังบ้าน จากนั้นคลิกที่ลิงค์ http://tanee.oas.psu.ac.th/administrator/index2.php

2. ไปที่เมนู Modules > Site Modules

3. ค้นหาโมดูลที่ชื่อ quick popup แล้วคลิกเลือก

4. ทำงานในส่วนของ Custom Output ดูบรรทัดที่พิมพ์ว่า 

<div id="dialog" title="ขอทรงพระเจริญ">
     <a href="#" target="_blank"><img src="https://sv1.picz.in.th/images/2021/05/03/Av9nWt.png" width="570px"></a>
   </div>

ทำการแก้ไขข้อมูลดังนี้

• title="..." ใส่ชื่อของหัวข้อ Pop-Up
• href="..." ใส่ URL ของเพจหรือที่อยู่ปลายทางที่ต้องการแสดงข้อมูลเมื่อคลิกที่ Pop-Up
• src="..." ใส่ URL ของรูปภาพกราฟิกหรือภาพแบนเนอร์ที่ต้องการแสดงใน Pop-Up (ขนาดที่เหมาะสมคือ 570 pixel)

5. ทำการกดปุ่ม Save เพื่อบันทึกการทำงาน เป็นอันสิ้นสุดขั้นตอน

เราจะเปิดตัวเว็บไซต์หอสมุดโฉมใหม่ในเร็วๆ นี้ รอติดตามนะครับ