สร้างแกลเลอรี่ที่น่าทึ่งด้วยตัวจัดการแกลเลอรี่ที่ดีที่สุดสำหรับ Elementor

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

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

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

ในโพสต์นี้ เราจะมาดูวิธีการใช้พวกมันกับ เอลิเมนเตอร์, กูเกิลโฟโต้, และรวมถึง โฟลเดอร์คลาวน์ ของคุณด้วย มาเริ่มกันเลย!

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

การตั้งค่าการผสานรวมกูเกิลโฟโต้กับเวิร์ดเพรส

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

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

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

เพิ่มชื่อให้กับโปรเจ็กต์ คุณสามารถเพิ่มชื่ออะไรก็ได้ตามต้องการ.

ตอนนี้รอสักครู่เพื่อให้โครงการถูกสร้างขึ้น.

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

ตอนนี้ ในช่องค้นหา พิมพ์ Photos Library API และค้นหา

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

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

ตอนนี้คุณมาอยู่ที่นี่แล้ว ที่แผงด้านบน ไปที่ + สร้างข้อมูลรับรอง > รหัสไคลเอ็นต์ 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 Photo แท็บ

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

ป๊อปอัปจะปรากฏขึ้น คลิกที่ ยอมรับ.

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

นั่นคือทั้งหมด ง่ายและรวดเร็วจริงๆ ไม่ใช่หรือ? :)

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

เมื่อเราทำการเชื่อมต่อเสร็จแล้ว ให้ไปที่ สื่อ > แกลเลอรีโฟลเดอร์สื่อ ในส่วนนี้ คลิกที่ + เพิ่มแกลเลอรีใหม่ และตั้งชื่อแกลเลอรีใหม่ของคุณ สำหรับบทช่วยสอนนี้ เราจะตั้งชื่อว่าแกลเลอรี Google P และเราจะใช้แกลเลอรีตารางสี่เหลี่ยมด้วย

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

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

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

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

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

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

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

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

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

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

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

การใช้เอลิเมนเตอร์เพื่อสร้างแกลเลอรี่กูเกิลไดรฟ์ในเวิร์ดเพรส

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

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

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

ที่ส่วนด้านซ้าย ค้นหาส่วนWP Media Folderและคลิกที่WP Media Folderแกลเลอรีบล็อก

ตอนนี้ คลิก+ที่ส่วน "เพิ่มรูปภาพ"

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

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

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

เริ่มใช้ปลั๊กอินแกลเลอรี่เวิร์ดเพรสที่ดีที่สุด

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