نمایش تصاویر اینستاگرام در وردپرس با افزونه Instagram Feed

نمایش تصاویر اینستاگرام در وردپرس با افزونه Instagram Feedسلام؛
در رابطه با شبکه های اجتماعی از جمله تلگرام و اینستاگرام و تاثیر انها در پیشرفت کسب و کارهای انلاین همه ی ما وردپرسی ها کم و بیش چیزهایی میدانیم.
به لطف افزونه‌های مختلف وردپرس قادر خواهید بود تا مطالب و رسانه‌هایی را که در شبکه های اجتماعی منتشر می‌کنید را در سایت خود نمایش دهید.
در این نوشته از آموزش وردپرس قصد دارم تا به معرفی افزونه‌ای بپردازم که با استفاده از آن قادر خواهید بود تا امکان نمایش تصاویر اینستاگرام را در سایت فراهم کنید.
با ما همراه باشید…

نمایش تصاویر اینستاگرام در وردپرس

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

افزونه Instagram Feed وردپرس

این افزونه وردپرس بیش از ۴۰۰٫۰۰۰ نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است و از آخرین Update ان کمتر از یک هفته میگذرد.

شما میتوانید در انتهای همین نوشته، افزونه Instagram Feed را بصورت رایگان دانلود کنید

افزونه Instagram Feed وردپرس

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

افزونه Instagram Feed وردپرس

همانطور که در تصویر مشاهده می‌کنید بر روی گزینه مشخص شده در تصویر کلیک کنید تا وارد اکانت اینستاگرام خود شده و کلیدهای Token دریافتی را در تنظیمات افزونه وارد کنید.

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

بیشتر بخوانید :  ساخت فرم حرفه ایی در وردپرس با افزونه Ninja Forms

نمایش تصاویر اینستاگرام در وردپرس

 

پس از اینکه به درستی تنظیمات این بخش را وارد کردید برای نمایش تصاویر اینستاگرام به تب Customize مراجعه کنید تا تغییرات ظاهری را در ان سفارشی سازی کنید.

نمایش تصاویر اینستاگرام در وردپرس

همانطور که در تصویر می‌بینید مشابه توضیحات زیر تنظیمات ظاهری خود را برای نمایش تصاویر اینستاگرام وردپرس شخصی سازی کنید.

Width of Feed: در این بخش درصد پهنای نمایش تصاویر اینستاگرام را تعیین کنید، در صورتی که به صورت پیشفرض باشد در کل محتوا نمایش داده خواهد شد.
Height of Feed: در این بخش می‌توانید حداکثر ارتفاع برای نمایش تصاویر را وارد کنید. در صورت لود تصاویر بیشتر در اینستاگرام وردپرس این بخش به صورت اسکرولی نمایش داده خواهد شد.
Background Color: از این بخش می‌توانید یک رنگ دلخواه برای پس زمینه تصاویر انتخاب کنید تا با رنگ محتوای پس زمینه سایت متفاوت‌تر نمایش داده شود.
Sort Photos By: در این بخش می‌توانید تصاویر را به صورت رندوم و یا نمایش بر اساس جدیدترین انتخاب کنید.
Number of Photos: در این بخش حداکثر تعداد تصاویر برای نمایش را وارد کنید.
Number of Columns: در این بخش نیز میتوانید تعداد ستون مورد نظر را برای نمایش تصاویر وارد کنید.
Image Resolution: این بخش مربوط به رزولوشن تصاویر می‌باشد که در ۴ اندازه زیر قابل انتخاب است.
Padding around Images: از این بخش نیز می‌توانید تا فاصله بین تصاویر را بر حسب پیکسل انتخاب کنید.

برای Load تصاویر بیشتر تیک گزینه Show the ‘Load More’ button را فعال کرده و پس از انتخاب رنگ متن و پس زمینه دکمه، می‎توانید متن مورد نظر خود را در آن وارد کنید.و در نهایت برای نمایش دکمه فالو کردن نیز می‌توانید تیک گزینه Show the Follow button را فعال کرده و مشابه دکمه لود تصاویر رنگ متن، رنگ پس زمینه و متن مورد نظر را برای آن وارد نمایید.

بیشتر بخوانید :  نمایش موقعیت کنونی کاربران در وردپرس با افزونه Breadcrumb

اکنون برای نمایش تصاویر در برگه و یا ابزارک شورت کد زیر را در آن قرار دهید و تغییرات را ذخیره کرده و در نهایت مشابه تصویر زیر از طریق فید اینستاگرام تصاویر خود را در وردپرس نمایش دهید.

نمایش تصاویر اینستاگرام در وردپرس

پیشنهاد: میتوانید آموزش های زیر را نیز مطالعه کنید:

نمایش تصاویر اینستاگرام در وردپرس با افزونه WP Instagram Widget

نمایش اکانت اینستاگرام در وردپرس با افزونه AccessPress Instagram Feed

موفق و پاینده باشید…

اطلاعات افزونه Instagram Feed
دانلود افزونه صفحه افزونه
مطالب زیر را حتما مطالعه کنید
نظرات و دیدگاه ها
  • نظرات ارسال شده توسط شما، پس از تایید توسط مدیران سایت منتشر خواهد شد
  • نظراتی که حاوی تهمت یا افترا باشد منتشر نخواهد شد
  • نظراتی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد

هنوز دیدگاهی منتشر نشده است