نظرة عامة على البرنامج المساعد Unsplash WordPress ومراجعته

Unsplash هو أحد المصادر الأكثر شيوعًا للصور المجانية على الشبكة. يحتوي Unsplash على ملايين الصور عالية الجودة التي يمكن استخدامها مجانًا في مشاريعك التجارية وغير التجارية مع الإسناد أو بدونه. هذا يجعل Unsplash شائعًا في مدونات ومواقع WordPress. أصدر Unsplash الآن مكوّنًا إضافيًا مجانيًا لبرنامج WordPress لتسهيل استخدام صورهم. في هذه المقالة ، سنلقي نظرة على المكون الإضافي Unsplash WordPress الجديد ونرى ما يمكنه فعله.

استخدام Unsplash Images بدون البرنامج المساعد

أولاً ، دعنا نلقي نظرة على الطريقة اليدوية لإضافة صور Unsplash إلى موقع الويب الخاص بك. الطريقة القياسية هي الذهاب إلى موقع الويب ، والبحث في الصور ، والنقر لتنزيل أي صورة ، ثم تحميلها يدويًا إلى وسائط WordPress الخاصة بك. لن تحتاج إلى حساب Unsplash لتنزيل الصور واستخدامها يدويًا ، ولكن باستخدام حساب ، سيكون لديك بعض الميزات الإضافية المتاحة.

عندما تحوم فوق صورة ، سترى صورة مصغرة للمصور مع اسمه ، وزرًا لإعجاب الصورة ، وزرًا لإضافتها إلى مجموعة ، وزرًا لتنزيلها. قم بتنزيل الصورة على جهاز الكمبيوتر الخاص بك.

قم بتحميل الصورة إلى مكتبة الوسائط الخاصة بك مثل أي صورة. سيتعين عليك إدخال معلومات حول الصورة بنفسك.

إذا كنت تريد استخدام الإحالة ، فستحتاج إلى نسخها من النافذة المنبثقة التي تظهر عند تحديد تنزيل صورة ولصقها في المحتوى يدويًا.

ميزة البرنامج المساعد Unsplash

يعمل المكوِّن الإضافي Unsplash على تبسيط هذه العملية ويزيل عناء تحميل الصور إلى مكتبة الوسائط الخاصة بك وإضافة المعلومات بنفسك. لا يتعين عليك حتى مغادرة موقع الويب الخاص بك ، ويمكنك إضافتها إلى المحتوى الخاص بك بنفس سهولة أي شيء في مكتبتك. يتم تقديم الصور للزائرين من خلال شبكة CDN. إنه يعمل مع كل من المحرر الكلاسيكي و Gutenberg. تظل الصور في مكانها حتى إذا قمت بإلغاء تثبيت المكون الإضافي.

تثبيت البرنامج المساعد Unsplash WordPress

يمكنك إما تنزيل المكون الإضافي من صفحة مكونات WordPress الإضافية أو البحث عنه داخل WordPress. للبحث والتثبيت:

1. في لوحة معلومات WordPress ، انتقل إلى الإضافات > إضافة جديد
2. ابحث عن Unsplash بواسطة Unsplash
3. انقر فوق التثبيت الآن
4. بمجرد تثبيت المكون الإضافي ، انقر فوق تنشيط

بعد ذلك ، ستحتاج إلى توصيل المكون الإضافي الخاص بك بحساب Unsplash الخاص بك. انتقل إلى الإعدادات > Unsplash لتنشيط مفتاح API الخاص بك. إذا كان لديك حساب ، فكل ما عليك فعله هو النقر فوق إكمال الإعداد وسيتولى المكون الإضافي الباقي.

يمكنك أيضًا إدخاله يدويًا إذا كنت تريد ذلك. لذلك ، ستحتاج إلى الحصول على مفتاح API الخاص بك من حساب Unsplash الخاص بك.

بمجرد مصادقة مفتاح API ، ستكون جاهزًا لاستخدام المكون الإضافي.

Unsplash WordPress Plugin

سترى علامة تبويب Unsplash جديدة مضافة إلى مكتبة الوسائط الخاصة بك. عند تحديد إضافة صورة إلى المحتوى الخاص بك أو تحديد صورة مميزة ، يمكنك اختيار علامة التبويب Unsplash للبحث عن الصور داخل نافذة الوسائط.

عند تحديد صورة ، تتم إضافة النص البديل والتسمية التوضيحية والوصف تلقائيًا. تساعد هذه البيانات في تحسين مُحسّنات محرّكات البحث ، ولا يتعين عليك إضافتها بنفسك. يتضمن التعليق رابط عدم متابعة للصورة على Unsplash مع إسناد المصور. كل هذه الحقول قابلة للتعديل. لا يتضمن إعدادات العرض على هذه الشاشة.

ها هي شاشة الصورة المميزة.

تستخدم الصور تلقائيًا الإعدادات الأخيرة التي استخدمتها. يمكنك تغيير الإعداد لكل صورة كالمعتاد عن طريق تحديد تحرير الصورة داخل المحرر.

