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

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

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

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

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

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

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

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

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

پس از اینکه به درستی تنظیمات این بخش را وارد کردید برای نمایش تصاویر اینستاگرام به تب 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 را فعال کرده و مشابه دکمه لود تصاویر رنگ متن، رنگ پس زمینه و متن مورد نظر را برای آن وارد نمایید.

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

[instagram-feed]

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

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

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

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