วิธีสร้างแกลเลอรี WordPress โดยใช้สื่อ Google Drive

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

 เชื่อมต่อ Google Drive กับ WordPress ในวิดีโอ

 การเชื่อมต่อ Google Drive กับเว็บไซต์ของคุณ

ขั้นตอนแรกในบทช่วยสอนนี้คือการเชื่อมต่อ Google Drive กับเว็บไซต์ของคุณ และคุณจะเห็นว่ามันง่ายเพียงใด ก่อนอื่น คุณจะต้องมี Cloud Addon จาก WP Media Folder ที่จะช่วยให้คุณสามารถเชื่อมต่อเว็บไซต์ของคุณด้วย Google ไดรฟ์

ตอนนี้เราได้ติดตั้ง WP Media Folder แล้ว และ Cloud Addon เราสามารถเริ่มต้นด้วยการตั้งค่า สำหรับสิ่งนี้ มีสองตัวเลือก แบบแมน นวล และ อัตโนมัติ เรามาอธิบายกัน

ในการเริ่มต้นการตั้งค่า ให้ไปที่การ ตั้งค่า > WP Media Folder > Cloud > Google Drive คุณจะสามารถเลือก ประเภทไดรฟ์ :

• ไดรฟ์ส่วนบุคคล : บัญชีส่วนตัวของคุณ
• ไดรฟ์ที่แชร์ : บัญชี Gsuite ของคุณ
  

จากนั้นเลือกประเภทลิงก์สำหรับรูปภาพของคุณ:

• ลิงก์สาธารณะ : สร้าง ลิงก์ สาธารณะที่เข้าถึงได้สำหรับไฟล์ของคุณและส่งผลต่อสิทธิ์ที่เหมาะสมในไฟล์ระบบคลาวด์ (ลิงก์ที่แชร์) เช่น https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• ลิงก์ส่วนตัว : ลิงก์ AJAX ซ่อนลิงก์ระบบคลาวด์เพื่อรักษาสิทธิ์การเข้าถึงไฟล์ของคุณ (ผู้ใช้ต้องเข้าสู่ระบบเพื่อดูภาพ)
  เช่น https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

จากนั้นดำเนินการเชื่อมต่อ:

ขั้นแรก เพื่อที่จะใช้คุณสมบัตินี้ คุณต้องเชื่อมโยงบัญชี Joomunited ของคุณที่ Menu Settings > General โปรดคลิกที่ลิงก์การตั้งค่า WordPress หากคุณยังไม่ได้เชื่อมต่อ

หลังจากทำเช่นนี้ ให้กลับไปที่ การตั้งค่า > WP Media Folder > Cloud > Google Drive เลือก โหมดอัตโนมัติ จากนั้นเชื่อมต่อ Google
Drive

ทำตามขั้นตอนเพื่อเชื่อมต่อบัญชี Google เท่านี้ก็เชื่อมต่อเว็บไซต์ของคุณได้แล้ว :)

ง่ายและรวดเร็วจริงๆ ใช่ไหม

โหมดแมนนวล : ครั้งแรกของทั้งหมดที่คุณจำเป็นต้องสร้าง Google Dev APP ในการเชื่อมต่อกับเว็บไซต์ของคุณสำหรับการนี้ให้ไป ที่นี่ และสร้าง สร้างโครงการ

จากนั้นเลือกชื่อโครงการและที่ตั้ง

Google Drive API เป็นครั้งแรก ให้ไปที่ APIs & Services > Library ค้นหา Google Drive API แล้ว
คลิก Enable

เมื่อคุณเปิดใช้งานแล้ว ให้สร้างคีย์เพื่อเชื่อมต่อไซต์ WordPress ของคุณ ไปที่เมนูด้านซ้ายอีกครั้งและคลิกที่ API & Services > Credentials

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

บนแอปพลิเคชัน คุณสามารถเลือก Web Application และเพิ่มชื่อที่คุณเลือก สำหรับพารามิเตอร์อื่นๆ ให้ใช้สิ่งต่อไปนี้:

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

โปรดทราบว่าหากคำเตือนนี้ปรากฏขึ้น: "ในการสร้างรหัสไคลเอ็นต์ OAuth คุณต้องตั้งชื่อผลิตภัณฑ์ในหน้าจอยินยอมก่อน" คุณควรคลิกที่ปุ่มกำหนดค่าหน้าจอยินยอมหรือไปที่ APIs & Services >> หน้าจอคำยินยอม OAuth จากนั้นเพิ่มชื่อโดเมนของคุณที่โดเมนที่ได้รับอนุญาต

ขั้นแรก คุณจะต้องเลือก ประเภทผู้ ใช้

คุณสามารถเลือกระหว่าง:

• ภายใน : แอปของคุณจำกัดเฉพาะผู้ใช้ G Suite ภายในองค์กรของคุณ
• ภายนอก : แอปของคุณจะพร้อมใช้งานสำหรับผู้ใช้ที่มีบัญชี Google
  

ขั้นตอนสุดท้ายไปที่ Settings > WP Media Folder > Cloud > Google Drive และเลือกโหมด manual ในหน้าจอนี้ คุณจะเห็นตัวเลือกในการเพิ่ม Client Secret และ Client ID โดยพื้นฐานแล้ว ให้วางที่นั่นแล้วคลิก บน เชื่อมต่อ Google ไดร ฟ์

อนุญาตให้ WP Media Folder เข้าถึงแอป และนั่นคือทั้งหมด!
คุณจะมีบัญชี Google ที่เชื่อมต่อ!

 มาสร้าง WordPress cloud Galleries กันเถอะ

