نمایش پست های اینستاگرام در وردپرس با Smash Balloon Instagram Feed

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

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

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

  • نمایش مطالب اینستاگرام در وردپرس
  • افزونه Smash Balloon Instagram Feed
  • امکانات افزونه Smash Balloon Instagram Feed
  • نمایش پست های اینستاگرام در وردپرس با Smash Balloon Instagram Feed
  • آشنایی با تنظیمات افزونه Smash Balloon Instagram Feed

نمایش مطالب اینستاگرام در وردپرس

سیستم مدیریت محتوای وردپرس قابلیت جذاب دیگری برای نمایش مطالب اینستاگرام در وردپرس دارد که از طریق افزونه امکانپذیر است. وردپرس دارای افزونه‌های کاربردی بسیاری هستند که هر کدام از آن‌ها امکانات و قابلیت‌های متنوعی را ارائه می‌دهند، نمایش مطالب اینستاگرام در وردپرس از اهمیت بسیاری برخوردار است، بطوریکه می‌توانید برای صرفه‌جویی در زمان تصاویر و مطالبی که در اینستاگرام خود منتشر می-کنید را به طور خودکار در سایت نیز نمایش دهید، همچنین با نمایش مستقیم محتوای اینستاگرام خود، موجب افزایش تعامل بین شما و بازدیدکنندگان شوید. از افزونه‌های مناسب و حرفه‌ای برای نمایش پست های اینستاگرام در وردپرس، افزونه AccessPress iFeeds و Smash Balloon Instagram Feed نام دارد.

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

افزونه Smash Balloon Instagram Feed نیز از محبوب‌ترین افزونه‌های وردپرس در این زمینه است و امکانات پیشرفته بسیاری را در اختیار شما قرار می‌دهد، در ادامه به معرفی و آموزش نحوه استفاده از این افزونه خواهیم پرداخت.

افزونه Smash Balloon Instagram Feed

افزونه Smash Balloon Instagram Feed
افزونه Smash Balloon Instagram Feed

افزونه کاربردی Smash Balloon Instagram Feed با بیش از 1 میلیون نصب فعال از بهترین و قدرتمندترین افزونه‌ها برای نمایش پست های اینستاگرام در وردپرس می‌باشد. با استفاده از این پلاگین به راحتی می‌توانید پست‌هایی که در اینستاگرام خود منتشر می‌کنید به صورت مستقیم در وبسایت وردپرسی خود به نمایش بگذارید. این افزونه در دو نسخه رایگان و پرمیوم عرضه شده است، نسخه رایگان این افزونه از مخزن وردپرس قابل نصب است. در ادامه به برخی از امکانات افزونه خواهیم پرداخت.

امکانات افزونه Smash Balloon Instagram Feed

  • نصب و کاربری فوق‌­العاده ساده
  • نمایش تصویر از چند حساب اینستاگرام
  • طراحی کاملا ریسپانسیو و واکنش­گرا
  • امکان تنظیم نمایش تعداد تصاویر، عرض، ارتفاع، رنگ پس­‌زمینه، فاصله تصاویر و غیره
  • امکان نمایش پست­‌های اینستاگرام به ترتیب زمانی یا تصادفی
  • قابلیت نمایش دکمه Follow در زیر پست‌­ها
  • قابلیت اتصال به شبکه‌­های اجتماعی توئیتر، فیسبوک و یوتیوب
  • امکان سفارشی‌­سازی افزونه با استفاده از کدهای CSS و JavaScript
  • قابلیت نمایش تصاویر در سایزهای کوچک، متوسط و اندازه کامل
  • نمایش فید اینستاگرام در همان صفحه و صفحات مختلف سایت
  • و غیره

نمایش پست های اینستاگرام در وردپرس با Smash Balloon Instagram Feed

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

منوی تنظیمات افزونه Smash Balloon Instagram Feed برای نمایش مطالب اینستاگرام در وردپرس
منوی تنظیمات افزونه Smash Balloon Instagram Feed

برای اتصال حساب حساب اینستاگرام و نمایش پست‌های خود در سایت لازم است از منوی Instagram Feed گزینه Settings را انتخاب نمایید. نخستین سربرگ با نام Configure را باز نموده و بر روی دکمه Connect an Instagram Account کلیک کنید.

سربرگ Configure در تنظیمات افزونه Smash Balloon Instagram Feed
سربرگ Configure در تنظیمات افزونه Smash Balloon Instagram Feed

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

