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