آموزش نمایش تصاویر فلیکر در وردپرس با بلوک Flickr

اگه می‌خواید عکس‌های حساب فلیکر خودتون رو داخل سایت نمایش بدید، لازم نیست سراغ افزونه‌های قدیمی برید. خود وردپرس یه بلوک Flickr داره که لینک عمومی محتوای پشتیبانی‌شده رو می‌گیره و اون رو داخل نوشته یا برگه نشون می‌ده.

توی این آموزش، اول درباره منسوخ شدن افزونه Quick Flickr Widget حرف می‌زنیم. بعد قدم‌به‌قدم روش نمایش تصاویر فلیکر در وردپرس با بلوک داخلی رو می‌بینیم. در ادامه هم راه نمایش عکس‌ها در نوار کناری یا فوتر، ساخت گالری داخل وردپرس و رفع خطاهای رایج رو توضیح می‌دیم.

چرا دیگه نباید از Quick Flickr Widget استفاده کنید؟

نسخه قدیمی این مقاله، نصب و کار با افزونه Quick Flickr Widget رو آموزش می‌داد. این افزونه برای اضافه کردن عکس‌های فلیکر به ابزارک‌های وردپرس ساخته شده بود، ولی دیگه برای نصب روی سایت‌های جدید پیشنهادش نمی‌کنیم. چون قبل از استفاده از هر افزونه قدیمی باید وضعیت به‌روزرسانی و سازگاری اون با نسخه فعلی وردپرس و PHP بررسی بشه.

افزونه‌ای که نگهداری نمی‌شه ممکنه با نسخه فعلی وردپرس، PHP یا قالب سایتتون هماهنگ نباشه. علاوه بر این، وردپرس حالا ویرایشگر بلوکی داره و خیلی از قالب‌های جدید، بخش‌هایی مثل فوتر و نوار کناری رو هم با بلوک‌ها مدیریت می‌کنن. پس بهتره Quick Flickr Widget رو روی سایت جدید نصب نکنید. اگه از قبل نصبش کردید، اول از سایت نسخه پشتیبان بگیرید، همه ابزارک‌ها و محل‌های استفاده از افزونه رو پیدا کنید و بعد از جایگزین کردن اون‌ها، افزونه رو حذف کنید.

روش قدیمی از شما می‌خواست ابزارک افزونه رو به نوار کناری بکشید و برای چیدمان عکس‌ها، کد CSS رو داخل فایل قالب قرار بدید. روش فعلی ساده‌تره و برای جاسازی معمولی فلیکر به نصب افزونه یا ویرایش فایل‌های قالب نیاز نداره.

نمایش تصاویر فلیکر در وردپرس با بلوک Flickr

وردپرس یه بلوک اختصاصی برای فلیکر داره. این بلوک از Embed یا «جاسازی» استفاده می‌کنه؛ یعنی محتوای عمومی و پشتیبانی‌شده فلیکر رو با کمک لینک اون داخل صفحه نشون می‌ده، بدون اینکه فایل اصلی عکس رو روی هاست سایتتون آپلود کنید.

۱. بلوک Flickr رو اضافه کنید

1. از پیشخوان وردپرس وارد نوشته یا برگه‌ای بشید که می‌خواید عکس فلیکر رو داخل اون نشون بدید.
2. روی دکمه «+» بزنید تا فهرست بلوک‌ها باز بشه.
3. عبارت Flickr رو جست‌وجو کنید.
4. بلوک Flickr رو انتخاب کنید.

اگه بلوک رو پیدا نکردید، می‌تونید یه بلوک «جاسازی» یا Embed اضافه کنید و لینک فلیکر رو داخل اون بذارید. راه دیگه اینه که لینک رو توی یه خط خالی از ویرایشگر بچسبونید تا وردپرس برای جاسازی اون تلاش کنه. این دو روش ممکنه برای همه لینک‌ها جواب ندن؛ پس اگه خطا دیدید، از بلوک اختصاصی Flickr استفاده کنید.

۲. لینک عمومی فلیکر رو وارد کنید

حالا لینک عمومی عکس یا محتوای موردنظرتون رو از نوار آدرس مرورگر کپی کنید. لینک رو داخل کادر بلوک بذارید و روی دکمه Embed یا «جاسازی» بزنید. اگه نوع لینک پشتیبانی بشه و محتوا عمومی باشه، پیش‌نمایش اون داخل ویرایشگر ظاهر می‌شه. در غیر این صورت، معمولاً لینک ساده یا پیام خطای جاسازی رو می‌بینید.

۳. نتیجه رو بررسی و منتشر کنید

