Risland Online Booking Website An online booking website of Risland (Thailand), the property projects.

Documentation for Risland Online Booking website version 1.0 by Smartzap Co., Ltd.

Login

Login

Risland Online Booking website พัฒนาด้วย WordPress ซึ่งเป็นระบบ CMS แบบ Web-based การเข้าใช้งานระบบการจัดการหลังบ้านแบบ สามารถทำได้ผ่าน Web Browser บน Desktop, Mobile และ Tablet มีขั้นตอนการเข้าใช้งานดังนี้;

1. เปิดหน้า Login
2. กรอกข้อมูล Username และ Password
3. คลิก Log In

หากต้องการให้ Web Browser จดจำข้อมูลการ Login ให้ทำเครื่องหมายถูก ที่ตัวเลือก Remember Me ก่อนคลิก Log In

Reset Password

Reset Password

ผู้ใช้งานสามารถดำเนินการ Reset Password ได้ด้วยตัวเอง โดยมีขั้นตอนดังนี้;

1. คลิก Lost your password? จากหน้า Login
2. กรอกข้อมูล Username หรือ Email เพียงอย่างใดอย่างหนึ่ง
3. คลิก Get New Password
4. ระบบจะจัดส่งอีเมลไปยังอีเมลของ User ที่ระบุ ให้ตรวจสอบที่กล่องข้อความ หรือถังขยะ และดำเนินการตามขั้นตอนที่ระบุในอีเมลนั้น เพื่อตั้งค่า Password ใหม่

คลังสื่อ

Media (สื่อ)

Media Library (คลังสื่อ) เป็นส่วนที่ใช้ในการจัดเก็บไฟล์สื่อเข้าระบบ ได้แก่ ไฟล์รูปภาพ ไฟล์วิดีโอ ไฟล์เสียง และไฟล์เอกสาร เป็นต้น ภายในเมนู Media ผู้ใช้งานสามารถอัปโหลดไฟล์และจัดหมวดหมู่ไฟล์อย่างเป็นระบบ

เพื่มไฟล์สื่อ

เพิ่มไฟล์สื่อ

การเพิ่มไฟล์สื่อเพื่อใช้งานบน WordPress จำเป็นต้องใช้วิธีการอัพโหลดเก็บไว้ใน Media Library ก่อนจึงจะสามารถนำไปใช้ในเนื้อหาได้ สำหรับการเพิ่มหรือการอัพโหลดไฟล์สื่อ

ผู้ใช้งานสามารถใช้วิธีการลากไฟล์จากคอมพิวเตอร์ไปวางลงในหน้าต่าง Media Library โดยตรง หรือคลิกเลือกที่ปุ่ม Add New ภายใต้เมนู Media แล้วกด Select Files เพื่อเลือกไฟล์ หรือใช้วิธีการ Drag & Drop

ไฟล์ที่มีขนาดใหญ่ จะส่งผลให้ระบบใช้เวลาในการประมวลผลเพื่อแสดงผลมากขึ้น ดังนั้นควรปรับความละเอียด และคุณภาพของไฟล์ให้เหมาะสมกับการใช้งานก่อนอัปโหลด

Image Size Guideline

หน้า

Pages (หน้า)

หน้า คือ ข้อมูลการจัดทำหน้าเว็บไซต์แบบนิ่ง (Static Page) เหมาะสำหรับการใช้สร้างเป็นเนื้อหาที่เป็นข้อมูลคงที่ เพื่อให้แสดงบนเว็บไซต์แบบถาวร

หน้า (เผยแพร่แล้ว) ของเว็บไซต์ประกอบด้วย

Hero Banner หน้าแรก

Hero Banner

Hero Banner คือภาพส่วนที่อยู่ด้านบนสุดของหน้าแรก, หน้าคอนโดมิเนียม และหน้าบ้าน โดยเป็นการแสดงผลแบบแกลอรี่ (คลังภาพ) สามารถเพิ่ม ลบ แก้ไขไฟล์รูปภาพของแกลอรี่ได้ ขั้นตอนดังนี้;

1. คลิกที่บล็อก คลังภาพ
2. ตั้งค่า กว้างเต็มจอ
3. ใส่รูปภาพโดยการอัปโหลดไฟล์จากที่อื่น หรือคลิกที่คลังสื่อ
4. ตั้งค่าคลัง เปิดการทำงานครอปรูปภาพ
5. ระบุลิงก์ปลายทางของแต่ละรูปภาพ (ถ้ามี)
6. กำหนดขนาดรูปภาพ เต็มขนาด
7. กำหนด Class CSS เพิ่มเติม _mobile สำหรับการแสดงผลบนมือถือ และ _desktop สำหรับการแสดงผลบนเดสท็อป
8. คลิกอัปเดต เพื่อบันทึกการเปลี่ยนแปลงข้อมูล

Project List หน้าแรก

Project List

Project List คือการแสดงรายชื่อโครงการที่อยู่อาศัย ในรูปแบบ Thumbnail สามารถเพิ่ม ลบ แก้ไขข้อมูลแต่ละ Thumbnail และจัดเรียงลำดับได้ ขั้นตอนดังนี้;

1. คลิกที่บล็อก Emage Hover Effects
2. แถบ Content คลิก Choose Image เพื่อใส่รูปภาพ
3. เลือกขนาดเป็น Full size
4. เลือก Hover Effect เป็น Slide Up
5. เลือก Target เป็น URL และใส่ URL ในช่อง Link To (ถ้ามี)
6. Overlay เลือก Hover Effect เป็น Slide Up (ถ้ามี)
7. ระบุราคาเริ่มต้น ในช่อง Content (ถ้ามี)
8. แถบ Style เลือก Background Type แบบ Classic และเลือกระบุค่าสีที่ต้องการ สำหรับ Hover Effect (ถ้ามี)
9. คลิก Choose Image เพื่อใส่รูปภาพสำหรับ Hover Effect (ถ้ามี)
10. คลิกอัปเดต เพื่อบันทึกการเปลี่ยนแปลงข้อมูล

หากต้องการเพิ่มแถวใหม่ให้ คลิกเพิ่มบล็อก Row Layout โดยระบุเป็น 4 Columns

สามารถ Copy แถวได้ โดยการคลิกที่ ตัวเลือกเพิ่มเติม และเลือกทำสำเนา

โครงการคลาวด์ เรสซิเดนซ์ สุขุมวิท 23

Projects

Post type ข้อมูลโครงการที่พักอาศัยทั้งหมดในเว็บไซต์ สามารถดูรายละเอียด แก้ไข และเพิ่มโครงการใหม่ได้ ข้อมูลของ Projects ประกอบด้วย;

---