آموزش وسط چین کردن ویدئو در سایت های وردپرس

به وسط چین کردن ویدئو در سایت وردپرس فکر می کنید؟ به صورت پیش فرض، اگر عرض ویدئوی شما کمتر از عرض مقاله در سایت باشد، وردپرس به صورت خودکار ویدئو را چپ چین کرده و فضای خالی را در سمت راست آن باقی میگذارد. در این مطلب میخواهیم به شما نشان دهیم که چگونه می توانید اقدام به وسط چین کردن ویدئو در سایت وردپرس خود بکنید.

چرا باید ویدئوهای سایت خود را وسط چین کنیم؟

به صورت پیش فرض، وقتی که شما ویدئویی را در سایت وردپرس خود قرار میدهید این ویدئو به صورت خودکار در سمت چپ قرار میگیرد. علت آن این است که ویدئوها محتوای خارجی هستند که در محتوای شما قرار گرفته اند، بدین ترتیب وردپرس در حدس این موضوع که شما چگونه میخواهید این ویدئوها نمایش داده شوند عاجز است.

از همین رو سعی می کند به صورت خودکار آن را در سمت چپ محتوا قرار داده و تنظیم محل قرارگیری آن را به شما واگذار می کند.

ما به شما توصیه نمیکنیم که ویدئوهای خود را به صورت مستقیم در سایت وردپرس خود آپلود کنید، اما همین اتفاق برای ویدئوهای آپلود شده ای که عرض آنها کمتر از عرض محتوای سایت شما است نیز می افتد.

چگونگی وسط چین کردن ویدئو در وردپرس

اگر میخواهید ویدئوی مورد نظر شما عرض محتوایی که میخواهید در آن از این ویدئو استفاده کنید را پر کند، بهترین راه اضافه کردن اضافه کردن آدرس ویدئوی مذکور از YouTube یا قرار دادن کد مربوط به آن از سایت آپارات در ویرایشگر است.

اما بعضی اوقات به دلیل یا دلایلی، ممکن است مجبور به استفاده از کد embed باشید. در چنین شرایطی، باید کدهای HTML را نیز به کد embed خود اضافه کنید.

ابتدا شما باید ویرایشگر خود را روی تب “متن” قرار دهید. بعد از آن شما باید کد زیر را به کد embed ویدئوی خود اضافه کنید:

<div style="text-align:center;">
/// محل قرارگیری کد embed ویدئوی شما
</div>

شما حالا می توانید تغییرات خود را ذخیره کرده و برگه/پست مورد نظر را مشاهده کنید. مشاهده خواهید کرد که ویدئوی مذکور به خوبی وسط چین شده است.

راه دیگر برای انجام این کار افزایش عرض ویدئو آن هم به صورت دستی است تا هم عرض محتوای مذکور شود. برای پیاده کردن این روش، شما تنها کافی است مقدار width در کد embed خود را تغییر دهید:

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

اگر ویدئوی خود را مستقیما در سایت آپلود می کنید، می توانید عرض آن را با استفاده از شورت کد مربوط به ویدئو که استفاده می کنید، افزایش دهید.

بعد از وارد کردن ویدئوی مذکور با استفاده از بخش افزودن رسانه در ویرایشگر، ویرایشگر را روی حالت “متن” قرار داده و مقدار width در شورت کد مذکور را افزایش دهید:

[ video width="720" height="360" mp4="http://example.com/wp-content/uploads/2018/03/your-vide.mp4"][ /video ]

*فاصله های ایجاد شده در شورت کد بالا به منظور عدم تداخل در پست ایجاد شده است.

پایان