ผู้เขียน หัวข้อ: วิธีใช้ WordPress ตอนที่ 6 – ใส่รูปภาพในบทความ  (อ่าน 1823 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
เพิ่มรูปภาพในบทความ WordPressบทความที่เราสร้างขึ้นมาใหม่ หรือบทความเก่าที่เราต้องการแก้ไข เราสามารถเพิ่มรูปภาพลงไปในบทความของเราได้โดยเลือกตำแหน่งที่จะลงรูปภาพ หลังจากนั้นคลิ๊กที่ icon เหมือนสี่เหลี่ยมผืนผ้าซ้อนกันตรงแถวคำว่า Upload/Insert



ซึ่งในการเพิ่มรูปภาพสำหรับบทความ WordPress นั้น มีให้เลือก 3 แบบ คือ
  • From Computer : เลือกรูปภาพที่จะเพิ่มจากในคอมพิวเตอร์ของเรา
  • From URL : เพิ่มรูปภาพโดยการใส่ URL ของภาพที่เราจะใส่ในบทความ
  • Media Library : เลือกรูปภาพจากรูปภาพที่เราเคยอัพโหลดในเว็บมาแล้ว
เลือกรูปจากคอมเราลงบทความ



เลือกที่ Select Files เพื่อเลือกรูปที่เราต้องการเพิ่มในบทความ เมื่ออัพโหลดรูปภาพเสร็จแล้วจะปรากฎส่วนที่ให้เรากรอกข้อมูลรูปภาพเพิ่มเติม โดยจะมีหัวข้อต่าง ๆ ตามที่ผมเข้าใจดังนี้



  • Title : ชื่อของรูป
  • Alternate Text : อธิบายเพิ่มเติม
  • Caption : คำบรรยายภาพ
  • Description : อธิบายเกี่ยวกับภาพ
  • Link URL : ให้รูป link ไปที่ไหน ซึ่งเลือกได้ว่า
    • None : ไม่ link ไปไหน
    • File URL : link ไปยังรูปของเต็มขนาดของรูปนั้น ๆ
    • Post URL : link ไปโดยทำรูปนั้นให้เป็นเหมือน 1 Post ไปเลย
    • หรือจะกรอก URL ที่ต้องการให้รูปนี้ link ไปหา
  • Alignment : จัดรูปให้ชิดซ้าย ชิดขวา หรืออยู่ตรงกลาง
  • Size : เลือกขนาดของรูปที่จะนำลงในบทความ
ข้อมูลนั้น เราสามารถกรอกแค่ Title อย่างเดียวก็ได้ครับ หลังจากที่กรอกข้อมูลเสร็จแล้ว ก็กด Insert into Post เลยครับ ก็จะได้เป็นดังรูป



แก้ไขรูปที่ลงในบทความ WordPress
ให้คลิ๊กที่รูปภาพที่เราต้องการจะแก้ไข เมื่อคลิ๊กแล้วจะมี icon โผล่ขึ้นมา 2 อัน icon ด้านซ้ายคือ แก้ไขรูปภาพ และด้านขวาคือ ลบรูปภาพ



โดยเราสามารถแก้ไขรูปภาพของเราได้ดังนี้



  • Size : เราสามารถแก้ไขขนาดรูปเป็น % ได้
  • Alignment : แก้ไขรูปให้ชิดซ้าย ชิดขวา หรืออยู่ตรงกลาง
  • Title : แก้ไขชื่อของรูป
  • Alternate Text : แก้ไขข้อความที่อธิบายเพิ่มเติม
  • Caption : แก้ไขคำบรรยายภาพ
  • Link URL : แก้ไข link ที่จะให้รูปภาพนี้ link ไปหา
เสร็จแล้วก็ Update ได้เลยครับ รูปภาพของเราจะถูกแก้ไขเป็นไปตามที่เราเลือกไว้

(รูปถูกลดขนาดลง และจัดชิดขวา)

แต่เรายังสามารถเลือก Advanced Settings เพื่อแก้ไขรูปภาพเพิ่มเติมจากเดิม โดยแบ่งออกเป็น 2 ส่วน คือ ส่วนของรูปภาพ กับส่วนของ Link



ซึ่งสามารถกำหนดอะไรได้หลากหลายกว่า Edit Image


ที่มา: http://rabbitinblack.com/2011/10/wordpress-6-image/
« แก้ไขครั้งสุดท้าย: 7 สิงหาคม 2016, 14:59:16 โดย smf »