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

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

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

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

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

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

• (Personal 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 ของคุณที่เมนู การตั้งค่า > ทั่วไป หากคุณยังไม่ได้เชื่อมต่อ โปรดคลิกที่ลิงก์ การตั้งค่า WordPress

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

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

ง่ายและเร็วมากเลยใช่ไหม?

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

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

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

เมื่อคุณเปิดใช้งานแล้ว มาสร้างคีย์เพื่อเชื่อมต่อเว็บไซต์ WordPress ของคุณกัน ไปที่เมนูด้านซ้ายอีกครั้ง แล้วคลิกที่ API & 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_authenticated
  (แทนที่ด้วยชื่อโดเมนของคุณ)

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

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

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

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

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

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

มาสร้างแกลเลอรีบนคลาวด์ด้วย WordPress กันเถอะ

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

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

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

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

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

เมื่อเรามาถึงตรงนี้แล้ว ให้คลิกที่ + > WP Media Folder Gallery

ขั้นตอนนี้จะแสดงโฟลเดอร์ทั้งหมดที่มีอยู่ รวมถึงโฟลเดอร์จาก Google Drive เราจะเลือกโฟลเดอร์ที่เราสร้างไว้ชื่อ Gallery แล้วคลิกที่ Create Gallery

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

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

ค่าเริ่มต้น

Masonry

พอร์ตโฟลิโอ

สไลเดอร์

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

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

การใช้ Addon แกลเลอรี่เพื่อสร้างแกลเลอรี่ระดับมืออาชีพ

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

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

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

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

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

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

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

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

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

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

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

ธีมเพิ่มเติมที่สามารถใช้งานได้กับส่วนเสริมนี้มีดังต่อไปนี้:

สไลด์ไหล

ตารางสี่เหลี่ยม

วัสดุ

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

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

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

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

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

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