วิธีการใส่รูปภาพ Content หรือบทความใน Joomla ในภาพในเนื้อหา อัพโหลดภาพ

คู่มือ แชร์วิธีใช้งาน Joomla ทุกเวอร์ชั่น ตั้งแต่ การติดต้้งและใช้งานต่างๆ

Moderator: mindphp, ผู้ดูแลกระดาน

Auttasti
PHP Sr. Member
PHP Sr. Member
โพสต์: 86
ลงทะเบียนเมื่อ: 30/07/2019 10:08 am

วิธีการใส่รูปภาพ Content หรือบทความใน Joomla ในภาพในเนื้อหา อัพโหลดภาพ

โพสต์ที่ยังไม่ได้อ่าน โดย Auttasti »

การใส่รูปภาพในบทความนั้น สามารถนำไปประยุคใช้ได้หลายแบบ เช่น เราจะใส่รูปภาพ เป็นภาพประกอบเนื้อหา เพื่อให้ดูหน้าอ่าน หรือเป็นการใส่รูปภาพเพื่อขายสินค้าหรือโชว์สินค้าก็ได้ อยู่ที่ว่า จะนำไปใช้ในทางไหน
ซึ่ง ก่อนที่เราจะมาใส่รูปภาพในบทความนั้น เราจะต้องมีความรู้้เพื้นฐานเกี่ยวกับการ สร้างบทความเสียก่อน
ซึ่งใครที่ยังไม่รู้วิธีการสร้างบทความสามารถศึกษาเพิ่มเติมได้ที่ https://www.youtube.com/watch?v=_i9TSxZ ... I&index=22

วิธีการใส่รูปภาพในบทความมีวิธีดังนี้
ขั้นตอนแรกให้ทำการเปิด Joomla ในส่วนของ Admin ขึ้นมาก่อนนะครับ
Image content 1.png
Image content 1.png (86.36 KiB) Viewed 2873 times
ให้เข้าไปที่สร้างบทความปกติ "Content" >> "Articles" >> "New Articles"
Image-content-2.png
Image-content-2.png (21.54 KiB) Viewed 2873 times
เมื่อเข้ามาแล้ว ให้ตั้งชื่อ Title ตั้งชื่อ Alias และให้ใสเนื้อหาที่เราต้องการ หรือจะไม่ใส่ก็ได้ครับ
Image-content-3.png
Image-content-3.png (49.09 KiB) Viewed 2873 times
เมื่อเราใส่เนื้อหาที่เราต้องการลงไปแล้ว ให้เราทำการ เลือกที่จะนำรูปภาพลงไป โดยใช้เมาส์ไปคลิกที่จุดนั้นแล้วทำการปรับตำแหน่งตามที่เราต้องการ
Image-content-4.png
Image-content-4.png (38.15 KiB) Viewed 2873 times
หลังจากนั้นให้เราทำการเลือก "Image"
Image-content-5.png
Image-content-5.png (39.46 KiB) Viewed 2873 times
เมื่อคลิกเข้ามาแล้ว ให้เราเลื้อนมาด้านล่างสุด แล้วให้เราคลิกคำว่า "Choose Files" เพื่อทำการเลือกรู้ที่ต้องการ
Image-content-6.png
Image-content-6.png (36.96 KiB) Viewed 2873 times
เมื่อเลือกรูปแล้วให้เรา ทำการเช็คว่ามีชื่อรูปที่เราได้ทำการเลือกไว้หรือไม่ ถ้ามีให้ทำการกด "Start Upload" ได้เลย
Image-content-7.png
Image-content-7.png (21.83 KiB) Viewed 2873 times
เมื่อ "Start Upload" แล้วรูปก็จะขึ้นอยู่ด้านบน แต่ถ้ารูปไม่มีให้หารูปได้ที่ Folder เก็บภาพ เมื่อเจอแล้วให้คลิกที่รูป ที่ต้องการ
Image-content-8.png
Image-content-8.png (51.19 KiB) Viewed 2873 times
เมื่อคลิกแล้วรอบ ๆ รูปจะเป็นสีเขียวและมีเครื่องหมายถูกอยู่ ให้ทำการเลื้อนลงไปข้างล่าง จะเป็นรายละเอียดต่าง ๆ รายละเอียดจะมีดังต่อไปนนี้
Image URL เป็นชื่อรูปภาพที่เราได้ทำการเลือกมา ให้เราทำการตรวจดูว่าชื่อรูปภาพได้ตรงกับที่เราเลือกมาหรือไม่ ถ้าไม่ให้เราเลือกใหม่
Image Float ตรงนี้จะให้เราระบุว่า เราต้องการให้รายละเอียดของรูปภาพที่เราได้ทำการใส่ไว้อยู่ส่วนไหนของรูปภาพ
Image Description จะเป็นรายละเอียดของ รูปที่ สามารถใส่คำอธิบายรูปภาพในช่องนี้ได้
Image Title ตรงนี้ให้เราข้อความว่าเป็นรูปอะไร
Caption เป็น Caption ของรูปภาพที่เราใส่ จะแสดงอยู่ในส่วนด้านล่างภาพ
Caption Class เราต้องการให้ Caption ของเราอยู่ส่วนไหน่ของรูปภาพ เราก็สามารถกำหนดได้ในช่องนี้
Image-content-9.png
Image-content-9.png (21.22 KiB) Viewed 2873 times
เมื่อใส่ข้อมูลครบแล้วหรือถ้าไม่ต้องการใส่ข้อมูลก็ให้เราก็ที่คำว่า "Insert" ได้เลย
Image-content-10.png
Image-content-10.png (32.55 KiB) Viewed 2873 times
ก็เป็นการเสร็จสิน ก็จะได้รูปภาพที่เราเลือกไว้
Image-content-11.png
Image-content-11.png (27.52 KiB) Viewed 2873 times
ใครสนใจศึกษาเพิ่มเติมก็สามารถศึกษาเพิ่มเติมได้ที่ https://www.youtube.com/watch?v=bXuDNCv ... I&index=26
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 55