قبل از انتشار، گزینه «پیش‌نمایش» رو بزنید و صفحه رو هم روی کامپیوتر و هم روی موبایل بررسی کنید. اگه عرض محتوا مناسب نبود، بلوک رو انتخاب کنید و تنظیمات تراز یا عرض اون رو تغییر بدید. گزینه‌های دقیق به قالب سایتتون بستگی دارن.

رفتار کلیک روی محتوای جاسازی‌شده به نوع محتوا و خروجی فلیکر بستگی داره و ممکنه کاربر رو به صفحه اون محتوا در فلیکر ببره. پس حتماً روی پیش‌نمایش کلیک کنید و نتیجه رو قبل از انتشار ببینید.

لینک مناسب رو از کجای فلیکر بردارید؟

اول صفحه خود عکس یا محتوای موردنظرتون رو در فلیکر باز کنید. بعد لینک کامل همون صفحه رو از نوار آدرس مرورگر کپی کنید. لینک صفحه پروفایل یا صفحه جست‌وجو همیشه نتیجه‌ای رو که انتظار دارید نشون نمی‌ده؛ پس بهتره مستقیماً از صفحه محتوا لینک بگیرید.

محتوا باید عمومی باشه. وردپرس نمی‌تونه عکس خصوصی یا محتوایی رو که فقط افراد مشخصی اجازه دیدنش رو دارن، برای همه بازدیدکننده‌های سایت نمایش بده. برای آزمایش، لینک رو در یه پنجره ناشناس مرورگر باز کنید. اگه بدون ورود به حساب فلیکر دیده شد، محتوا عمومیه؛ البته عمومی بودن به‌تنهایی تضمین نمی‌کنه که وردپرس بتونه اون نوع لینک رو جاسازی کنه.

نمایش فلیکر در نوار کناری یا فوتر

محل قرار دادن بلوک به نوع قالب و نسخه وردپرس سایتتون بستگی داره. بعضی قالب‌ها بخش «ابزارک‌ها» دارن و بعضی قالب‌های بلوکی، نوار کناری و فوتر رو از ویرایشگر سایت مدیریت می‌کنن.

اگه قالب کلاسیک دارید

1. از پیشخوان وارد «نمایش ← ابزارک‌ها» بشید.
2. ناحیه نوار کناری یا فوتر رو باز کنید.
3. بلوک Flickr یا Embed رو به اون ناحیه اضافه کنید.
4. لینک عمومی فلیکر رو وارد کنید و تغییرات رو ذخیره کنید.

اگه قالب بلوکی دارید

1. از پیشخوان وارد «نمایش ← ویرایشگر» بشید.
2. بخش موردنظرتون، مثل فوتر یا قالب نوشته، رو باز کنید.
3. بلوک Flickr یا Embed رو در جای مناسب قرار بدید.
4. لینک رو وارد کنید، پیش‌نمایش رو ببینید و تغییرات رو ذخیره کنید.

اگه منوی «ابزارک‌ها» رو نمی‌بینید، احتمالاً قالبتون بلوکیه. توی این حالت، دنبال این منو نگردید و از «نمایش ← ویرایشگر» استفاده کنید. اگه این گزینه هم در دسترس نبود، راهنمای قالب یا تنظیمات بخش نمایش رو بررسی کنید.

راه جایگزین: ساخت گالری داخل وردپرس

جاسازی فلیکر برای نمایش سریع یه عکس یا محتوای عمومی خوبه. ولی اگه می‌خواید کنترل بیشتری روی ستون‌ها، فاصله عکس‌ها، لایت‌باکس و ظاهر گالری داشته باشید، ساخت گالری داخل وردپرس انتخاب بهتریه. لایت‌باکس یعنی عکس بعد از کلیک، در یه پنجره بزرگ روی همون صفحه باز بشه.

برای یه گالری ساده، می‌تونید بلوک «گالری» وردپرس رو به صفحه اضافه کنید و عکس‌هایی رو که اجازه استفاده از اون‌ها دارید داخل رسانه وردپرس آپلود کنید. اگه امکانات بیشتری می‌خواید، آموزش ساخت گالری عکس حرفه‌ای در وردپرس با FooGallery مراحل کامل این کار رو توضیح می‌ده.

این روش فایل‌های عکس رو روی هاست خودتون نگه می‌داره. در عوض، ظاهر و ماندگاری گالری کمتر به سرویس فلیکر وابسته می‌شه. قبل از آپلود هم حجم عکس‌ها رو کم کنید و برای هر تصویر، متن جایگزین مرتبط بنویسید. راهنمای سئو تصاویر در وردپرس برای انجام درست این بخش کمکتون می‌کنه.

