[{"data":1,"prerenderedAt":145},["ShallowReactive",2],{"ui-script-improve-style-touch-screens-th":3},{"id":4,"title":5,"body":6,"description":132,"extension":133,"meta":134,"navigation":140,"path":141,"seo":142,"stem":143,"__hash__":144},"content/scripts/th/improve-style-touch-screens.md","ปรับปรุงสไตล์สำหรับหน้าจอสัมผัส",{"type":7,"value":8,"toc":123},"minimark",[9,13,17,20,23,26,55,58,77,80,102,105],[10,11,12],"p",{},"สคริปต์นี้ปรับหน้าจอการจองของ Little Hotelier ให้เหมาะกับหน้าจอสัมผัส เช่น แท็บเล็ตที่แผนกต้อนรับ ทำให้เมนู Print และ Email ใหญ่ขึ้น เน้นปุ่มของเมนู และแสดงปุ่มลบห้องที่ปกติจะปรากฏเมื่อเอาเมาส์ไปวางเท่านั้น เหมาะสำหรับทีมแผนกต้อนรับที่ทำงานบนแท็บเล็ตหรือมอนิเตอร์แบบสัมผัส",[14,15,16],"h2",{"id":16},"ปัญหาที่สคริปต์นี้แก้",[10,18,19],{},"หน้าจอการจองของ Little Hotelier ออกแบบมาสำหรับเมาส์ ตัวเลือก Print และ Email เปิดในเมนูป๊อปโอเวอร์ขนาดเล็กที่ตัวอักษรเล็ก ใช้นิ้วจิ้มให้ตรงได้ยาก ปุ่มลบห้องออกจากการจองถูกซ่อนไว้จนกว่าคุณจะเอาเมาส์ไปวางเหนือห้อง แต่หน้าจอสัมผัสไม่มีการวางเมาส์ ดังนั้นบนแท็บเล็ตจึงเข้าถึงปุ่มนั้นได้ยาก",[14,21,22],{"id":22},"สิ่งที่เปลี่ยนไป",[10,24,25],{},"บนหน้าจอการจองใน Front Desk:",[27,28,29,37,43,49],"ul",{},[30,31,32,36],"li",{},[33,34,35],"strong",{},"ปุ่มลบห้อง:"," ปุ่มกลมสำหรับลบห้องออกจากการจองแสดงตลอดเวลา",[30,38,39,42],{},[33,40,41],{},"เมนู Print และ Email:"," รายการในเมนูป๊อปโอเวอร์เหล่านี้ใช้ตัวอักษรใหญ่ขึ้นมาก (30 พิกเซล) และเมนูกว้างขึ้นเพื่อให้พอดี",[30,44,45,48],{},[33,46,47],{},"ปุ่มในส่วนท้าย:"," ปุ่ม Print และ Email ในส่วนท้ายของการจองมีพื้นหลังสีฟ้าอ่อนและระยะห่างเพิ่มขึ้น หาและแตะได้ง่าย",[30,50,51,54],{},[33,52,53],{},"เมนู Email invoice:"," ซ่อนไอคอนข้อมูลเล็กๆ ข้างตัวเลือกใบแจ้งหนี้",[14,56,57],{"id":57},"วิธีติดตั้ง",[10,59,60,61,64,65,70,71],{},"ติดตั้งส่วนขยาย Tampermonkey ซึ่งใช้งานได้ฟรี ในเบราว์เซอร์ของแท็บเล็ตหรือคอมพิวเตอร์ กด ",[33,62,63],{},"ติดตั้งบน Tampermonkey"," ในหน้านี้ ยืนยัน แล้วโหลด Little Hotelier ใหม่ ",[66,67,69],"a",{"href":68},"/tools/ui/instructions","คู่มือการติดตั้ง"," แสดงทุกขั้นตอน สคริปต์ทำงานบนหน้า Front Desk ที่ app.littlehotelier.com ใช้งานได้ฟรีและเป็นโอเพนซอร์ส: ",[66,72,76],{"href":73,"rel":74},"https://github.com/JuanmanDev/TampermonkeyLittleHotelier/blob/main/frontdesk/reservationDetails/improveStyleForTouchScreens.user.js",[75],"nofollow","อ่านโค้ดบน GitHub",[14,78,79],{"id":79},"ข้อควรรู้",[27,81,82,85,88,91,94],{},[30,83,84],{},"ต้องมี Tampermonkey ในเบราว์เซอร์ของแท็บเล็ต ทดสอบการตั้งค่าบนอุปกรณ์ของคุณเองก่อนนำไปใช้จริงที่เคาน์เตอร์",[30,86,87],{},"การเปลี่ยนแปลงมีผลบนคอมพิวเตอร์เดสก์ท็อปด้วย ปุ่มลบห้องแสดงบนหน้าจอตลอดเวลาแล้ว จึงควรระวังอย่าคลิกโดยไม่ตั้งใจ",[30,89,90],{},"สคริปต์เปลี่ยนเฉพาะสไตล์ ไม่เปลี่ยนสิ่งที่ปุ่มใดทำ และไม่เก็บข้อมูล",[30,92,93],{},"หน้าจอรุ่นใหม่ที่ application.littlehotelier.com เช่น ปฏิทิน ไม่ได้รับผลกระทบ",[30,95,96,97,101],{},"หากต้องการแบบฟอร์มแขกที่ใช้กับหน้าจอสัมผัสได้ดียิ่งขึ้น ",[66,98,100],{"href":99},"/tools/ui/easy-save-province-country","บันทึกจังหวัดและประเทศอย่างง่าย"," ก็ขยายปุ่มเพิ่มแขกและปุ่มขยายให้ใหญ่ขึ้นเช่นกัน",[14,103,104],{"id":104},"เรื่องที่เกี่ยวข้อง",[27,106,107,113,117],{},[30,108,109],{},[66,110,112],{"href":111},"/tools/ui/compact-ui-reservation-details","อินเทอร์เฟซกะทัดรัดสำหรับรายละเอียดการจอง",[30,114,115],{},[66,116,100],{"href":99},[30,118,119],{},[66,120,122],{"href":121},"/blog/little-hotelier-chrome-extensions","ส่วนขยาย Chrome ฟรีที่ทำให้ Little Hotelier เร็วขึ้น",{"title":124,"searchDepth":125,"depth":125,"links":126},"",2,[127,128,129,130,131],{"id":16,"depth":125,"text":16},{"id":22,"depth":125,"text":22},{"id":57,"depth":125,"text":57},{"id":79,"depth":125,"text":79},{"id":104,"depth":125,"text":104},"ทำให้ Little Hotelier ใช้บนแท็บเล็ตง่ายขึ้น เมนู Print และ Email ใหญ่ขึ้น ปุ่มส่วนท้ายเด่นขึ้น และปุ่มลบห้องแสดงตลอดในการจอง","md",{"github":73,"category":135,"images":136},"Reservation Details",{"before":137,"after":138,"gallery":139},"/images/scripts/improve-style-touch-screens/from.png","/images/scripts/improve-style-touch-screens/to.png",[137,138],true,"/scripts/th/improve-style-touch-screens",{"title":5,"description":132},"scripts/th/improve-style-touch-screens","Y9jSEXy-JuzkICdkOu6-WC3pMPIZdF0eDMEWLbpLdRY",1792099677925]