ข้ามไปที่เนื้อหาหลัก

WP Media Folder : แกลเลอรี WordPress จากโฟลเดอร์

WordPress มีฟังก์ชันแกลเลอรีในตัว เราได้เลือกที่จะนำเสนอการปรับปรุงคุณลักษณะนี้ตามโฟลเดอร์ต่างๆ คุณจะสามารถสร้างแกลเลอรี่จากโฟลเดอร์หรือจากการเลือกรูปภาพ โปรดไปที่ 6. บล็อกแกลเลอ รีใน Gutenberg หากคุณใช้โปรแกรมแก้ไข Gutenberg

 

สร้างแกลเลอรี่

 

หากคุณเปิดโฟลเดอร์หรือเลือกรูปภาพ คุณจะเห็นปุ่มที่เรียกว่า สร้างแกลเลอรีจากโฟลเดอร์ เมื่อสร้างแกลเลอรีแล้ว คุณจะมีตัวเลือกใหม่ๆ มากมายนอกเหนือจากตัวเลือกเริ่มต้นของ WordPress เช่น:

  • ธีม แกลเลอรี : เลย์เอาต์สำหรับแกลเลอรี
  • คอลัมน์: จำนวนคอลัมน์สำหรับธีม
  • ขนาดภาพขนาดย่อของแกลเลอรี: ตัวเลือกจากการปรับขนาดรูปภาพเริ่มต้นของ WordPress
  • คลังรูปภาพไลท์บ็อกซ์ (ใหญ่) ขนาด
  • การดำเนินการเมื่อคลิกที่รูปภาพ: เปิดไลท์บ็อกซ์ โหลดหน้าแยก ไม่ต้องทำอะไรหรือลิงก์ไปยังลิงก์ที่กำหนดเอง (สามารถเลือกลิงก์ได้ด้วยการคลิกที่ภาพเดียว)

การกระทำคลิกแกลเลอรี่

  • แทรกรูปภาพอัตโนมัติ: เมื่อคุณเพิ่มรูปภาพในโฟลเดอร์นี้ สามารถเพิ่มรูปภาพลงในแกลเลอรีได้โดยอัตโนมัติ
  • สั่งซื้อโดย: คุณสามารถสั่งซื้อภาพตามวันที่, ชื่อ, กำหนดเองหรือสุ่ม
  • ลำดับ: จากน้อยไปมาก, จากมากไปน้อย

หากคุณพบภาพที่มีคุณภาพไม่ดีในกรณีที่มีการแสดงภาพขนาดย่อขนาดใหญ่ เช่น แกลเลอรีขนาดใหญ่ที่มี 2 คอลัมน์ เราขอแนะนำให้คุณโหลดภาพขนาดกลางหรือขนาดใหญ่

 

แกลเลอรี่พารามิเตอร์

 

แกลเลอรีเริ่มต้นจะแทนที่ธีมแกลเลอรีเริ่มต้นของ WordPress หากธีมของคุณมีตัวเลือกการจัดรูปแบบสำหรับแกลเลอรี WordPress อยู่แล้ว คุณสามารถปิดใช้งานคุณลักษณะนี้ได้

- ในการใช้รหัสย่อของแกลเลอรี คุณควรไปที่การ ตั้งค่า > WP Media Folder > แกลเลอรี Wordpress > แท็บรหัส ย่อ หลังจากเลือกตัวเลือกแล้ว คุณจะเห็นรหัสย่อที่หน้าด้านล่าง

 

wp-gallery-shortcode

 

นี่คือตัวอย่างรหัสย่อ:

[แกลเลอรี่ wpmf_autoinsert="1" wpmf_folder_id="8" display="default" columns="3" size="medium" targetsize="large" link="file" wpmf_orderby="post__in" wpmf_order="ASC" gutterwidth=" 10" border_style="solid" img_border_radius="10" border_width="1" border_color="#dd3333" img_shadow="1px 1px 10px 2px #cecece" autoplay="1"]

- คุณลักษณะ:

+ 'wpmf_autoinsert': 1,
+ 'wpmf_folder_id': ID ของโฟลเดอร์
+ 'display': ค่าเริ่มต้น || ตัวเลื่อน || ผลงาน || masonry ,
+ 'columns': 1 -> 9,
+ 'size': ขนาดของรูปภาพ,
+ 'targetsize': ขนาดของรูปภาพไลท์บ็อกซ์
+ 'link': file ||
โพสต์ || ไม่มี || กำหนดเอง // ใช้ 'ไฟล์' หากต้องการแสดงไลท์บ็อกซ์เมื่อคลิกรูปภาพ + 'wpmf_orderby': post__in ||
แรนด์ || ชื่อเรื่อง || วันที่, + 'wpmf_order': ASC ||
DESC, + 'gutterwidth': padding ระหว่างภาพ (px),
+ 'border_style': ทึบ ||
จุด || ประ, .... + img_border_radius (px), border_width (px), border_color,
+ img_shadow: เงาประกอบด้วย H offset, V offset, blur, spread (px) และสี,
+ 'เล่นอัตโนมัติ': 1 ||
0 // ตัวเลื่อนเล่นอัตโนมัติ + 'include_children': 1 || 0 // รวมรูปภาพในโฟลเดอร์ย่อย

