ساخت پلی لیست ویدیو در المنتور
ساخت پلی لیست ویدیو در المنتور موضوع بحث این جلسه ما در دوره آموزش جامع المنتور است شما در این جلسه یاد می گیرید با استفاده از المان Video Playlist یک لیست ویدیو بسیار کاربردی ایجاد کنید و در بخش های موردنیاز سایت خودتون استفاده کنید در واقع پلی لیست یکی از المان های فوق العاده المنتور است که در بسیاری از سایت ها موردنیاز است مثلاً در سایت های آموزشی خیلی از پلی لیست ویدیو استفاده می شود در ادامه یک نمونه پلی لیست مشاهده می کنید که ما در سایت کیت وردپرس استفاده کردیم که در این جلسه نحوه طراحی آن را آموزش خواهیم داد.
خلاصه این مطلب:
Toggleآموزش ساخت پلی لیست ویدیو در المنتور
تصویر بالا یک نمونه پلی لیست است که با استفاده از المان video playlist المنتور طراحی کردیم شما به همین راحتی در عرض چند دقیقه می تونید یک چنین پلی لیست حرفه ای رو طراحی کنید برای ساخت چنین پلی لیستی وارد بخش المان های پرو المنتور شوید و المان Video Playlist رو داخل صفحه درگ کنید
بعد از اینکه المان ویدیو پلی لیست رو اضافه کردید می تونید از بخش محتوا به تعداد نیاز آیتم های خود را اضافه کنید در اینجا آیتم های ما ویدیوهایی می شود که در سمت چپ نمایش داده می شود شما می تونید به تعداد دلخواه ویدیوهای خود را اضافه کنید اگر ویدیوهای شما بیش از ارتفاع پلیر باشد اسکرول در کنار ویدیوها نمایش داده می شود و کاربران با اسکرول کردن به راحتی می توانند به ویدیوها دسترسی داشته باشند.
نمایش ویدیوهای هاست در پلی لیست المنتور
شما به دو طریق می تونید ویدیوهای خود را در پلی لیست به نمایش بگذارید روش اول استفاده از یوتیوب است که زیاد در ایران کاربردی نیست پس می رویم سراغ روش دوم که استفاده از لینک هاست است یعنی شما ویدیوهای خود را در هاست خود بارگذاری می کنید و سپس لینک آن را کپی می کنید و در پلی لیست استفاده می کنید
تصویر بالا گزینه های مربوط به یک آیتم را نمایش می دهد در بخش type شما باید نوع منبع خود را انتخاب کنید که شما باید روی Self hosted تنظیم کنید و سپس لینک ویدیویی که در هاست خود آپلود کردید رو در فیلد پایین تر قرار دهید حتماً حواستون به لینک ویدیو باشه که به درستی در پلی لیست اضافه شود.
تب های پلی لیست المنتور
اگر در تصویر بالا در بخش آخر دقت کنید ما یک گزینه به نام Contents Tabs داریم که اگر فعالش کنید دوتا تب در بخش پایین پلی لیست اضافه می شود که مربوط به توضیحات هر ویدیو در پلی لیست است یعنی با این قابلیت شما می تونید در بخش توضیحات هر ویدیو یکسری متن، تصویر، و ویدیوهای دیگر اضافه کنید این اگر داخل محتوای تب ها خالی باشد نمایش داده نخواهد شد. حالا شاید براتون سوال باشه از کجا عنوان تب هارو تغییر دهیم که در ادامه آموزش ساخت پلی لیست ویدیو در المنتور توضیح خواهم داد.
همونطور که در تصویر بالا مشاهده می کنید ما در تب محتوا این المان یک بخشی به نام Tabs داریم که مربوط به دوتا تبی می شود که برای پلی لیست نمایش داده می شود شما می تونید از این بخش عنوان تب هارو مانند تصویر بالا تغییر دهید البته باید دقت داشته باشید که این تب ها فقط برای ویدیوهایی نمایش داده خواهد شد که از بخش آیتم ها گزینه تب فعال باشد.
چه زمانی ساخت پلی لیست ویدیو در المنتور کاربردی است؟
اگر سایت شما یک سایت فروشگاه فیزیکی است یعنی محصولات فیزیکی ارائه می کنید این المان زیاد برای شما کاربردی نیست مگر در مواقع بسیار خاص اما در سایت های آموزشی زیاد استفاده می شود مثلاً اگر شما یک دوره دارید و قصد دارید دوره رو به شکل پلی لیست به کاربران نمایش دهید می تونید این کار رو انجام دهید یا مثلاً بسیاری از سایت ها اگر دقت کرده باشید یک ویدیو پلی لیست در صفحه اصلی دارند و آخرین آموزش های ویدیویی یا رخدادهای خود را به صورت ویدیو در پلی لیست برای کاربران منشتر می کنند تا کاربران از آخرین رویدادهای سایت باخبر شوند.
خلاصه ساخت پلی لیست ویدیو در المنتور
در جلسه ساخت پلی لیست ویدیو در المنتور نحوه ساخت پلی لیست ویدیو در المنتور رو یاد گرفتیم الان شما می تونید با استفاده از این المان در صفحه اصلی یا صفحات دیگر یک پلی لیست کاربردی اضافه کنید قبل از همه چیز ویدیو آموزشی این جلسه رو حتما مشاهده کنید چون بسیاری از جزئیات کار با المان ویدیو پلی لیست در فیلم آموزشی توضیح داده شده است نکته دیگری که وجود داره این هست که سعی کنید در صفحه اصلی از این المان زیاد استفاده نکنید چون باعث کندی لود وبسایت شما خواهد شد اما در صفحات دیگر مشکلی ندارد.
درباره اسحاق شفایی
اسحاق شفایی مدیر وبسایت کیت وردپرس و دانشجوی کارشناسی ارشد Computer Science در دانشگاه پادوا ایتالیا هستم. چندین سال است که در حوزه وب فعالیت می کنم و تخصص اصلیم توسعه وب هست همچنین بعد از یادگیری علاقه زیادی به آموزش دادن دارم.
سایر نوشته های اسحاق شفاییمطالب زیر را حتما مطالعه کنید
معرفی بهترین سایت برای افزایش ممبر ایتا با قیمت مناسب
تگ p در html چیست؟
بهترین آموزش طراحی سایت با وردپرس کدنویسی
اضافه کردن دکمه آپلود رسانه در وردپرس با کدنویسی
نصب نرم افزار vs code و ساخت فایل html
آموزش تولید محتوا | تولید محتوا برای سایت
10 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
دیدگاهتان را بنویسید لغو پاسخ
برای نوشتن دیدگاه باید وارد بشوید.
سلام خدا قوت. سپاس بابت آموزشهای کاربردی و ارزشمند شما. من یک سوال راجع به این جلسه دارم. من یک برگه باعوان دانلودها برای سایتم درست کردم و با روش آموزش داده شده در این ویدیو داخل آن پلی لیست ساختم.ولی وقتی در سایت نمایش داده میشه سمت راست صفحه سفید هست و سمت چپ لیست ویدیوها و باید کاربر رو اولین ویدیو سمت چپ کلیک کنه تا در صفحه سمت راست دیده بشه. در حالیکه تو ویدیو شما از اول در سمت راست اولین ویدیو بصورت پیش فرض هست و کاربر وقتی صفحه را می بینه سمت راست اولین ویدیو هست و سمت چپ پلی لیست. من این مشکل را درخصوص پلی لیست خودم چطور باید حل کنم؟ ممنون میشم راهنمایی بفرمایید. سپاس
سلام و درود این مشکل گاهی اوقات پیش میاد دوباره یک جای دیگه یک پلی لیست بسازید ببینید هنوز مشکل هست یا خیر بخش فرانت رو هم چک کنید شاید فقط در قسمت ویرایشگر المنتور اینطور نمایش داده میشه
سپاس بابت وقتی که گذاشتید و راهنمایی ارزشمندتون. اتفاقا در قسمت ویرایشگر المنتور درست هست. در صفحه اصلی که به کاربر نمایش داده می شود، این مشکل وجود دارد
پس احتمالا یک جایی از کدهای css تداخل دارند باهم
سلام
من از این قابلیت در صفحه اصلی سایت استفاده کردم و همه چیز به درستی کار می کنه.
اما وقتی صفحه رو بارگذاری میکنم بجای اینکه صفحه از ابتدا بیاد میره از قسمت ویدیو ها میاد.(از وسط صفحه سایت باز میشه و با موس باید بری ابتدای سایت.
ممکنه راهنمایی کنین؟
سلام و درود بله این یک باگی هست که این المان داره و فعلا برطرف نشده
ممنون از پاسخ
جاگزینی هست؟
از افزونه های مشابه مانند jwplayer می تونید استفاده کنید
سلام و عرض ادب. ایا با این روش میشه ویدیویی که توی اپارات اپلود کردیم رو هم نمایش بدیم؟ با تشکر
سلام و درود خیر متاسفانه