สร้างแกลเลอรีที่น่าทึ่งด้วยผู้จัดการแกลเลอรีที่ดีที่สุดสำหรับ DIVI
เป็นความจริงที่การใช้แกลเลอรีเป็นวิธีที่ดีที่สุดในการแสดงเนื้อหาของเราบนเว็บไซต์เนื่องจากดูเป็นมืออาชีพมากกว่าเพียงแค่การเพิ่มรูปภาพ แต่ก็เป็นความจริงเช่นกันที่การสร้างแกลเลอรีและการเพิ่มรูปแบบอาจเป็นงานที่น่าเบื่อ การเพิ่มองค์ประกอบลงในหน้าและทำให้เหมาะสมกับเว็บไซต์ของคุณ
โดยปกติแล้ว DIVI จะเป็นสิ่งที่เราใช้ในกรณีเหล่านี้ เนื่องจากเป็นตัวสร้างเพจที่รู้จักพร้อมเครื่องมือที่สมบูรณ์แบบ แต่อาจถูกจำกัดเมื่อเพิ่มรูปภาพ และนี่คือจุดที่ WP Media Folder ช่วยคุณได้
WP Media Folder และตัวจัดการแกลเลอรีช่วยให้คุณสามารถจัดการและเพิ่มแกลเลอรีได้โดยตรงจาก DIVI ในบทช่วยสอนนี้ เราจะมาดูกันว่ามันง่ายแค่ไหน ;)
สำหรับบทความนี้เราจะใช้ DIVI , WP Media Folder , WP Media Folder Addon และ WP Media Folder แกลลอรี่ Addon
เชื่อมต่อ WordPress และ Google Photos Albums เพื่อสร้างแกลเลอรีที่ยอดเยี่ยม
หนึ่งในหัวข้อจากโพสต์นี้คือการสร้างแกลเลอรีเหล่านี้โดยใช้ภาพที่นำเข้าโดยตรงจากบัญชี Google Photos ของคุณ ดังนั้นคุณจึงสามารถอัปโหลดรูปภาพจากโทรศัพท์ของคุณไปยัง Google Photos ได้อย่างง่ายดายและใช้งานบนไซต์ WordPress ของคุณ
เริ่มจากการเชื่อมต่อกันก่อน
ก่อนอื่น เราต้องการแอป Google Dev สำหรับสิ่งนี้ ไปที่นี่: https://console.developers.google.com/project และสร้างโครงการใหม่
เพิ่มชื่อให้กับโครงการ คุณสามารถเพิ่มสิ่งที่คุณต้องการ
ตอนนี้รอสักครู่เพื่อสร้างโครงการ
หากใช้ Photos Library API นี้เป็นครั้งแรก คุณจะต้องเปิดใช้งานเพื่อเปิดใช้งาน ให้ไปที่ MarketPlace ที่เมนูด้านซ้าย
ตอนนี้ ในช่องค้นหา ให้พิมพ์ Photos Library API แล้วค้นหา
เมื่อเปิดใช้งานแล้ว ให้คลิกที่ "API and Services" ในเมนูด้านซ้าย บนแผงนี้ ไป ที่
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 > แก้ไขแอ ป
ที่ส่วน Authorized domains ให้คลิกที่ +Add Domain แล้วเพิ่มโดเมนของคุณ
เพิ่มไปยัง ส่วนการ ยืนยันโดเมน ด้วย
และเสร็จแล้ว! คุณจะได้รับ ID และ Secret เพื่อเพิ่มในการกำหนดค่าของ WP Media Folder :)
ตอนนี้ มาเชื่อมต่อบัญชี Google Photos ของคุณกับไซต์ WordPress โดยไปที่ การ ตั้งค่า > WP Media Folder บ
Google Photo
คุณสามารถใช้โหมดอัตโนมัติซึ่งเป็นโหมดที่ง่ายที่สุด เนื่องจากคุณจะต้องลงชื่อเข้าใช้บัญชี Google ของคุณเท่านั้น ในการนี้ ให้เลือก อัตโนมัติ ใน "โหมดการเชื่อมต่อ" จากนั้นจึง Google
Photo
ขั้นตอนสุดท้ายคือการลงชื่อเข้าใช้บัญชี Google ของคุณ อนุญาตการอนุญาต และสิ้นสุดการเชื่อมต่อ
ทั้งหมดนี้ทำได้ง่ายและรวดเร็วจริงๆ ใช่ไหม :)
จาก Google Photos สู่ WordPress Divi Gallery
เช่นเดียวกับชื่อที่กล่าวไว้ จาก Google Photos ไปจนถึง WordPress Divi Gallery เมื่อเชื่อมต่อ Google Photos แล้ว เราก็สามารถสร้างแกลเลอรีของเราจากอัลบั้มในบัญชีของเราได้
ก่อนอื่น เราจะสร้างแกลเลอรีใหม่จากผู้จัดการ
ไปที่ Media
> Media Folder Gallery
ที่นี่ เราจะสามารถสร้างแกลเลอรีต่างๆ มากมายสำหรับรูปภาพจากไซต์ WordPress ของเรา คอมพิวเตอร์ของเรา หรือ (ในกรณีนี้) จาก Google Photos
คลิกที่ + เพิ่มแกลลอรี่ใหม่
ซึ่งจะเปิดป๊อปอัปขึ้นซึ่งคุณสามารถพิมพ์ชื่อแกลเลอรี เลือกธีม และอื่นๆ เช่น หากคุณต้องการเพิ่มเป็นแกลเลอรีสำหรับผู้ปกครองหรืออาจเป็นแกลเลอรีย่อย
เลือกตัวเลือกทั้งหมดของคุณ แต่ไม่ต้องกังวล เพราะคุณสามารถแก้ไขได้หลังจากสร้างแกลเลอรีแล้ว จึงไม่เหมือนกับสิ่งที่เราไม่สามารถเปลี่ยนแปลงได้ ;)
ในหน้าจอนี้ คุณมี 3 ตัวเลือกในการเพิ่มรูปภาพในแกลเลอรีของคุณ คุณสามารถเพิ่มได้จาก WordPress(ไลบรารีสื่อของคุณ) จากคอมพิวเตอร์ของคุณ และจาก Google Photos
สำหรับบทช่วยสอนนี้ เราจะเลือก Google Photos แต่คุณสามารถเลือกสิ่งที่คุณต้องการได้
หากคุณเลือก Google Photos คุณจะเห็นอัลบั้มและรูปภาพทั้งหมดจากบัญชีที่คุณเคยเชื่อมต่อกับไซต์ของคุณมาก่อน
คุณสามารถนำเข้าที่สมบูรณ์อัลบั้มโดยคลิกที่ นำเข้าอัลบั้ม หรือยังเลือกภาพหลายภาพและคลิกที่ เลือกนำเข้า
ตัวอย่างเช่น ที่นี่เราจะเลือก 5 ภาพและนำเข้าเฉพาะภาพเหล่านี้
มันเป็นง่ายๆเป็นคลิกที่ภาพที่คุณต้องการแล้วคลิกตามที่อธิบายไว้ก่อนใน การเลือกนำเข้า
ตอนนี้ เมื่อคุณเพิ่มรูปภาพลงในแกลเลอรีแล้ว คุณจะเห็นรูปภาพเหล่านั้นในตัวจัดการ ในหน้าจอแรกนี้ คุณมีตัวเลือกในการสั่งซื้อ ตั้งค่ารูปภาพเป็นหน้าปกแกลเลอรี และแก้ไขรูปภาพด้วย
คุณจะสังเกตเห็นอีกแท็บที่เรียกว่า การตั้งค่าการแสดงผลและย่อ
ในส่วนนี้ คุณจะมีตัวเลือกในการแก้ไขการตั้งค่าเพิ่มเติมจากแกลเลอรี เช่น ธีมที่คุณต้องการใช้ จำนวนคอลัมน์ ขนาดรูปภาพ การดำเนินการเมื่อคลิก และขนาดไลท์บ็อกซ์ หากคุณเลือกไลท์บ็อกซ์เป็นการดำเนินการ คลิก.
นอกจากนี้ยังมีรหัสย่อสำหรับแกลเลอรีนั้นในกรณีที่คุณต้องการใช้ ;)
คุณจะมีตัวเลือกเหล่านี้ใน Divi ดังนั้นไม่ต้องกังวลว่าจะต้องมาทุกครั้งที่คุณต้องการแก้ไขบางสิ่งในแกลเลอรี
เมื่อคุณสร้างแกลเลอรีเสร็จแล้ว ให้คลิกที่บันทึกและไปที่หน้า/โพสต์ที่คุณต้องการแก้ไข แล้วคลิก Use the Divi Builder คุณสามารถใช้มันในส่วนหน้าหรือส่วนหลังโดยไม่มีปัญหา)
เลือกคอลัมน์ตามปกติ แล้วมองหา โมดูล
WPMF Gallery Addon
ในป๊อปอัปถัดไป คุณจะเห็นตัวเลือกในการเพิ่มแกลเลอรีที่สร้างไว้แล้ว และตัวเลือกอื่นๆ ทั้งหมดที่คุณเห็นในแท็บการแสดงผลจากตัวจัดการแกลเลอรี เพื่อให้คุณสามารถแก้ไขแกลเลอรีได้อย่างง่ายดาย
เราจะเลือกแกลลอรี่ที่เราสร้างไว้ก่อนหน้านี้
แกลเลอรีจะแสดงขึ้น และคุณจะสามารถแก้ไขการตั้งค่าการแสดงผลทั้งหมดด้วยการแสดงตัวอย่างแบบสด ดังนั้นการเปลี่ยนแปลงทั้งหมดจะมีผลโดยอัตโนมัติ
เครื่องมือที่ดีที่สุดเมื่อคุณต้องการตรวจสอบว่าสิ่งต่างๆ ดำเนินไปอย่างไรโดยไม่ต้องคลิกดูตัวอย่างหรือโหลดหน้าซ้ำทุกครั้งที่มีการเปลี่ยนแปลง
ตอนนี้คุณสามารถสร้างเพจของคุณให้เสร็จและไปเผยแพร่ได้โดยไม่ต้องกังวลว่าจะไม่รู้ว่าแกลเลอรีจะหน้าตาเป็นอย่างไรในส่วนหน้า
เครื่องมือที่ยอดเยี่ยมจริงๆ ใช่ไหม
สร้างแกลเลอรี่จากคลาวด์โดยตรงไปยัง Divi
บางทีก็คิดว่าหมดแต่คำตอบคือไม่! คุณยังสามารถสร้างแกลเลอรี่ด้วยภาพที่โฮสต์อยู่ในคลาวด์ คุณจะสามารถประหยัดพื้นที่จัดเก็บ และใช้ Divi เพื่อวางแกลเลอรี่ ;)
เราจะใช้โฟลเดอร์ Google Drive สำหรับสิ่งนี้ แต่โปรดจำไว้ว่าการผสานรวมระบบคลาวด์อื่น ๆ นั้นสามารถใช้ได้กับ WP Media Folder และ Addon (Dropbox, AWS, OneDrive )
เพื่อให้สามารถเชื่อมต่อ Google ไดรฟ์กับไซต์ WordPress ของคุณได้ คุณสามารถปฏิบัติตามคำแนะนำโดยละเอียด ที่นี่ กระบวนการนี้คล้ายกับ Google Photos ดังนั้นคุณจึงไม่มีปัญหา
หลังจากที่สร้าง / ซิงค์โฟลเดอร์ไดรฟ์ Google คุณสามารถไปที่หน้า / โพสต์ที่คุณต้องการที่จะแก้ไขและคลิกที่ ใช้ Divi สร้าง เพิ่มคอลัมน์ของคุณและในโมดูลให้มองหาคนที่เรียกว่า WPMF แกลลอรี่
โมดูลนี้จะช่วยให้คุณสร้างแกลเลอรีได้โดยตรงใน Divi Builder ก่อนอื่นให้เพิ่มรูปภาพโดยคลิกที่ Add Gallery Images ใน ส่วน
รูปภาพ
นี่จะโหลด Media Library ของคุณเป็นป๊อปอัป มองหาโฟลเดอร์ที่มีรูปภาพที่คุณต้องการเพิ่มเข้าไปข้างในแล้วคลิกที่มัน
เราจะใช้โฟลเดอร์ Google Drive สำหรับกรณีนี้
การดำเนินการนี้จะโหลดรูปภาพทั้งหมดในโมดูล Divi และคุณจะเห็นตัวเลือกทั้งหมดที่มีให้สำหรับรุ่นแกลเลอรี เช่น ธีม คอลัมน์ ขนาด การดำเนินการเมื่อคลิก เส้นขอบ เงา รัศมีเส้นขอบ และตัวเลือกในการเพิ่ม Blur รูปภาพ.
ส่วนที่ดีที่สุดคือการเปลี่ยนแปลงแต่ละครั้งที่คุณทำจะแสดงโดยอัตโนมัติในการแสดงตัวอย่าง คุณจึงไม่ต้องโหลดหน้าซ้ำหรือบันทึกเทมเพลตในการเปลี่ยนแปลงแต่ละครั้ง
อย่างที่คุณเห็น ปลั๊กอินเหล่านี้เป็นส่วนผสมที่ลงตัว ;)
รับเว็บไซต์ WordPress ระดับมืออาชีพมากที่สุดด้วยการผสมผสานที่ดีที่สุด
เมื่อคุณสมัครรับข้อมูลจากบล็อก เราจะส่งอีเมลถึงคุณเมื่อมีข้อมูลอัปเดตใหม่ๆ บนเว็บไซต์ ดังนั้นคุณจะไม่พลาดข่าวสารเหล่านี้
ความคิดเห็น