ตอนนี้เราได้เชื่อมต่อ Google Drive กับ Media Library แล้ว การเชื่อมต่อนั้นทำได้ง่ายมาก มันจะสร้างโฟลเดอร์รูทในบัญชี Google Drive ของคุณและสื่อ/โฟลเดอร์ทั้งหมดที่เพิ่มเข้าไปนั้นจะปรากฏบน Media Library ของคุณภายใต้โฟลเดอร์ Google Drive และสื่อ/โฟลเดอร์ทั้งหมดที่เพิ่มลงในไลบรารีสื่อของคุณที่เพิ่มไว้ในโฟลเดอร์ Google ไดรฟ์จะปรากฏในบัญชี Google ไดรฟ์ของคุณ

มาเริ่มกันที่การสร้างแกลเลอรี ไปที่ Media Library > Google Drive แล้วคุณสามารถเพิ่มโฟลเดอร์ใหม่เพื่อจัดระเบียบสิ่งต่างๆ ได้ ตัวอย่างเช่น เราเพิ่มโฟลเดอร์ใหม่ชื่อ Gallery เพื่อใช้ในบทช่วยสอนนี้

อัปโหลดรูปภาพที่นั่นแล้วคุณจะเห็นภาพสะท้อนบน Google ไดรฟ์

และไปที่ส่วนที่สนุกที่สุดสร้างแกลเลอรี่! สำหรับสิ่งนี้ ไปที่ โพสต์/หน้า > เพิ่มใหม่ (หรือแก้ไขที่สร้างไว้แล้ว)

เราจะใช้ Gutenberg Editor สำหรับกรณีนี้ แต่คุณสามารถใช้ Page Builder อื่น ๆ ได้ เนื่องจากทั้งหมดนั้นเข้ากันได้กับ WP Media Folder ;)

ตอนนี้เราอยู่ที่นี่คลิกบน +> WP Media Folder แกลลอรี่

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

คุณจะเห็นตัวอย่างธีม คุณสามารถเปลี่ยนได้ที่แผงด้านขวา

ตัวอย่างธีม:

ค่าเริ่มต้น

Masonry

ผลงาน

ตัวเลื่อน

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

คุณสามารถยืนยันในเซิร์ฟเวอร์ของคุณว่าภาพเหล่านั้นจะไม่มีอยู่จริง เนื่องจากรูปภาพเหล่านี้โฮสต์อยู่บน Google Drive เท่านั้น ;)

 ใช้ Gallery Addon เพื่อสร้างแกลเลอรีมืออาชีพ

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

คุณสามารถค้นหาได้โดยไปที่ Media > Media Folder Galleries บนหน้าจอนี้ ให้คลิกที่ +เพิ่มแกลเลอรีใหม่ แล้วตั้งค่าตัวเลือกแกลเลอรี คุณสามารถเลือกชื่อสำหรับแกลเลอรี และเลือกธีมแกลเลอรีที่คุณจะไป ใช้.

เลือกชื่อระดับแกลเลอรีธีมแกลเลอรี่และจากนั้นคลิก สร้าง

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

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

คุณจะเห็นรูปภาพบนหน้าจอนี้ เพื่อให้คุณสามารถจัดลำดับใหม่ ตั้งค่ารูปภาพเป็นหน้าปก หรือเปลี่ยนการตั้งค่าจากรูปภาพเฉพาะ สิ่งต่างๆ เช่น ชื่อ alt และชื่อได้ :)

ตอนนี้ สิ่งที่เราต้องทำคือเลือกแกลเลอรี ปรับให้พอดีกับเนื้อหาของคุณ ยืนยันแกลเลอรีของคุณด้วยการแสดงตัวอย่าง และบันทึก!

ในการ ตั้งค่าการแสดงผลและรหัสย่อ คุณสามารถตั้งค่า:

• ธีม
• แกลลอรี่รูปภาพขนาด
• ขนาดไลท์บ็อกซ์
• การดำเนินการเมื่อคลิก (เปิดหน้าใหม่หรือไลท์บ็อกซ์)
• คอลัมน์
• คำสั่ง
• การตั้งค่าการนำทาง (เช่น ขนาดปุ่มและปุ่ม)

คุณยังสามารถคัดลอกรหัสย่อจากหน้าจอนี้ได้หากต้องการใช้แทนบล็อกที่กำหนดไว้ล่วงหน้าสำหรับ Page Builder แต่ละตัว

ตอนนี้ขั้นตอนสุดท้ายคือการดูตัวอย่างแกลลอรี่เพื่อยืนยันว่าทุกอย่างถูกต้องนี้สามารถทำได้ในแท็บที่สามเรียกว่า ดูตัวอย่าง

ธีมพิเศษที่มีส่วนเสริมมีดังต่อไปนี้:

โฟลสไลด์

ตารางกริด

วัสดุ

เมื่อคุณเลือกธีมและตั้งค่าเสร็จแล้ว คุณสามารถดำเนินการเผยแพร่แกลเลอรีได้ โดยไปที่ โพสต์/เพจ แล้วแก้ไขสำหรับ Gutenberg Editor แล้วคลิก + > WPMF Gallery Addon

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

ตอนนี้แทรกแกลเลอรีของคุณและในที่สุดก็เผยแพร่! อย่างที่คุณเห็น Gallery Addon ให้โอกาสคุณมากกว่าแกลเลอรีทั่วไป เหมือนกับว่า ไปที่ระดับถัดไป :)

 สร้าง Google Drive Galleri แรกของคุณใน WordPress

นี่เป็นเพียงหนึ่งในคุณสมบัติที่ยอดเยี่ยมที่สามารถพบได้ด้วย WP Media Folder ยังมีคุณสมบัติอื่น ๆ อีกมากมายเช่น การเพิ่มวิดีโอระยะไกลจากบริการสตรีม!

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