• วิธีแสดงรูปภาพบนเว็บไซต์


    07/01/2018 14:08

    จำนวนครั้งที่เปิดอ่าน : 691

  • สำหรับ บริการเว็บไซต์ ของ 8columns การแก้ไขข้อมูล โดยส่วนมาก ประมาณ 80% จะทำผ่านเครื่องมือ ที่มีชื่อว่า Markdown Editor โดยบทความ ต่อไปนี้ จะเป็นการสาธิต วิธีแสดงรูปภาพ ด้วยภาษา Markdown เวอร์ชั่นพิเศษ ของ 8columns ที่ได้รับการ ปรับปรุงเพิ่มเติม ให้ใช้งานง่ายขึ้น เพียงแค่วาง URL ของรูปภาพ ลงไป จากนั้น ระบบจะปรับขนาด และ แสดงรูปให้เอง โดยอัตโนมัติ นอกจากนั้น คุณยังสามารถ ใส่กรอบ, กำหนดชื่อรูป และ เชื่อมโยง Link ให้กับรูปภาพ ได้อีกด้วย ซึ่งจะมีขั้นตอน อย่างไรบ้าง ติดตามอ่าน ในบทความ ได้เลยครับ

    การแสดงรูปภาพ ขั้นพื้นฐาน

    บริการเว็บไซต์ ของ 8columns ช่วยให้คุณ นำรูปภาพ มาแสดงบนหน้าเว็บ ได้ง่าย และ สะดวก ผ่านเครื่องมือ พื้นฐาน ที่มีชื่อว่า Markdown Editor โดยคุณ สามารถ upload รูป โดยตรง ผ่านเครื่องมือ บนหน้าเว็บ หรือ คัดลอก URL ของรูปภาพ ที่ต้องการ จากเว็บไซต์อื่น แล้วนำมาวาง ก็ได้ เช่นเดียวกัน
    • ข้อความที่พิมพ์ใน Markdown Editor
    • ผลลัพธ์ที่แสดงใน Web Browser
  • สำหรับรูปภาพ ด้านบน เป็นวิธีแสดงรูปภาพ บนเว็บไซต์ ขั้นพื้นฐาน โดยผู้ใช้บริการ สามารถ upload รูป โดยตรง บนหน้าเว็บ หรือ คัดลอก URL รูปภาพ มาจากเว็บอื่น แล้วนำมาวาง จากนั้น ระบบจะคำนวณ และ ปรับลดขนาด ของรูปภาพ ให้เอง โดยอัตโนมัติ

    การแสดงรูปภาพ + แสดงขอบรูป

    ภาษา Markdown ของ 8columns ได้รับการออกแบบ ให้ผู้ใช้งาน กำหนด option เพิ่มเติม ให้กับรูปภาพ ผ่าน Modifier (ส่วนขยาย) ซึ่งในที่นี้ เลือกใช้ Modifier ที่ชื่อว่า border เพื่อแสดงขอบรูป
    • ข้อความที่พิมพ์ใน Markdown Editor
    • ผลลัพธ์ที่แสดงใน Web Browser
  • สำหรับรูปภาพ ด้านบน เป็นวิธีแสดงรูปภาพ พร้อม เส้นขอบ ผ่านการกำหนด Modifier ที่ชื่อว่า border ซึ่งเป็นส่วนขยาย พิเศษ ที่ไม่มีอยู่ใน ภาษา Markdown มาตรฐาน

    การแสดงรูปภาพ + ชื่อรูป

    ภาษา Markdown ของ 8columns ได้รับการออกแบบ ให้ผู้ใช้งาน กำหนด option เพิ่มเติม ให้กับรูปภาพ ผ่าน Modifier (ส่วนขยาย) ซึ่งในที่นี้ เลือกใช้ Modifier ที่ชื่อว่า title เพื่อแสดงชื่อรูป
    • ข้อความที่พิมพ์ใน Markdown Editor
    • ผลลัพธ์ที่แสดงใน Web Browser
  • สำหรับรูปภาพ ด้านบน เป็นวิธีแสดงรูปภาพ พร้อม ชื่อรูป ผ่านการกำหนด Modifier ที่ชื่อว่า title ซึ่งเป็นส่วนขยาย พิเศษ ที่ไม่มีอยู่ใน ภาษา Markdown มาตรฐาน

    การแสดงรูปภาพ + Link

    ภาษา Markdown ของ 8columns ได้รับการออกแบบ ให้ผู้ใช้งาน กำหนด option เพิ่มเติม ให้กับรูปภาพ ผ่าน Modifier (ส่วนขยาย) ซึ่งในที่นี้ เลือกใช้ Modifier ที่ชื่อว่า url เพื่อกำหนด Link ให้กับรูป
    • ข้อความที่พิมพ์ใน Markdown Editor
    • ผลลัพธ์ที่แสดงใน Web Browser
  • สำหรับรูปภาพ ด้านบน เป็นวิธีแสดงรูปภาพ พร้อม Link ผ่านการกำหนด Modifier ที่ชื่อว่า url ซึ่งเป็นส่วนขยาย พิเศษ ที่ไม่มีอยู่ใน ภาษา Markdown มาตรฐาน เมื่อคลิ้กที่รูป จะ Link ไปยัง url ที่กำหนดไว้
    หมายเหตุ : รูปภาพ 1 รูป สามารถมีได้ หลาย Modifier โดยใช้เครื่องหมาย , (comma) คั่นระหว่าง Modifier แต่ละตัว โดยลำดับ ของ Modifier ไม่มีผล จะเอาตัวไหน ขึ้นก่อน ก็ได้

8columns ให้บริการ เว็บสำเร็จรูป ขนาดเล็ก แบบ Responsive พร้อม ระบบแก้ไขข้อมูล ที่ใช้งานง่าย แก้ไขได้จริง! เหมาะสำหรับ บริษัท และ ธุรกิจทั่วไป ที่ต้องการเว็บไซต์ เพื่อนำเสนอข้อมูล และ เสริมสร้าง "ภาพลักษณ์" ให้ธุรกิจ สอบถาม เพิ่มเติม หรือ ขอรับการสาธิต ฟรี! ผ่านอินเตอร์เน็ต ไม่ต้องเดินทาง ใช้เวลาเพียง 20 นาที โทร. 080-597-9990 LINE: 8columns