ترفند: وسط چین کردن ویدیو در وردپرس بدون نصب افزونه
- دسته بندی: مقالات آموزشی - کدهای وردپرس
- منتشر شده در تاریخ
وسط چین کردن ویدیو در وردپرس
آیا می خواهید ویدیو مرکزی را در وردپرس قرار دهید؟ به طور پیش فرض، اگر عرض ویدئو شما کمتر از منطقه مقاله شما باشد، سپس وردپرس به طور خودکار آن را به سمت چپ منتقل می کند و سمت چپ اضافی سفید را در سمت راست قرار می دهد. در این مقاله ما به شما نشان خواهیم داد که چگونه به راحتی ویدیو را در وردپرس قرار دهید.
به طور پیش فرض زمانی که یک ویدیو را در وردپرس قرار می دهید، به طور خودکار آن ویدئو در سمت راست ترازبندی و به نمایش گذاشته می شود. به طور کلی بهتر است ویدیوها به طور مستقیم در وردپرس آپلود نشوند. به این ترتیب، بگذارید ببینیم چگونه می توانید ویدیو را در وردپرس به هم متصل کنید یا آن را گسترده تر کنید تا در محتوای شما خوب به نظر برسد.
نحوه ترازبندی ویدئو در مرکز وردپرس
اگر می خواهید ویدئوی خود را درعرض منطقه محتویات خود پر کنید، بهترین راه این کار این است که به جای استفاده از قرار دادن کد فیلم ، یک ویدیو YouTube یا Vimeo را مستقیما در ویرایشگر پست اضافه کنید. به سادگی با وارد کردن URL، وردپرس به طور خودکار سعی می کند ویدیو را متناسب با ناحیه محتوا شما نمایش دهد.
با این وجود گاهی اوقات به دلیل یک یا چند مورد ممکن است لازم باشد از کد برای نمایش فیلم های خود استفاده کنید. در این مورد، شما باید تعدادی HTML ساده را در اطراف کد ویدیو اضافه کنید.
برای این کار، در نوشته یا برگه خود روی تب متن رفته و کد زیر را در کنار کد فیلم قرار دهید.
<div style="text-align:center;"> /// your video embed code goes here </div>
حال تغییرات خود را ذخیره کنید و پیش نمایش نوشته یا صفحه را مشاهده کنید. مشاهده میکنید ویدیوی شما به صورت منظم در مرکز ناحیه محتوا شما قرار گرفته است.
همچنین میتوانید عرض ویدئو خود را به صورت دستی افزایش دهید تا متناسب با ناحیه محتوا باشد. تنها با تغییر و یا افزودن پارامتر width در کد ویدئو این عمل امکان پذیر است.
<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
اگر ویدیو را به طور مستقیم در وردپرس آپلود کنید، می توانید با استفاده از شورتکد ویدیو عرض آن را افزایش دهید. پس از قرار دادن ویدیو خود با استفاده از رسانه آپلود پیش فرض وردپرس، در بخش ویرایشگر روی تب “متن” کلیک کیند و پارامتر width را در شورتکد ویدئو افزایش دهید.
موفق و پیروز باشید.
راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.
سلام و عرض ادب
بنده از افزونه Videojs HTML5 Player برای نمایش ویدئو استفاده می کنم
ویدئو ها در اپلود سنتر خودمون آپ می شن
هر کاری می کنم ویدئو وسط چین نمی شه
مطابق فرموده شما هم انجام دادم درست نشد
پهنای ویدئو رو می شه تغییر داد ولی ارتفاعش غیر قابل تغییره و واکنشی نداره
ادرس صفحه مربوطه رو زدم اگر راهنمایی کنید ممنون میشدم
درود شما باید به المنت ویدیو اصلی height:auto بدید
کد زیر را در نمایش=>ویرایشگر=> css اضافی قرار دهید تمام ویدوها در مرکز صفحه قرار می گیرند.
.wp-video {
text-align: center;
margin-left: auto;
margin-right: auto;
}
با تشکر از شما.
با سلام. چرا وقتی در ناحیه متنی کد ویدیو ، عرض آن را زیاد می کنیم ارتفاع ویدیو نیز تغییر می کند؟ خود وردپرس تناسب ویدیو داره؟
سلام
بله.