วิธีใช้ Unsplash Images ใน WordPress ด้วย One Click
เผยแพร่แล้ว: 2018-09-30Unsplash เป็นหนึ่งในสถานที่ออนไลน์ที่ดีที่สุดเพื่อรับภาพฟรีเพื่อใช้ในโครงการของคุณ พวกเขาไม่ต้องการการระบุแหล่งที่มา พวกเขามีคุณภาพสูง มีรูปภาพใหม่ๆ เพิ่มทุกวัน ค้นหาได้ง่าย และคุณสามารถค้นหารูปภาพในหัวข้อต่างๆ ที่คุณจินตนาการได้
บทความส่วนใหญ่ที่ฉันเขียนซึ่งใช้โพสต์ตัวอย่างมีรูปภาพที่นำมาจาก Unsplash พวกมันมีคุณภาพที่น่าทึ่ง แต่ก็เป็นไฟล์ที่มีขนาดใหญ่มากเช่นกัน โดยปกติแล้วต้องมีหลายขั้นตอนในการเตรียมให้พร้อมสำหรับเว็บไซต์ของฉัน
กระบวนการมักจะเป็นดังนี้: ไปที่ Unsplash ในเบราว์เซอร์ของฉัน ค้นหาหรือเลื่อน ดาวน์โหลดแต่ละภาพไปยังแล็ปท็อปของฉัน ปรับขนาดทุกภาพด้วยซอฟต์แวร์แก้ไขรูปภาพของฉัน แล้วอัปโหลดไปยัง WordPress เพื่อใช้งานในโครงการของฉัน
ตอนนี้ฉันพบวิธีทำให้กระบวนการนี้สั้นลงแล้ว ตอนนี้มีลักษณะดังนี้: เลือก Unsplash ใน WordPress ค้นหาหรือเลื่อน แล้วเลือกรูปภาพที่ฉันต้องการ รูปภาพจะถูกปรับขนาดโดยอัตโนมัติและวางไว้ในโฟลเดอร์สื่อ WordPress ของฉัน ซึ่งฉันสามารถใช้รูปภาพเหล่านี้ในโครงการของฉัน หรือจะใส่ไว้ในเนื้อหาของฉันโดยอัตโนมัติ ซึ่งหมายความว่าตอนนี้ฉันสามารถใช้ภาพ Unsplash ใน WordPress ได้ด้วยคลิกเดียว ไม่มีการดาวน์โหลด ไม่มีการปรับขนาด
สมัครสมาชิกช่อง Youtube ของเรา
รูปภาพทันใจ - คลิกเดียว Unsplash อัพโหลด

วิธีแก้ปัญหาคือปลั๊กอินฟรีในคลัง WordPress ที่เรียกว่า Instant Images คุณสามารถดาวน์โหลดได้จากศูนย์รับฝากหรือค้นหาในเมนูปลั๊กอิน WordPress

เมื่อเปิดใช้งานแล้ว รายการเมนูใหม่จะถูกเพิ่มลงในเมนูสื่อที่เรียกว่า รูปภาพทันใจ ที่นี่ คุณสามารถปรับการตั้งค่า ดูรูปภาพใหม่ ยอดนิยม หรือเก่าที่สุด หรือค้นหารูปภาพ รูปภาพโหลดด้วย AJAX ดังนั้นรูปภาพใหม่จะแสดงตราบใดที่คุณเลื่อน (ซึ่งอาจทำให้ติดได้ แต่นั่นเป็นปัญหาที่แตกต่าง) เมนูที่ด้านล่างของหน้าจอจะมีลิงก์สำหรับเชื่อมต่อ เขียนรีวิว หรือดูคำถามที่พบบ่อย
ปลั๊กอินมีสองวิธีในการเพิ่มภาพ Unsplash บน WordPress:
- ภายในแท็บสื่อ – ใช้งานได้กับทั้งตัวแก้ไขปัจจุบันและกับ Gutenberg
- ภายในหน้าหรือโพสต์ – ใช้งานได้กับตัวแก้ไขปัจจุบันและตัวสร้างหน้าที่ใช้ตัวแก้ไข WordPress ปัจจุบัน
การตั้งค่ารูปภาพทันใจ

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