คุณสามารถกำหนดลิงก์ที่กำหนดเองตามรูปภาพในแกลเลอรี ซึ่งจะมีประโยชน์มากหากคุณต้องการสร้างเค้าโครงหน้าแรกตามแกลเลอรีที่เปลี่ยนเส้นทางไปยังหน้าหรือโพสต์

ขณะแก้ไขแกลเลอรี ให้คลิกที่รูปภาพและดูที่ตัวเลือกคอลัมน์ทางขวา

 

ลิงค์แกลเลอรี่รูปภาพ

 

คุณสามารถกำหนดลิงก์ภายในหรือภายนอกของรูปภาพนี้โดยใช้ตัวจัดการลิงก์เริ่มต้นของ WordPress คุณยังสามารถกำหนดเป้าหมายที่ลิงก์จะเปิดเป็นหน้าต่างเดียวกันหรือหน้าต่างใหม่ (แท็บใหม่)

 

ภาพรายละเอียด

 

ตัวเลือกแกลเลอรีแรกคือตัวเลือกธีม ธีมเริ่มต้นคือการเพิ่มประสิทธิภาพของธีมเริ่มต้นของ WordPress โดยนำไลท์บ็อกซ์มาสู่รูปภาพ

 

default-theme

 

Masonry จะแสดงภาพผนังที่มีความกว้างคงที่และความสูงของของเหลว

 

Masonry -theme

 

ธีมผลงานคือแกลเลอรีที่มีสไตล์พร้อมเอฟเฟกต์โฮเวอร์ ชื่อ และคำอธิบายภาพ

 

Portfolio-theme

 

ธีมตัวเลื่อนเป็นตัวเลื่อนแนวนอนพร้อมชื่อเรื่องและคำอธิบายภาพ

 

image28

 

4. ตัวเลือกรูปภาพ

แต่ละภาพมีตัวเลือกบางอย่างในแกลเลอรี คลิกที่ภาพเพื่อดูพวกเขา

  • ชื่อเรื่องและคำอธิบายภาพสามารถแสดงในแกลเลอรีขึ้นอยู่กับธีมที่คุณเลือก
  • ลิงก์เพื่อให้คุณสามารถเพิ่ม เช่น ไลท์บ็อกซ์ลงในรูปภาพ หรือเพิ่มลิงก์ที่กำหนดเองไปยังรูปภาพแต่ละรูปในแกลเลอรี - ตัวจัดการลิงก์ของ WordPress จะช่วยคุณในการดำเนินการดังกล่าว
  • ลิงค์เป้าหมายสามารถกำหนดได้ว่าลิงค์จะถูกโหลดในหน้าต่างเดียวกันหรือในหน้าต่างใหม่

ในแต่ละแกลเลอรี่ คุณสามารถสั่งซื้อภาพของคุณได้โดย:

  • สั่งทำ
  • สุ่มสั่ง
  • ชื่อ
  • วันที่

WP Media Folder มีผู้นำเข้าแกลเลอรี NextGEN เมื่อติดตั้งปลั๊กอินแล้ว WP Media Folder จะตรวจจับการติดตั้งแกลเลอรี NextGEN และคุณจะได้รับการแจ้งเตือนให้นำเข้าแกลเลอรี

แต่ละแกลเลอรีจะถูกนำเข้าเป็นโฟลเดอร์เดียวโดยมีชื่อของแกลเลอรีเป็นชื่อโฟลเดอร์

 

image32

 

คุณสามารถแสดงแกลเลอรีของคุณในโปรแกรมแก้ไข Gutenberg ได้แล้ว

เพื่อแสดงแกลเลอรี่ในการแก้ไข Gutenberg การคลิกบน WP Media Folder แกลลอรี่ ปุ่มใน WP Media Folder หมวดหมู่ หลังจากนั้น คุณสามารถเลือกโฟลเดอร์จาก สื่อ ของคุณ จากนั้นคลิกที่ปุ่ม สร้างแกลเลอ รี นอกจากนี้ คุณสามารถสร้างแกลเลอรีของคุณเองโดยเลือกรูปภาพจาก Media Library หรืออัปโหลดโดยตรงจากพีซีของคุณ

 

wpmf-แกลเลอรี่

 

จากนั้น คุณสามารถแก้ไขแกลเลอรีได้โดยคลิกที่ปุ่ม แก้ไขแกลเลอรี ที่ด้านบน หรือเพิ่มรูปภาพเพิ่มเติมโดยคลิกที่ปุ่ม อัปโหลดรูปภาพ ที่ด้านล่าง

การตั้งค่าแกลเลอรีทั้งหมดอยู่ที่แผงด้านขวา ตัวอย่างเช่น: ธีม, การเลือกโฟลเดอร์, คอลัมน์, ไลท์บ็อกซ์, การสั่งซื้อ, อัปเดตเนื้อหาโฟลเดอร์ ...

 

Gallery-block-setting

 

เมื่อสร้างแกลเลอรีแล้ว เมื่อคลิกที่รูปภาพ คุณจะแก้ไขชื่อ คำบรรยาย ลิงก์ที่กำหนดเอง หรือเป้าหมายลิงก์บนแผงด้านขวาได้อย่างรวดเร็ว

 

รูปภาพ-setting-block