امروز می خواهیم بهتون آموزش بدهیم که چگونه ویدئو های آپارات خود را در صفحات المنتور بارگذاری کنید و به صورت آنلاین آنها را نمایش دهید.
گاهی اوقات برخی از کاربران ویدیوهای خود را در آپارات آپلود میکنند و می خواهند آن ها را در صفحات المنتور خود به نمایش بگذارند این امر به راحتی امکان پذیر می باشد پس با روش های زیر با ما همراه باشید تا یک سایت المنتوری حرفه بسازیم .
آپارات یک سرویس نمایش ویدیو ایرانیه که هدف اصلی این سرویس اشتراک ویدیو همانند سایت Youtube اما برای ایرانیان می باشد.
در این آموزش قصد داریم پروسه قرار دادن ویدئو در نوشتههای وردپرسی خودمون رو کوتاهتر کنیم تا به جای قرار دادن چندخط کد که گاهاً شاهد بهم ریختن اون توسط ادیتور وردپرس هستیم، از شورتکدی که برای همین منظور تهیه کردم استفاده کنیم …
ما به شما آموزش می دهیم :
- چگونه با استفاده از صفحه ساز المنتور این کار را انجام دهید.
- چگونه در نوشته های وبلاگ خود ویدیو آپارات درج کنید.
- معرفی افزونه درج ویدیو آپارات در وردپرس
- درج ویدیو با کدهای کوتاه
درج ویدیو آپارات در صفحه المنتور
برای درج ویدیو در این روش نیاز به ویجت کد کوتاه المنتور داریم ( بهتره به آموزش ویجت کد کوتاه المنتور هم نگاهی بندازید ) .
خوب برای این منظور ابتدا در صفحه ای میخواهیم ویدیو آپاراتی را درج کنیم این ویجت را رها کنید و با تنظیماتی همانند تصویر زیر مواجه می شوید .
بعد وارد صفحه ویدیو در آپارات شوید و طبق تصویر زیر روی دریافت کد امبد کلیک کنید .
و بعد از آن با همانند تصویر زیر گزینه کد آی فریم کلیک کنید و سپس کد مورد نظر را کپی کنید .
حالا دیگه وقتشه به صفحه المنتور خود برگردید و کد فوق را در قسمت تنظیمات ویجت کد کوتاه وارد کنید و ویدیو شما در صفحه نمایش داده می شود و میتوانید ویدیو را در صفحه تنظیم کنید.
استفاده از شورت کد آپارات بجای کد آی فریم برای نمایش ویدیو
بجای اینکه شما بخواهید وارد صفحه ویدیو شوید و کد آی فریم را دریافت کنید میتوانید فقط از لینک ویدیو استفاده کنید
مثال : لینک شما به صورت aparat.com/v/of5Ou می باشد و شما از شورت کد [aparat id=”of5Ou”] در نوشته ها و یا صفحات المنتوری استفاده کنید .
برای این کار فقط کافیه کد زیر را در functions.php واقع در قالب سایتتان در انتهای کدهای آن وارد کنید .
function aparat($atts) {
extract(shortcode_atts(array(
'id' => '',
'style' => 'margin: 10px;'
), $atts));
return "<center style='{$style}'>
<div class='h_iframe-aparat_embed_frame' style='position:relative;'>
<span class='ratio' style='display: block; padding-top: 57%;'></span>
<iframe src='https://www.aparat.com/video/video/embed/videohash/{$id}/vt/frame?titleShow=true'
allowfullscreen='true'
webkitallowfullscreen='true'
mozallowfullscreen='true'
style='position:absolute; top:0; left:0; width:100%; height:100%;'>
</iframe>
</div>
</center>";
}
add_shortcode('aparat', 'aparat');
برای فراخوانی آن همانند مثال بالا فقط کافیه آی دی ویدیو در در انتهای لینک می باشد را وارد کنید .https://www.aparat.com/v/of5Ou به صورت [aparat id=”of5Ou”]
شما میتوانید برای ویدیو تنظیماتی نظیر فاصله داخلی و خارجی و طول و ارتفاع مشخص کنید برای این منظور طبق الگو زیر عمل کنید .
[aparat id=”of5Ou”]
استفاده از افزونه درج ویدیو آپارات در المنتور و وردپرس
روش بعدی که می خواهم برای شما معرفی کنم استفاده از افزونه Aparat در مخزن وردپرس که توسط آقای نیما صابری در مخزن ثبت شده استفاده کنید برای این منظور :
- ابتدا وارد لینک دانلود افزونه آپارات شوید
- بعد از آن در قسمت افزونه های خود آن را نصب و فعال کنید .
- حالا هم میتوانید از شورت کد دستی استفاده کنید مثال : [aparat id=’آی دی آپارات’] و یا از طریق آیکون آپارات موجود در ویرایشگر کلاسیک از آن استفاده کنید .
امیدوارم این آموزش هم مورد پسند شما قرار گرفته باشه
موفق باشید
42 پاسخ
ببخشید درباره اپارات میدونید چجوری میتونیم چند نفر به یک کانال وصل بشیم بدون اینکه اطلاعات شخصی پروفایل خودمون بهش بدیم ؟ و اینکه تحت نظر یک نفر کلا باشه ولی بقیه هم بهش دسترسی داشته باشن
درباره اپارات سوال داشتم چجوری میشه گزینه دانلود ویدیو تو اپارات برای ویدیو ها فعال کرد ؟
سلام مجدد
مشکل قبل رو برا استفاده از ویجت ویدئو المنتور هم دارم، پس از قرار دادن منبع رو هاست خودم اگه از لینک خارجی استفاده کنم باز چیزی نمایش داده نمیشه
ممنون
سلام درود بر شما
بررسی کن که Allow SVG, JSON, and Iframe در تنظیمات المنتور فعال باشد. اگر ویدئو روی هاست خودت است، از لینک مستقیم با فرمت صحیح (MP4) استفاده کن. همچنین، در تنظیمات هاست بررسی کن که Hotlink Protection فعال نباشد.
با سلام و خسته نباشید
من از روش قرار دادن کد IFrame در ویجت کد کوتاه استفاده کردم که در هنگام ویرایش صفحه ویدئو نمایش داده میشه ولی بعد از بروزرسانی و نمایش صفحه ویدئو نمایش داده نمیشه و بجاش کد زیر دیده میشه، و اگه از کد Script استفاده کنم کلا چیزی نمایش داده نمیشه، ممنون می شم راهنمایی کنید.
سلام ممنون بابت آموزش. من از افزونه استفاده کردم و در دسکتاپ خوب ارتفاع رو میتونم عدد بدم که فرم ویدیو کامل باشه ولی در موبایل یه فضای زیاد مشکی زیر ویدیو میفته. این مشکل رو چجوری برطرف کنم؟
سلام درود بر شما
برای ویدیو آپارات، مشکل معمولاً از کد iframe است که به صورت پیشفرض ارتفاع ثابت دارد. برای رفع این مشکل، کد iframe را واکنشگرا کنید. در بخش تنظیمات المنتور یا در کد HTML، یک div با کلاس سفارشی برای iframe تعریف کنید و با CSS زیر ارتفاع را کنترل کنید:
.responsive-video {
position: relative;
padding-bottom: 56.25%; /* نسبت 16:9 */
height: 0;
overflow: hidden;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
کد iframe ویدیو آپارات را داخل این div قرار دهید تا در موبایل بدون فضای اضافی نمایش داده شود.
سلام سوال منه اینه که ایا اینکار بهتره یا اینکه فقط لینک ویدیو رو بذاریم یعنی این روش روی هاست ما تاثیر داره یا روی هاست خود اپارات پخش میشه
سلام خدمت شما
اگر فقط لینک ویدیو رو بذاری، ویدیو از هاست آپارات پخش میشه و روی هاست خودت هیچ تاثیر منفی نمیذاره. ولی اگر بخوای خود ویدیو رو آپلود کنی روی هاستت، حجم زیادی از فضای هاست رو اشغال میکنه و ممکنه سرعت سایتت رو پایین بیاره. پس اگه سرعت سایت و بهینهسازی برات مهمه، بهترین کار همون لینک گذاشتن از آپاراته.
سلام وقت بخیر. مشکل من اینه که ویدیو در حالت افقی گوشی به صورت کامل نیست.
یعنی از هر جهت انگار چند سانتیمتری دیده نمیشه
سلام وقت بخیر
به صورت کد میتونید تغییر دهید و سفارشی کنید
video {
width: 100%;
height: auto;
object-fit: contain; /* یا object-fit: cover در صورت نیاز */
}
سلام چرا وقتی لینک آپارات و میزارم ویدئو برام لود نمیشه؟؟ ولی وقتی از یوتیوب استفاده میکنم لود میشه حتی وی پی ان هم نزدم که آپارات مشکل بگیره
سلام وقت بخیر
مجدد تست شد با این روشی که گفتیم این مشکل را مشاهده نکردیم شاید مشکل از اینترنت شماست
سلام در قسمت پلی لیست ویدیو چطور میتونیم ویدیو از آپارات فراخوانی کنیم؟
سلام وقت بخیر
متاسفانه سازگاری ندارد و باید دستی از ویجت تب استفاده کنید .
سلام وقت به خیر
چطور میشه ارتفاع ویدیو رو کاهش داد که هم اندازه صفحه نمایشگر بشه؟
سلام وقت شما به خیر
من با استفاده از روشی که گفتید، ویدئو رو بر در سایت قرار دادم، ولی مشکلی که وجود داره اینه که در موبایل ویدئو به صورت نامنظم در سایت قرار میگیرد، به این صورت که ویدئو بر روی متن های موجود در ان صفحه قرار میگیرد، دلیل این موضوع چیست؟
یا وقتی که چند ویدئو را پشت سر هم قرار میدهیم، این ویدئو ها در صفحه موبایل با هم تلاقی دارد.
سلام درود بر شما از ویجت جدا کننده بین آنها استفاده نمایید
سلام دیگه نیازی به هاست دانلود نیست؟
برای آپارات قطعا خیر
یعنی از ویدیو های دیگران استفاد کنیم برای سایت مون؟
این غیرقانونی نیست؟
سلام از ویدیو دیگران میتونید استفاده نکنید و ویدیو های صفحه خودتان را قرار دهید .
البته هر کسی که در آپارات ویدیو قرار می دهد دوست داره ویدیو های خودشان بازدید زیاد بخوره پس بنابراین برای آن ها تفاوتی ندارد که شما استفاده نمایید و یا خیر
سلام
من مراحل رو انجام دادم. ویدیو در قسمت ویرایشگر المنتور نمایش داده میشه و به درستی کار می کنه.
اما در موبایل و کامپیوتر هیچ چیز نشون نمیده. (وقتی وارد حساب کاربری سایت نیستم و به عنوان مهمان سایت رو بازدید می کنم)
در چند سیستم و موبایل امتحان کردم.
لطفا راهنمایی کنید.
ممنونم
سلام وقت بخیر
زمانی که شما این کد را در سایت به درستی قرار میدید و روی موبایل فقط نمایش نده علت از سایت شما نیست چون ویدیو رو از سرور آپارات می خونه
سلام چطور میتونم کاروسل کنم ویدیو آپارات
سلام خدمت شما
المنتور بزودی قابلیتی رو ایجاد میکنه که بتوانید کاروسل های سفارشی ایجاد کنید که میتوانید از کد های آپارات در آن قسمت استفاده نمایید .
سلام من توی المنتور ویدئو از اپارات میزارم با امبد کد ای فریم
اما مسئله اینه بعضی وقتا اون ویدئو لود نمیشه تو وب سایت من
علت چیه؟
سلام وقت بخیر
در حالت کلی نباید اخطاری بدهد احتمالا مشکل از سمت اینترنتی هستش که استفاده می کنی معمولا آپارات بیشتر ای پی های خارجی رو بسته احتمال داره برای همین باشه بازم باید سایتتون بررسی بشه
سلام بسیار عالی بود تشکر من ویدیو اضافه میکردم لینک ففیلم از اپارت میزذاشتم نمایش نمیداد کلیک که میکردم ارجاع میداد به سایت اپارات
سلام وقت بخیر
مراحل را به درستی انجام نداده اید .چون این روش الان هم کار میکند
سلام. ممنون از آموزش. چطور میشه گوشه ویدیو ها رو گِرد کرد ؟
سلام وقت بخیر
در ابتدا از طبق آموزش از ویجت HTML استفاده نمایید و کد آپارات را قرار دهید و برای این ویجت HTML کلاس مثلاً es-style را انتخاب نمایید و در قسمت کد CSS قالبتون کد زیر را وارد نمایید .
.es-style iframe{
border-radius: 25px !important;
background-color: white !important;
}
زمانی که در کد border-radius: 25px عدد 25 را افزایش دهید گردی هم افزایش داده خواهد شد .
موفق باشید
سلام وقت بخیر چطور میتونم صفحات اموزشی رو مثل سایت شما طراحی کنم ؟
سایت من یه سایت گالری نقاشی هست، 2 نوع محصول قابل فروش داره، یدونه دوره های اموزشی به شکل ویدیو و دیگری بصورت تابلو نقاشی
من میخوام در صفحه دوره یک ویدیو دمو قرار بدم و بعد پرداخت هزینه، کل ویدیو ها قابل دانلود برای کاربر بشن.
میخوام صفحه معرفی دوره یچیزی شبیه *********** یا سایت شما باشد
خود learnDash ی طراحی ساده بهمون میده ک مد نظرم نیست
سلام وقت بخیر
تمامی قسمت های سایت با افزونه المنتور پرو و افزونه پاور پک طراحی شده است و شما میتوانید با استفاده از این 2 افزونه سایت خود را تکمیل نمایید .
موفق باشید
سلام وقت بخیر
ممنون عالی بود فقط مشکل اینجاست که در دسکتاپ نمایش میده اما در موبایل کد را نمایش می دهد
سلام وقت بخیر
احتمالا از کش مرورگر موبایل می باشد لطفا از یک مرورگر موبایل دیگه استفاده و تست کنید
سلام و عرض ادب
ممنونم بابت عالی بودنت
چطوری می تونیم با ویجت پلی لیست ویدیوی اپارات رو فراخوانی کنیم؟
این سایت این کار کرده (https:// digiwallet .shop/)
سلام دوست من سایت فوق از جت تب استفاده کرده که میتوانی از لینک زیر دانلود کنید .
افزونه جت تب اورجینال
عالی ممنون از شما
سلام ممنون از شما و اینکه وقت گذاشتید کامنت پرانرژی برای ما گذاشتید .
موفق باشید
سلام ممنون چه قدر آسون بود این همه دگیر بودم
مرسی
سلام دوست من
خوشحالیم که مورد پسند شما قرار گرفت 🙂