เป็นไปได้มากว่าคุณจะสามารถอัปโหลดรูปภาพได้โดยไม่มีปัญหา ฉันลองติดตั้งสองแบบที่แตกต่างกัน อันแรกไม่มีปัญหาในขณะที่อันที่สองไม่อัพโหลดภาพ ปัญหาคือการตั้งค่าการอนุญาตสำหรับเซิร์ฟเวอร์ของฉัน สิทธิ์ถูกตั้งค่าเป็น 341 อย่างน้อยต้องตั้งค่าเป็น 755 หากคุณใช้ cPanel ให้ไปที่โฟลเดอร์ รูปภาพแบบทันที ภายในโฟลเดอร์ wp-content/uploads บนเซิร์ฟเวอร์ของคุณ แล้วคลิก Permissions ของคุณอาจดูแตกต่างไปจากนี้
หากคุณประสบปัญหาในการนำเข้ารูปภาพ โปรดตรวจสอบการอนุญาตเซิร์ฟเวอร์ของคุณ หากนั่นไม่ใช่ปัญหา ให้ตรวจสอบคำถามที่พบบ่อยเพื่อดูข้อมูลการแก้ไขปัญหาเพิ่มเติม ไม่มีปัญหามากมาย แต่ฉันต้องตั้งค่าการอนุญาต
การเพิ่มรูปภาพลงในไลบรารีสื่อของคุณ

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

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


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

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

หลังจากนำเข้ารูปภาพแล้ว คุณจะได้รับข้อความแจ้งว่ารูปภาพกำลังปรับขนาด

คุณสามารถนำเข้าหลายภาพพร้อมกัน

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

ตอนนี้รูปภาพอยู่ในไลบรารีสื่อที่ฉันสามารถใช้งานได้ทุกที่ที่ต้องการ

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

หากคุณได้เพิ่มรูปภาพลงในไลบรารีสื่อของคุณแล้ว คุณสามารถใช้ได้ตามปกติ หากคุณยังไม่ได้เพิ่ม คุณไม่จำเป็นต้องเพิ่มลงในไลบรารีสื่อก่อน เพิ่มปุ่มใหม่ลงในโปรแกรมแก้ไข WordPress ชื่อ Instant Images อยู่ถัดจากปุ่ม เพิ่มสื่อ

การดำเนินการนี้จะเปิดโมดอลซึ่งคุณสามารถเลื่อนดูรูปภาพใหม่ ยอดนิยม หรือเก่าที่สุด และค้นหารูปภาพที่คุณต้องการ

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

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

ในตัวอย่างนี้ ฉันได้เพิ่มรูปภาพภายในเนื้อหาด้วยขนาดกลาง และฉันได้กำหนดแอตทริบิวต์ Align Left ให้กับรูปภาพนั้น

นี่ไม่ใช่ปลั๊กอิน Divi แต่ปุ่มรูปภาพทันใจยังมีให้ในโมดูล Divi ใดๆ ที่ใช้ตัวแก้ไข WordPress

แม้ว่าแท็บรูปภาพทันใจจะไม่ถูกเพิ่มลงในเครื่องมือสร้างส่วนหน้า แน่นอน คุณยังสามารถใช้รูปภาพใดๆ ที่คุณเพิ่มลงในไลบรารีสื่อ รวมทั้งรูปภาพที่คุณเพิ่มด้วยรูปภาพทันใจ
ใบอนุญาตรูปภาพ Unsplash
รูปภาพจาก Unsplash เหมาะอย่างยิ่งสำหรับโครงการของคุณเนื่องจากมีใบอนุญาต รูปภาพทั้งหมดบน Unsplash สามารถใช้ได้ฟรีทั้งเพื่อวัตถุประสงค์ทางการค้าและไม่ใช่เชิงพาณิชย์ คุณไม่จำเป็นต้องได้รับอนุญาตและไม่ต้องให้เครดิตกับ Unsplash หรือช่างภาพ
คุณสามารถดาวน์โหลด แจกจ่าย คัดลอก และแก้ไขรูปภาพตามที่คุณต้องการ คุณไม่สามารถขายหรือสร้างบริการที่แข่งขันกับ Unsplash ได้
จบความคิด
นี่คือลักษณะการใช้งานรูปภาพ Unsplash ใน WordPress ของเราในคลิกเดียว รูปภาพทันใจเป็นวิธีที่ง่ายที่สุดที่ฉันเคยเห็นในการนำเข้ารูปภาพ Unsplash ไปยัง WordPress ฉันชอบความสามารถในการกำหนดขนาดสูงสุดของรูปภาพและปรับขนาดตามการนำเข้ารูปภาพ เหมาะอย่างยิ่งสำหรับการเติมคลังสื่อของคุณด้วยภาพถ่ายคุณภาพสูงเพื่อใช้ในโครงการของคุณ
หากคุณต้องการภาพถ่ายคุณภาพสูงในโครงการของคุณ รูปภาพทันใจอาจเป็นปลั๊กอินที่คุณต้องการเพื่อปรับปรุงกระบวนการใช้งาน
เราต้องการได้ยินจากคุณ คุณได้ลองใช้รูปภาพทันใจ - อัปโหลด Unsplash เพียงคลิกเดียวหรือไม่ แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับเรื่องนี้ในความคิดเห็นด้านล่าง
ภาพเด่นผ่าน GoodStudio / shutterstock.com