Unsplash الصور هي Hotlinked

عند تحديد صور لإضافتها إلى المحتوى الخاص بك ، تتم إضافة الصور أيضًا إلى مكتبة الوسائط الخاصة بك. ومع ذلك ، يتم تقديمها للزائرين من Unsplash CDN.

عندما تنقر بزر الماوس الأيمن لمشاهدة الصورة في علامة تبويب أخرى ، يتم نقلك إلى صفحة الصورة في Unsplash. يمنحك النقر لنسخ عنوان URL للصورة عنوان الويب هذا أيضًا.

Unsplash مع المحرر الكلاسيكي

إليك كيفية ظهور الصورة في المحرر الكلاسيكي مع إضافة رابط الإسناد إلى التسمية التوضيحية.

Unsplash مع جوتنبرج

يحتوي Unsplash على المزيد من الميزات عند استخدامه مع Gutenberg. تتيح لك كتلة Unsplash الجديدة البحث في Unsplash عن الصور وعرضها تمامًا مثل كتلة الصورة.

تسمح لك إعدادات الكتلة بتحديد نمط مربع أو دائري. يمكنك تعيين أي نمط كافتراضي.

يؤدي النقر فوق بحث إلى فتح لوحة معلومات Unsplash حيث يمكنك تحديد صورة أو البحث عنها. يعمل بالطريقة نفسها مع المحرر الكلاسيكي ويتضمن النص البديل والتسمية التوضيحية مع ارتباط الإحالة والوصف المملوء.

ها هي الصورة في محرر جوتنبرج. النقر فوق خيارات الصورة الخيارات الموجودة على اليمين. هنا ، يمكنك رؤية إعدادات الصورة وتغيير الأنماط والنص البديل والحجم. هذا هو النمط المربع ، وهو النمط الافتراضي.

هذا هو النمط الدائري.

يضيف النمط الدائري تلقائيًا فئة CSS في الحقل Advanced.

يمكنك سحب وإسقاط الحواف لتغيير حجم الصورة.

عرض الصور دون الإسناد

يسمح ترخيص Unsplash لأي شخص باستخدام الصور مع أو بدون الإسناد. إنهم يقدرون ذلك إذا قمت بتضمينه ، ويتم تضمينه في التسمية التوضيحية بشكل افتراضي ، ولكن من السهل حذفه إذا كنت لا تريد تضمينه.

لعرض الصور دون الإسناد ، ما عليك سوى حذف التسمية التوضيحية. اعتمادًا على مكان حذفه ، يمكن حذف الإسناد من الصورة تمامًا ، أو من مشاركات معينة. يعرض هذا المثال التسمية التوضيحية في شاشة بحث Unsplash. سيؤدي حذفها هنا إلى حذفها من الصورة تمامًا وسيتم وضع الصورة في مكتبة الوسائط الخاصة بك بدونها.

إذا كانت الصورة موجودة بالفعل داخل المحتوى الخاص بك ، فقم بتمييز التسمية التوضيحية وحذفها. سيؤدي هذا فقط إلى إزالة الإسناد من هذه الصورة الواحدة. ستظل الصورة في مكتبة الوسائط الخاصة بك تتضمن التسمية التوضيحية.

يمكنك أيضًا حذف التسمية التوضيحية للصورة في مكتبتك إذا كنت لا تريد ظهور التسمية التوضيحية في كل مرة تستخدم فيها الصورة.

سيتم عرض الصورة بعد ذلك بدون التسمية التوضيحية ، مما يتيح لك إضافة التسمية التوضيحية الخاصة بك.

خواطر ختامية

هذه هي نظرتنا إلى المكوّن الإضافي Unsplash WordPress الجديد. البرنامج المساعد سهل الاستخدام ولا يتطلب أي إعداد. تُسهل علامة التبويب Unsplash المضافة إلى مكتبة الوسائط الخاصة بك البحث عن صور جديدة وإضافتها. نظرًا لأنه يمكنك إضافتها إلى مكتبة الوسائط الخاصة بك ، فإن الصور متاحة لأي منشئ السمات الذي تريد استخدامه. واجهة المستخدم نظيفة وبديهية. تمت إضافة الإحالة بالفعل ، ولكن يمكنك تعديلها بسهولة. يتم تحميل الصور بسرعة بسبب CDN الخاص بـ Unsplash.

Unsplash هو مصدر ممتاز للصور المجانية. يسهل المكون الإضافي إضافة الصور إلى محتوى WordPress الخاص بك. إنه يوفر الكثير من الوقت ويمنحك وصولاً مجانيًا إلى ملايين الصور المذهلة لاستخدامها مع موقع الويب الخاص بك. إذا كنت تستخدم صورًا مجانية مع محتوى WordPress الخاص بك ، فستحتاج إلى إضافة المكون الإضافي Unsplash.

نريد أن نسمع منك! هل جربت المكوّن الإضافي Unsplash WordPress الجديد؟ أخبرنا برأيك في التعليقات أدناه.

صورة مميزة عبر جين كيلي / shutterstock.com