สร้างแกลเลอรีที่สวยงามด้วยโปรแกรมจัดการแกลเลอรีที่ดีที่สุดสำหรับ Elementor

เครื่องมือสร้างหน้าเว็บและแกลเลอรีมีความสำคัญอย่างยิ่งสำหรับเว็บไซต์ WordPress เนื่องจากแกลเลอรีช่วยให้คุณแสดงภาพ/สินค้าได้อย่างสวยงาม และเครื่องมือสร้างหน้าเว็บช่วยให้คุณสร้างและเพิ่มเนื้อหาลงในหน้าเว็บได้อย่างมืออาชีพ.

โปรแกรมสร้างหน้าเว็บอย่าง Elementor มักจะมีเครื่องมือ/บล็อกสำหรับสร้างแกลเลอรี แต่ก็ไม่ใช่ตัวเลือกที่ดีที่สุด เพราะมีตัวเลือกในการปรับแต่งไม่มากนัก แต่ไม่ต้องกังวลไป เพราะ WP Media Folder จะช่วยคุณในเรื่องนี้ ;)

WP Media Folder มีส่วนเสริมแกลเลอรีที่ช่วยให้คุณสร้างและปรับแต่งแกลเลอรีของคุณด้วยเครื่องมือและคุณสมบัติที่น่าทึ่ง.

ในบทความนี้ เราจะมาดูกันว่าวิธีการใช้งานร่วมกับ Elementor , Google Photos และ โฟลเดอร์บนคลาวด์ บ้าง เริ่มกันเลย!

แกลเลอรี่พร้อมวิดเจ็ตสำหรับ Elementor ในวิดีโอ

การตั้งค่าการผสานรวม WordPress กับ Google Photos

ก่อนอื่นเลย ผมจะแจ้งให้ทราบถึงปลั๊กอินที่เราใช้ในบทเรียนนี้ ซึ่งได้แก่ Elementor, WP Media Folderและ Addon Pro อีก 2 ตัว (ตัวหนึ่งสำหรับแกลเลอรี และอีกตัวสำหรับเชื่อมต่อกับคลาวด์).

เมื่อเรารู้ขั้นตอนแล้ว เรามาเริ่มกันเลย เราจะสร้างแกลเลอรีจาก Google Photos สำหรับขั้นตอนนี้ เราต้องเชื่อมต่อเว็บไซต์ WordPress ของเรากับบัญชี Google Photos ก่อน มาดูกันว่าทำอย่างไร.

ก่อนอื่น เราต้องการ Google Dev APP สำหรับสิ่งนี้ ไปที่นี่: https://console.developers.google.com/project และสร้างโครงการใหม่

เพิ่มชื่อให้กับโครงการ คุณสามารถเพิ่มสิ่งที่คุณต้องการได้

โปรดรอสักครู่เพื่อให้โปรเจ็กต์ถูกสร้างขึ้น.

หากเป็นครั้งแรกที่คุณใช้ API คลังรูปภาพ คุณจะต้องเปิดใช้งานก่อน โดยไปที่ MarketPlace ในเมนูด้านซ้าย

Photos Library API ในช่องค้นหา แล้วค้นหาดู

คลิกที่มันจากนั้นเปิด ใช้ งาน

เมื่อเปิดใช้งานแล้ว ให้คลิกที่ "API และบริการ" ในเมนูด้านซ้าย ในแผงนี้ ให้ไปที่ ข้อมูลรับรอง (Credentials )

เมื่อคุณมาถึงตรงนี้แล้ว ที่แผงด้านบน ให้ไปที่ + สร้างข้อมูลรับรอง > รหัสไคลเอ็นต์ OAuth หากระบบถาม ให้เพิ่มชื่อลงในหน้าจอขอความยินยอม OAuth ของคุณ

ตอนนี้ให้ตั้งค่าข้อมูลประจำตัวดังต่อไปนี้:

• เลือก "เว็บแอปพลิเคชัน" แล้วตั้งชื่อตามที่คุณต้องการ.
• แหล่งที่มาของ JavaScript ที่ได้รับอนุญาต: https://your-domain.com (แทนที่ด้วยชื่อโดเมนของคุณ โดยไม่ต้องมีเครื่องหมายทับต่อท้าย).
  
• URI การเปลี่ยนเส้นทางที่ได้รับอนุญาต: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

โปรดทราบว่า Google ได้เปลี่ยนนโยบาย ดังนั้นคุณต้องกรอกโดเมนที่ได้รับอนุญาตของคุณที่ แท็บหน้าจอคำยินยอม OAuth > แก้ไขแอ ป

ในส่วนโดเมนที่ได้รับอนุญาต ให้คลิกที่ +เพิ่มโดเมน แล้วเพิ่มโดเมนของคุณ

เพิ่มไปยัง ส่วน การยืนยันโดเมน

และเสร็จแล้ว! คุณจะได้รับ ID และ Secret ของคุณเพื่อเพิ่มในการกำหนดค่าของ WP Media Folder:)

ต่อไป เราจะเชื่อมต่อบัญชี Google Photos กับเว็บไซต์ WordPress ของคุณ โดยไปที่ การตั้งค่า > WP Media Folder แท็บ Google Photos

คุณสามารถใช้โหมดอัตโนมัติ ซึ่งเป็นวิธีที่ง่ายที่สุด เพราะคุณเพียงแค่ต้องเข้าสู่ระบบบัญชี Google ของคุณ โดยเลือก "อัตโนมัติ" ใน "โหมดการเชื่อมต่อ" จากนั้นเลือก " เชื่อมต่อ Google Photo "