نکات مهم درباره سرعت، حریم خصوصی و حق نشر

• حق نشر رو جدی بگیرید: عمومی بودن یه عکس به معنی آزاد بودن استفاده از اون نیست. فقط عکس‌های خودتون یا تصاویری رو نمایش بدید که مجوز مناسب دارن.
• صفحه رو شلوغ نکنید: تعداد زیادی محتوای جاسازی‌شده می‌تونه بارگذاری صفحه رو سنگین‌تر کنه. فقط عکس‌هایی رو بذارید که واقعاً برای کاربر مفیدن.
• حریم خصوصی رو بررسی کنید: محتوای جاسازی‌شده برای بارگذاری با سرورهای فلیکر ارتباط برقرار می‌کنه. اگه از ابزار مدیریت رضایت استفاده می‌کنید، بررسی کنید که این ابزار بارگذاری سرویس‌های بیرونی رو چطور کنترل می‌کنه. قوانین مربوط به حریم خصوصی هم به محل فعالیت سایتتون بستگی دارن؛ پس برای تصمیم حقوقی از راهنمای تخصصی همون منطقه کمک بگیرید.
• یه پیش‌نمایش موبایل ببینید: ظاهر بلوک به قالب و عرض بخش محتوا بستگی داره. قبل از انتشار مطمئن بشید چیزی از صفحه بیرون نزده و متن‌های اطراف هم به‌هم نریختن.
• نسخه پشتیبان داشته باشید: اگه نمایش یه تصویر برای محتوای اصلی صفحه ضروریه و اجازه نگهداری فایل اون رو دارید، قرار دادن نسخه مجاز در رسانه وردپرس می‌تونه وابستگی به سرویس بیرونی رو کمتر کنه.

رفع خطاهای رایج جاسازی فلیکر

لینک به پیش‌نمایش تبدیل نمی‌شه

اول مطمئن بشید لینک کامل صفحه محتوا رو کپی کردید. بعد عمومی بودن اون رو در پنجره ناشناس مرورگر بررسی کنید. اگه باز هم پیش‌نمایش ساخته نشد، بلوک رو حذف کنید و لینک رو داخل یه بلوک Flickr تازه بذارید. ممکنه نوع لینک شما پشتیبانی نشه؛ پس یه لینک مستقیم از صفحه خود عکس رو هم آزمایش کنید.

فقط یه لینک ساده دیده می‌شه

لینک رو داخل بلوک «بند» یا Paragraph نذارید. یه بلوک Flickr بسازید و لینک رو در کادر مخصوص همون بلوک قرار بدید. بعد دکمه Embed رو بزنید. اگه همچنان لینک ساده دیده شد، عمومی بودن محتوا و پشتیبانی شدن نوع لینک رو بررسی کنید.

محتوا در ویرایشگر دیده می‌شه ولی در سایت نمایش داده نمی‌شه

اول صفحه رو در حالت ناشناس باز کنید تا مطمئن بشید مشکل فقط به حساب کاربری یا مرورگرتون مربوط نیست. بعد تنظیمات افزونه‌های امنیتی، بهینه‌سازی و مدیریت رضایت رو بررسی کنید؛ چون ممکنه ارتباط با فلیکر رو مسدود کنن. سیاست امنیت محتوا یا CSP هم تنظیمیه که مشخص می‌کنه سایت اجازه بارگذاری محتوا از چه سرویس‌هایی رو داره. اگه با این بخش آشنا نیستید، از مدیر هاست یا توسعه‌دهنده سایت کمک بگیرید. برای پیدا کردن تداخل افزونه‌ها هم بهتره فقط روی یه نسخه آزمایشی از سایت تست کنید تا سایت اصلی دچار مشکل نشه.

جمع‌بندی

Quick Flickr Widget دیگه گزینه پیشنهادی این آموزش برای سایت‌های امروزی نیست. برای نمایش تصاویر فلیکر در وردپرس، اول بلوک داخلی Flickr رو امتحان کنید. فقط کافیه لینک عمومی و پشتیبانی‌شده محتوای موردنظرتون رو وارد کنید و نتیجه رو قبل از انتشار ببینید.

اگه کنترل کامل روی ظاهر، سرعت و ماندگاری عکس‌ها براتون مهم‌تره، تصاویر مجاز رو داخل وردپرس قرار بدید و با بلوک گالری یا یه افزونه گالری به‌روز نمایش بدید. یادتون نره عمومی بودن عکس در فلیکر، به‌تنهایی اجازه استفاده از اون رو به شما نمی‌ده.

سؤالات متداول

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.