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

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

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

Auttasti
PHP Sr. Member
PHP Sr. Member
Posts: 86
Joined: 30/07/2019 10:08 am

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

Post by Auttasti » 05/08/2019 5:01 pm

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

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

Return to “Joomla user Guide Knowledge”

Who is online

Users browsing this forum: No registered users and 3 guests