Wordpress วิธีแสดงภาพในแบบ เเกลลอรี่

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Wordpress วิธีแสดงภาพในแบบ เเกลลอรี่

Wordpress วิธีแสดงภาพในแบบ เเกลลอรี่

by fern2535 » 07/08/2015 10:27 am

ในเวิร์ดเพรสนอกจากจะสามารถแทรกรูปภาพลงไปในเนื้อหาได้แล้ว ยังสามารถกำหนดให้แสดงภาพในแบบ แกลลอรี่ได้ด้วย
โดยไปยังส่วน Backend แล้วคลิกที่ เรื่อง
capture-20150807-091357.png
capture-20150807-091357.png (43.85 KiB) Viewed 1967 times

1.ตั้งชื่อเรื่อง เช่นรวมภาพถ่ายแสนสวย
2.คลิกที่ปุ่มเพิ่มสื่อ
capture-20150807-091818.png
capture-20150807-091818.png (44.01 KiB) Viewed 1967 times
1. คลิกที่ปุ่มคลังไฟล์สื่อ
2. คลิกเลือกภาพแรก
3. แก้ไขรายละเอียดในภาพ เช่น ชื่อภาพ คำอธิบายใต้ภาพ ข้อความ แทนชื่อรูป คำอธิบายเพิ่มเติม
4. คลิกปุ่ม สร้างคลังรูปภาพ

capture-20150807-092807.png
capture-20150807-092807.png (140.15 KiB) Viewed 1967 times

5.คลิกเลือกรูปภาพที่ต้องการเพิ่มเติม
6.คลิกสร้างคลังภาพใหม่
capture-20150807-094055.png
capture-20150807-094055.png (151.22 KiB) Viewed 1967 times
7.เลือกว่าจะให้ลิงค์แกลลอรี่ไปยังที่ใด
8. กำหนดว่าจะให้แสดงภาพเป็นกี่คอลัม
9.ต้องการให้สุ่มเวลาการแสดงภาพหรือไม่
10. คลิกใส่คลังรูปภาพ เพื่่อเพิ่มเนื้อหาลงในแกลลอรี่

capture-20150807-094751.png
capture-20150807-094751.png (120.74 KiB) Viewed 1967 times

11. เมื่อแทรกแกลลอรี่ลงในเนื้อหาเรียบร้อยแล้วกดปุ่มเผยแพร่เพื่อแสดงโพสนี้ในเว็บไซตื
capture-20150807-095759.png
capture-20150807-095759.png (100.77 KiB) Viewed 1967 times

ข้อดีของแกลลอรี่คือเมื่อคลิกที่ ตัวอักษร จะพบ Shortcode ที่ลิงค์ไปยังแกลลอรี่ เราสามารถนำโค้ดนี้ไปแปะไว้ ในหน้าโพสและเพจได้ เพื่อให้แกลลรี่แสดงโดยไม่ต้องสร้างแกลลอรี่ใหม่
capture-20150807-100745.png
capture-20150807-100745.png (44.1 KiB) Viewed 1967 times

จะได้ผลลัพธ์ดังภาพ
capture-20150807-103643.png
capture-20150807-103643.png (124.25 KiB) Viewed 1964 times

Top