انتخاب نوع اکانت اینستاگرام
انتخاب نوع اکانت اینستاگرام

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

فرم صفحه ورود به اکانت در اینستاگرام برای نمایش مطالب اینستاگرام در وردپرس
فرم صفحه ورود به اکانت در اینستاگرام

گام بعد اجازه درخواست مجوز برای به اشتراک‌گذاری مطالب را از شما می‌خواهد که با انتخاب گزینه Allow می‌توانید این اجازه را صادر کنید.

تایید درخواست مجوز برای نمایش مطالب اینستاگرام در وردپرس
تایید درخواست مجوز برای اشتراک گذاری مطالب

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

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

دکمه Remove from Primary Feed اکانت اینستاگرام شما را از حالت فید اصلی خارج می‌کند و دکمه Add to another Feed کدهایی را به شما نشان خواهد داد که می‌توانید از آن‌ها در برگه‌ها و نوشته‌های خود استفاده کنید.

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

ابزارک افزونه Smash Balloon Instagram Feed
ابزارک افزونه Smash Balloon Instagram Feed

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

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

به همین آسانی توانستید پست‌های اینستاگرام خود را در سایت وردپرسی خود به نمایش بگذارید.

آشنایی با تنظیمات افزونه Smash Balloon Instagram Feed

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

  • سربرگ Configure: این سربرگ مربوط به تنظیمات و پیکربندی افزونه می­‌باشد.
سربرگ Configure در تنظیمات افزونه Smash Balloon Instagram Feed
سربرگ Configure در تنظیمات افزونه Smash Balloon Instagram Feed
  • Preserve settings when plugin is removed: با حذف افزونه، کلیه تنظیمات آن به طور خودکار حذف می‌شود. در صورت فعال بودن این گزینه می‌توانید افزونه را حذف و دوباره نصب کنید بدون این‌ که تنظیمات خود را از دست بدهید.
  •  Check for new posts: پست‌های اینستاگرام شما به طور موقت توسط این افزونه در پایگاه داده وردپرس ذخیره می‌شود. با کمک این گزینه می‌توانید مدت زمان ذخیره شدن پست‌ها را انتخاب کنید. چنانچه زمان را روی 1 ساعت تنظیم کنید ، پلاگین حافظه پنهان را پس از این مدت حذف می‌کند.

برای اعمال تغییرات بر روی دکمه “ذخیره تغییرات” کلیک نمایید.

  • سربرگ Customize: این سربرگ دارای قسمت­‌های مختلفی است که مربوط به سفارشی‌­سازی نمایش پست‌­ها می­‌باشد.

بخش General

بخش General در سربرگ Customize
بخش General در سربرگ Customize
  • Width of Feed: عرض فید نمایش پست­‌های اینستاگرام (به صورت درصد و یا پیکسل)
  • Height of Feed: ارتفاع فید نمایش پست­‌های اینستاگرام (به صورت درصد و یا پیکسل)
  • Background Color: رنگ پس‌­زمینه فید

بخش Layout

بخش Layout در سربرگ Customize
بخش Layout در سربرگ Customize
  • Number of Photos: انتخاب تعداد تصاویر نمایش داده شده در فید
  • Number of Columns: انتخاب تعداد ستون­‌ها
  • Padding around Images: تنظیم میزان فاصله بین تصاویر
  • Disable mobile layout: غیرفعال کردن چیدمان در دستگاه­‌های موبایل

بخش Photos

بخش Photos در سربرگ Customize
بخش Photos در سربرگ Customize
  • Sort Photos By: مرتب­‌سازی تصاویر از جدیدترین تا قدیمی‌­ترین و یا به صورت تصادفی
  • Image Resolution: انتخاب دلخواه سایز تصاویر

قابلیت‌های پیشرفته دیگری مانند Photo Hover Style، Carousel، Caption، Likes & Comments، Lightbox Comments و غیره در نسخه پرمیوم افزونه در دسترس هستند.

بخش Header

بخش Header در سربرگ Customize
بخش Header در سربرگ Customize
  • Show Feed Header: فعال‌سازی هدر فید اینستاگرام
  • Header Size: انتخاب سایز هدر (کوچک، متوسط و بزرگ)
  • Show Bio Text: نمایش متن بیو پیج اینستاگرام
  • Use Custom Avatar: استفاده از آواتار سفارشی
  • Header Text Color: انتخاب رنگ متن هدر