จะมีหน้าต่าง Pop Up ขึ้นมา คลิก ที่ Agree

ขั้นตอนสุดท้ายคือ ลงชื่อเข้าใช้บัญชี Google ของคุณ อนุญาตสิทธิ์ และสิ้นสุดการเชื่อมต่อ

ทั้งหมดนี้ง่ายและรวดเร็วจริง ๆ ใช่ไหม? -

Elementor + ปลั๊กอินแกลเลอรี การผสมผสานที่ดีที่สุด

เมื่อเราเชื่อมต่อเสร็จแล้ว ให้ไปที่ Media > Media Folder Galleries ในส่วนนี้ ให้คลิกที่ + Add New Gallery และตั้งชื่อแกลเลอรีใหม่ของคุณ สำหรับบทเรียนนี้ เราจะตั้งชื่อว่า Google P Gallery และเราจะใช้ แกลเลอรี แบบตารางสี่เหลี่ยม

ตอนนี้คุณจะมีตัวเลือกทั้งหมดในการตั้งค่าและเพิ่มรูปภาพลงในแกลเลอรีของคุณแล้ว คุณจะเห็น Google Photos ให้คลิกที่โลโก้นั้น

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

คุณจะเห็นการแจ้งเตือนเกี่ยวกับการนำเข้าอัลบั้มเรียบร้อยแล้ว.

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

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

หลังจากตั้งค่าแกลเลอรีเสร็จแล้ว ให้คลิกที่ บันทึก จากนั้นคุณสามารถไปที่หน้า/โพสต์ที่คุณต้องการเพิ่มแกลเลอรี และคลิกที่ แก้ไขด้วย Elementor เพื่อให้ตัวสร้างหน้าเว็บโหลดขึ้นมา

จากนั้นเลือกส่วนที่คุณต้องการเพิ่มแกลเลอรี และมองหา WP Media Folder บล็อก

อย่างที่คุณเห็น มีบล็อกให้เลือกใช้ 4 บล็อก สำหรับบทเรียนนี้ เราจะใช้บล็อกที่ชื่อว่า WP Media Folder Gallery Addon ซึ่งจะโหลดส่วนเสริมแกลเลอรีลงในตัวสร้างหน้าเว็บ

หลังจากย้ายบล็อกไปยังส่วนนั้นแล้ว คุณจะเห็นตัวเลือกสำหรับดูตัวอย่าง และทางด้านซ้ายจะมีตัวเลือกให้เลือกแกลเลอรี ให้เลือกแกลเลอรีที่เราสร้างไว้ก่อนหน้านี้.

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

แค่นั้นเอง! คุณได้สร้างแกลเลอรีระดับมืออาชีพด้วยการคลิกเพียงไม่กี่ครั้ง และตั้งค่าได้โดยตรงจาก Page Builder แล้ว :)

การใช้ Elementor เพื่อสร้างแกลเลอรี Google Drive ใน WordPress

 นอกจากนี้ เราจะมาดูวิธีการสร้างแกลเลอรีโดยใช้รูปภาพจากคลาวด์ เนื่องจาก WP Media Folder อนุญาตให้คุณเชื่อมต่อคลังสื่อของคุณกับบริการคลาวด์ (Dropbox, Google Drive, OneDriveและ AWS).

ในตัวอย่างนี้ เราจะใช้ Google Drive คุณสามารถดูวิธีการเชื่อมต่อได้ ที่นี่ คุณจะสังเกตเห็นว่าขั้นตอนนั้นคล้ายกับการเชื่อมต่อ Google Photos มาก :)

เมื่อตั้งค่าเสร็จและคุณซิงค์/สร้างโฟลเดอร์ Google Drive แล้ว คุณสามารถไปที่หน้า/โพสต์ที่คุณต้องการแก้ไขและคลิกที่ "แก้ไขด้วย Elementor "

ในส่วนด้านซ้าย ให้มองหา WP Media Folder แล้วคลิกที่ บล็อก
WP Media Folder Gallery

จากนั้น คลิกที่เครื่องหมาย + ในส่วน "เพิ่มรูปภาพ"

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

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

ตอนนี้คุณสามารถสร้างแกลเลอรีด้วยพลังของ WP Media Folderได้อย่างง่ายดายโดยใช้ Elementor และยังประหยัดพื้นที่จัดเก็บข้อมูลโดยใช้ Google Drive อีกด้วย คุณจะต้องการอะไรอีกล่ะ? :)

เริ่มใช้ปลั๊กอินแกลเลอรี WordPress ที่ดีที่สุดได้เลย

ในโพสต์นี้ เราได้อธิบายเพียงคุณสมบัติบางส่วนของ WP Media Folder และอย่างที่คุณเห็น มันทำให้ทุกอย่างง่ายขึ้นกว่าที่ควรจะเป็น และ ยิ่งง่ายขึ้นไปอีกด้วยธีมและอินเทอร์เฟซใหม่ ! ดังนั้นคุณรออะไรอยู่? ไป ที่นี่ และสมัครสมาชิกของคุณเอง คุณจะเห็นว่ามีแกลเลอรีมากกว่าที่แสดงในโพสต์นี้ และเครื่องมือที่ยอดเยี่ยมอีกมากมาย :)