طراحی و بهینه سازیمشاهده

هاست

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

افزونه ها , افزونه وردپرس

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

 

افزونه‌ای که قصد معرفی آن را دارم با عنوان Instagram Feed در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۴۰۰.۰۰۰ نصب فعال و کسب امتیاز ۵ را ازآن خود نماید که با استفاده از آن امکان نمایش پست‌های اینستاگرام در وردپرس را می‌توانید در سایت وردپرسی خود فراهم کنید.

 

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

 

نصب و فعال سازی

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

 

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

 

همانطور که در تصویر مشاهده می‌کنید بر روی دکمه Log in and get my Access Token and user ID کلیک کنید و در پنجره باز شده پس از ورود به حساب کاربری خود در اینستاگرام بر روی دکمه سبز رنگ برای اجازه دسترسی کلیک کنید. پس از صدور اجازه در اکانت اینستاگرام به پیشخوان وردپرس هدایت خواهید شد که مشابه تصویر زیر Token دریافتی و User ID برای شما نمایش داده خواهد شد. آنها را کپی کرده و به ترتیب در فیلدهای Access Token و Show Photos From وارد کرده و بر روی دکمه ذخیره تغییرات کلیک کنید.

 

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

 

  • Preserve settings when plugin is removed: اگر قصد دارید دا تنظیمات افزونه با حذف آن از دیتابیس حذف شود تیک این گزینه را فعال کنید.
  • Are you using an Ajax powered theme: و در نهایت در صورتی که قالب شما از آجاکس پشتیبانی می‌کند تیک این گزینه را فعال کرده و تنظیمات افزونه را ذخیره کنید. حال برای سفارشی سازی ظاهر و تعداد پست‌های قابل نمایش به سربرگ Customize مراجعه کنید.

 

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

 

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

 

  • Width of Feed: اندازه پهنا برای نمایش پست‌های اینستاگرام را بر حسب پیکسل و یا به صورت درصدی در این فیلد وارد کنید.
  • Height of Feed: در این فیلد اندازه ارتفاع برای نمایش پست‌های اینستاگرام را بر حسب درصد یا پیکسل وارد کنید.
  • Background Color: رن گپس زمینه مورد نظر برای بخش پست‌های اینستاگرام را انتخاب کنید تا در پس زمینه نمایش داده شود.
  • Sort Photos By: در این قسمت ترتیب نمایش تصاویر و ویدئوهای پست شده در اینستاگرام را بر اساس جدیدترین پست‌ها و یا نمایش تصادفی پست‌های اینستاگرام انتخاب کنید.
  • Number of Photos: تعداد تصاویر و ویدئوهای قابل نمایش در اینستاگرام را وارد کنید.
  • Number of Columns: تعداد ستون مورد نظر برای نمایش تصاویر را وارد کنید.
  • Padding around Images: در این بخش میزان فاصله هر تصویر از یکدیگر را بر حسب پیکسل وارد کنید تا پست‌های نمایش داده شده از یکدیگر با فاصله نمایش داده شده و ظاهر مرتبی داشته باشند.
  • Disable mobile layout: با فعال کردن تیک این گزینه امکان نمایش پست‌های اینستاگرام در قالب موبایل غیرفعال شده و به صورت عادی نمایش داده خواهد شد.
  • Show the Header: با فعال کردن این گزینه محتوای بیوگرافی که در پروفایل وجود دارد نمایش داده خواهد شد.
  • Show the ‘Load More’ button: با فعال کردن این گزینه امکان نمایش پست‌های بیشتر با کلیک بر روی دکمه فعال شده و کاربران قادر هستند تا پست‌های بیشتری را مشاهده کنند.
  • Button Background Color و Button Text Color: در این بخش به ترتیب رنگ مورد نظر برای دکمه نمایش پست‌های بیشتر و رنگ متن دکمه را انتخاب کنید.
  • Button Text: در این فیلد متن مورد نظر برای دکمه نمایش پست‌های بیشتر را وارد کنید.
  • Show the Follow button: با فعال کردن این گزینه امکان نمایش دکمه برای لینک دادن به صفحه پروفایل فعال شده و دکمه‌ای نمایش داده خواهد شد که با کلیک بر روی آن کاربران به صفحه پروفایل هدایت خواهند شد. در این بخش نیز مشابه دکمه نمایش پست‌های بیشتر قادر خواهید بود تا رنگ دکمه، رنگ متن دکمه و عنوان دلخواه برای دکمه را وارد کنید.

 

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

 

 

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

 

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

موفق باشید


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود نسخه : 1.4.9

به صفحه اول گوگل بياييد - قوی ترين بک لينک در ايران
بک لينک در بيش از 20 هزار وبلاگ با دهها نمونه كار


هاست پرسرعت SSD ایران (ویژه افزایش رتبه سئو)
دیتاسنتر آسیاتک - مجهز به کلود لینوکس و لایت اسپید


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1396/03/21 0 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=25949

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
6,424اسکریپت نمایش گالری تصاویر اینستاگرام خود در وب سایت InstaMax تاریخ : 1394/08/10
2,277ویجت نمایش آخرین ارسالی های اینستاگرام با افزونه InstaLink تاریخ : 1396/06/26
92افزونه نمایش محتوای گلچین از اینستاگرام در وردپرس Instagram Feed Gallery تاریخ : 1396/09/10
5,003اسکریپت موتور جستجوی افراد Search People تاریخ : 1396/06/5
2,359اسکریپت ربات هوشمند اینستاگرام VTGram تاریخ : 1396/05/10
2,544اسکریپت اشتراک گذاری ویدئو Social Video Share تاریخ : 1396/05/25
4,658راه اندازی وب سایتی مشابه اینستاگرام با اسکریپت phpMars تاریخ : 1396/05/15
17,087افزونه ارسال خودکار مطلب به اینستاگرام تاریخ : 1395/05/4
1,818افزونه فارسی ارسال اتوماتیک مطالب وردپرس در اینستاگرام تاریخ : 1395/11/28
1,757اسکریپت اشتراک گذاری چند رسانه ای King MEDIA نسخه 3.0 تاریخ : 1395/10/4
2,647افزونه وردپرس آخرین عکس های ارسالی توسط کاربران در اینستاگرام تاریخ : 1393/12/27
3,391اسکریپت ارسال خودکار مطلب و مدیریت حساب های اینستاگرام NextPost تاریخ : 1396/03/2
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب