ครั้งที่แล้วเราได้แนะนำวิธีการเพิ่มแอป LIFF จาก LINE Login ของ LINE Developers มีคนสงสัยว่าสามารถปรับขนาดหน้าต่างเว็บไซต์ที่เปิดด้วยแอป LIFF ได้หรือไม่? ไม่ต้องห่วง เพราะคุณสามารถปรับขนาดหน้าต่างเบราว์เซอร์ที่เปิดจากแอป LIFF ได้ผ่านหน้า LIFF ของ LINE Login ผ่านบน LINE Developers!
3 ขนาดของหน้าต่างเว็บที่เปิดจากแอป LIFF
ก่อนที่จะเข้าสู่การสอนการปรับขนาดหน้าต่างเว็บที่เปิดจากแอป LIFF เรามาดูขนาดหน้าต่างเว็บ 3 ขนาดที่แตกต่างกันก่อน โดยเรียงตามขนาดการแสดงผลบนหน้าจอดังนี้:
- Full: เต็มหน้าจอ
- Tall: แสดงผล 70% ของหน้าจอ
- Compact: แสดงผล 50% ของหน้าจอ
ปรับการตั้งค่าบนแอป LIFF อย่างไร?
ขั้นตอนที่ 1: เข้าสู่ระบบ LINE Login
- ก่อนอื่น ในหน้า LINE Developers ให้คลิก "Log in" ที่มุมขวาบนของหน้าจอ แล้วใช้ "LINE Business ID" เพื่อเข้าสู่ระบบหลังบ้านของ LINE Developers
- หลังจากเข้าสู่ระบบ LINE Developers แล้ว ให้ค้นหาและคลิกที่ LINE Login Channel ที่ต้องการปรับแต่ง LIFF App ใน Provider ที่เกี่ยวข้อง
- หลังจากเข้าสู่ LINE Login Channel ที่ต้องการแล้ว ให้ไปที่แถบด้านบนและคลิกที่แท็บ "LIFF" ดังรูป
- หลังจากเข้าสู่หน้า LIFF แล้ว เมื่อเลื่อนลงไปด้านล่าง คุณจะเห็นแอป LIFF ที่ถูกเพิ่มเข้ามาแล้ว รวมถึงขนาดหน้าต่างที่แสดงอยู่ (Size) ให้คลิกที่แอป LIFF ที่ต้องการปรับขนาดหน้าต่าง ตามรูป
- หลังจากเข้าสู่แอป LIFF ที่เกี่ยวข้องแล้ว เมื่อเลื่อนลงไป ค้นหาตัวเลือก "Size" แล้วคลิกที่ "Edit"
- หน้าจอจะมีตัวเลือกขนาดหน้าต่าง 3 แบบ ได้แก่ Full, Tall, และ Compact หลังจากเลือกขนาดที่ต้องการแล้ว คลิกที่ "Update" เพื่อบันทึกการเปลี่ยนแปลง
- หลังจากบันทึกการเปลี่ยนแปลง หน้าจอจะเปลี่ยนไปแสดงผลลัพธ์ของการเปลี่ยนแปลง และเมื่อกลับไปที่หน้าก่อนหน้า คุณจะเห็นว่า ขนาดของ LIFF App ได้ถูกปรับเปลี่ยนตามค่าที่เลือกไว้เรียบร้อยแล้ว
ทำไมต้องปรับขนาดหน้าต่างบราวเซอร์?
หลังจากปรับขนาดหน้าต่างการแสดงผลแล้ว เมื่อเพื่อนคลิกลิงก์บน LINE OA เพื่อเปิดหน้าเว็บ LIFF App ขนาดหน้าต่างจะไม่เต็มจอเหมือนเดิม ในบางครั้งแบรนด์ไม่ต้องการให้ผู้ใช้งานออกจากหน้า LINE OA เมื่อเปิดหน้าเว็บ LIFF App หรืออาจต้องการให้เนื้อหาของ LIFF App เว็บมีการเชื่องโยงกับหน้าต่างแชทบน LINE OA ดังนั้นจึงจำเป็นต้องปรับขนาดหน้าต่างเพื่อ ป้องกันไม่ให้ผู้ใช้ออกจาก LINE OA โดยตรง
ถ้าอยากเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการจัดการ LINE ต้องทำยังไง? LINE Developers สามารถช่วย LINE OA ทำอะไรได้บ้าง? สามารถเรียนรู้เพิ่มเติมได้ที่ LINE Official Account ของ OakMega เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการจัดการ LINE หรือค้นหาข้อมูลใน คำแนะนำการบริหารจัดการ LINE โดย OakMega ซึ่งเนื้อจะครอบคลุมตั้งแต่เริ่มต้นจนถึงการสร้าง LINE Official Account ของแบรนด์อย่างครบถ้วน
H1 H1 H1 大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題
H2 H2 H2 大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題
H3 H3 H3 大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題大標題
改掉的字喔!
quote 引言的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份的部份
- 點點點點
- 第二個 item
- 23r2r
- 點點點
- 二案二二兒