افزودن دکمه آپارات در ادیتور

[علی یوسفلاوی 1,669]

سلام دوستان ، برای افزودن دکمه آپارات به ادیتور انجمن خود مراحل زیر رو انجام دهید :

به مسیر ادمین > شخصی سازی > ویراشگر > نوار ابزار ها برید

- روی دکمه "افزودن دکمه" کلیک کنید

- روی تب "دکمه اختصاصی" کلیک کنید

موارد رو همانند پایین تنظیم کنید:

عنوان: آپارات

آیکن:

نوع: بلوک

استفاده از گزینه ها : بله

برچسب گزینه : متنی به دلخواه وارد کنید

سپس در قسمت HTML وارد کنید :

<div class="aparat">
	<div class="aparat-inner">
      <iframe src="https://www.aparat.com/video/video/embed/videohash/{option}/vt/frame" 
              width="560" height="315"
              allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" >
      </iframe>
    </div>
</div>

ذخیره کنید و دکمه آپارات رو به نوار ابزار ادیتور اضافه کنید

نحوه استفاده: لینک آپارات که به این صورت هست : http://www.aparat.com/v/8CtkG ، شما قسمت قرمز رنگ رو بعد از کلیک روی دکمه آپارات وارد کنید.

موفق باشید

 

آپدیت - ۱۴ آذر ۹۶ - ریسپانسیو

دستورات زیر را به custom.css اضافه کنید:

.aparat {
    width: 560px;
    max-width: 100%;
    margin: 0;
}
.aparat-inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

 

ویرایش شده 14 آذر، ۱۳۹۶ توسط علی یوسفلاوی

[علی یوسفلاوی 1,669]

آموزش قرار دادن ویدئو به طور ریسپانسیو اضافه شد

دوستانی که قبلا اضافه کرده بودند فقط کافیه دکمه رو ویرایش کنند و کد رو تغییر بدند به :

<div class="aparat">
	<div class="aparat-inner">
      <iframe src="https://www.aparat.com/video/video/embed/videohash/{option}/vt/frame" 
              width="560" height="315"
              allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" >
      </iframe>
    </div>
</div>

و دستورات css هم اضافه کنند بعد از این مرحله حتما کش سیستم رو پاک و بروز کنید

ویرایش شده 14 آذر، ۱۳۹۶ توسط علی یوسفلاوی