การใส่รูปภาพรวมกับข้อความใน web editor

เราสามารถใส่รูปภาพเข้าไปในรวมกับข้อความได้ดังนี้

1. คลิ๊กที่ไอคอน

จะปรากฏหน้าต่างใหม่แสดงรูปภาพที่ Upload ไว้แล้วผ่านทาง Upload File

ข้อมูลดังรูป โดยจะแสดงรูปภาพ .jpg .gif .png

2. คลิ๊กภาพที่ต้องการใช้งาน จากนั้นลากรูปภาพมาวางไว้ตำแหน่งที่ต้องการตาม ตัวอย่างดังรูป เป็นการนำรูปที่ Read more มาใส่ในกล่องข้อความ

3. เมื่อแทรกภาพลงในเว็บเพจแล้ว ยังสามารถปรับแต่งรูปภาพได้ โดยคลิ๊กขวาที่รูปภาพ แล้วเลือก Image Properties จะปรากฏหน้าต่างขึ้นมาให้ดังรูป

- Border : การใส่กรอบให้กับรูปภาพ หากไม่ต้องการใส่ให้กำหนดเป็น 0
- สามารถย่อ – ขยายรูปภาพได้ ที่ Width และ Height คลิ๊กที่ Reset dimensions จะปรากฏความกว้างและความสูง ของรูป
ภาพ ความกว้างกับความสูง จะสัมพันธ์กัน เพียงกำหนดแค่ความสูง แล้วคลิกที่บริเวณนอกกรอบ ความกว้างจะขึ้นมาให้อัตโนมัติ
- Title : ใส่ข้อความ Title ให้กับรูปภาพ เมื่อนำเมาส์ไปวางไว้บนรูปภาพจะปรากฏข้อความที่ใส่ไว้ ขึ้นมา
- Text flow : การกำหนดตำแหน่งรูปภาพ กับข้อความ เมื่อคลิ๊กที่ Dropdownจะมีรูปแบบให้เลือก ตัวอย่างเช่น เรากำหนดเป็น
Right คือให้รูปภาพอยู่ทางขวาของข้อความ ในช่อง Positioning Preview จะแสดงตัวอย่างให้เห็นดังรูป

- Distance to surrounding text : เป็นการกำหนดความห่างระหว่างข้อความกับรูปภาพมีหน่วยเป็นพิกเซล สามารถกำหนดได้
เป็น 4 แบบ ขึ้นอยู่กับว่ารูปภาพอยู่ตำแหน่งไหนของข้อความ จากตัวอย่าง กำหนดทางด้านซ้ายเท่ากับ 5 ในช่อง Left หลังจากนั้น
คลิ๊ก OK จะกลับสู่หน้า Editor เมื่อเราเลื่อนรูปภาพขึ้นไปบนข้อความ จะสังเกตุเห็นว่าข้อความจะเลื่อนออกจากรูปภาพ ดังรูป

หัวข้อที่เกี่ยวข้อง
- การใช้งาน web editor
- การจัดการด้านข้อความ
- การใส่รูปภาพรวมกับข้อความใน web editor
- การกำหนด link กับข้อความและรูปภาพ
- การจัดการตาราง