استک | قالب HTML چند منظوره با صفحه ساز Variant
ثبت نام با ایمیل

حساب کاربری دارید؟ ورود


اینستاگرام

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


شما میتوانید تمام المان های بکار رفته را در قالب استک از
صفحه لیست المان ها ← مشاهده کنید

فید ساده

پشته از افزونه Spectragram در ارتباط با API برنامه‌نویس اینستاگرام برای ایجاد گالری‌هایی که رسانه‌ها را از حساب اینستاگرام شما می‌کشند.

هنگامی که حساب توسعه‌دهنده خود را راه‌اندازی کردید و شناسه مشتری و رمز دسترسی خود را دریافت کردید، فید توسط ویژگی‌های داده در عنصر .instafeed.

ابتدایی ترین استفاده به ویژگی data-username نیاز دارد که اکانت اینستاگرام را برای برداشتن تصاویر از آن مشخص می کند.

<div class="instafeed" data-user-name="user-name-here" data-grid="3"></div>

تعیین تعداد

به‌طور پیش‌فرض، فید 12 تصویر اخیر را در حساب شما وارد می‌کند. شما می توانید مقدار دقیق (20 که حداکثر است) را برای کشیدن با استفاده از آن مشخص کنید ویژگی data-mount. این ویژگی باید یک مقدار عددی از 1 تا 20 باشد.

<div class="instafeed" data-user-name="user-name-here" data-amount="9" data-grid="3"></div>

مشخص کردن گرید

به طور پیش فرض، تصاویر به صورت عمودی روی یکدیگر قرار می گیرند. برای چیدمان تصاویر در یک شبکه، از ویژگی شبکه داده. مقدار مشخص می کند که چه تعداد تصویر در هر ردیف قرار می گیرد.

در مثال زیر، شبکه داده روی 5 تنظیم شده است، بنابراین هر ردیف حاوی 5 تصویر است.

<div class="instafeed" data-user-name="user-name-here" data-amount="10" data-grid="5"></div>

شبکه بدون شکاف

کلاس را اضافه کنید .instafeed--less به عنصر .instafeed برای حذف شکاف‌های بین هر یک از زمان‌های شبکه.

<div class="instafeed instafeed--gapless" data-user-name="user-name-here" data-amount="9" data-grid="3"></div>

به دنبال بخش های استایل اینستاگرام هستید؟

مشاهده بخش های اینستاگرام

یا امتحان کردن صفحه ساز ↗