بخش ‘Load More’ Button

بخش Load More Button در سربرگ Customize
بخش Load More Button در سربرگ Customize
  • Show the ‘Load More’ button: نمایش دکمه “نمایش بیشتر”
  • Button Background Color: انتخاب رنگ پس‌­زمینه دکمه
  • Button Text Color: رنگ متن دکمه
  • Button Text: انتخاب و یا تغییر متن دکمه

بخش ‘Follow’ Button

بخش Follow Button در سربرگ Customize
بخش Follow Button در سربرگ Customize
  • Show the Follow button: فعال‌سازی دکمه فالو
  • Button Background Color: رنگ پس­‌زمینه دکمه
  • Button Text Color: رنگ متن دکمه
  • Button Text: انتخاب و یا تغییر متن دکمه

بخش Misc

در این بخش می‌توانید کدهای سفارشی Css و javascript خود را در کادرهای موجود در این صفحه وارد نمایید.

بخش Misc در سربرگ Customize
بخش Misc در سربرگ Customize

در این بخش می‌توانید کدهای سفارشی Css و javascript خود را در کادرهای موجود در این صفحه وارد نمایید.

  • Are you using an Ajax powered theme: در صورتی که قالب سایت شما برای بارگذاری محتوا در صفحات از قابلیت Ajax استفاده می­‌کند لازم است این گزینه را فعال کنید.
  • Image Resizing: این افزونه نسخه­‌های تغییر یافته تصاویر را ایجاد و ذخیره می­‌کند، با کلیک بر روی این دکمه تمام داده­‌های مربوط به اندازه تصاویر حذف می­‌شود.
  • API request size: در صورتی که اینستاگرام شما حاوی تعدادی پست یا IGTV می­‌باشد بهتر است این تعداد را به 25 یا بیشتر افزایش دهید. (مقدار به صورت پیش­فرض بر روی 0 تنظیم شده است)
  • Enqueue JS file in head: در صورت تمایل به قرارگیری فایل JavaScript در قسمت سربرگ این گزینه را فعال کنید.
  • Enqueue CSS file with Shortcode: برای افزودن فایل CSS زمانی که فید اینستاگرام در صفحه است استفاده می‌­شود.
  • Disable JS Image Loading: بارگیری تصاویر در JS را غیرفعال می­‌کند.
  • Enable Backup Caching: هر فید یک نسخه تکراری از خود را در پایگاه داده ذخیره می­‌کند تا در صورت عدم دسترسی به حافظه پنهان، از آن استفاده شود.
  • Load initial posts with AJAX: با استفاده از گزینه پست­‌های اولیه به جای اضافه شدن به صفحه، از طریق AJAX بارگیری می‌­شوند.
  • Force cache to clear on interval: برای پاکسازی مداوم کش افزونه و بازیابی داده­‌های جدید از اینستاگرام این گزینه را بر روی Yes تنظیم کنید.
  • Enable Custom Templates: این گزینه الگوهای سفارشی را فعال می­‌کند
  • Disable Admin Error Notice: در صورت تمایل به غیرفعالسازی اعلان خطای مدیر این گزینه را تیک بزنید.
  • Feed Issue Email Report: در صورت عدم نمایش یا آپدیت فید اینستاگرام، یک گزارش به صورت هفتگی برای شما ارسال می­‌کند.
  • سربرگ Display your Feed: در این سربرگ می­‌توانید کد کوتاه [instagram-feed] را کپی کرده و از آن در برگه و نوشته‌­های سایت خود استفاده کنید.
سربرگ Display your Feed در تنظیمات افزونه Smash Balloon Instagram Feed
سربرگ Display your Feed در تنظیمات افزونه Smash Balloon Instagram Feed

برای نمایش چندین فید مختلف می‌توانید کد کوتاه زیر به صورت مستقیم در برگه یا نوشته قرار دهید:

[instagram-feed num=9 cols=3]

همچنین با کمک کد کوتاه زیر می‌توانید هر تعداد فید مختلف را در یک صفحه یا در صفحات مختلف سایت به نمایش بگذارید:

[instagram-feed]
[instagram-feed num=4 cols=4 showfollow=false]

افزونه اینساگرام برای وردپرس

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

آموزش ویدیویی افزونه Smash Balloon Instagram Feed

دانلود افزونه Smash Balloon Instagram Feed

صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

398,498 نفر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دوره‌های آموزشی