وسط چین کردن فیلم ها در وردپرس با کد نویسی CSS

وسط چین کردن فیلم ها در وردپرس با کد نویسی CSS

نمایش ویدئو در وب‌سایت یکی از جذاب‌ترین و مؤثرترین روش‌ها برای جلب توجه کاربران است. اگر از سیستم مدیریت محتوای وردپرس استفاده می‌کنید، خوشبختانه این سیستم به‌صورت کامل از قابلیت نمایش ویدیو پشتیبانی می‌کند. شما می‌توانید با قرار دادن ویدیوهای مرتبط در صفحات سایت خود، تعامل کاربران را افزایش دهید و تجربه کاربری بهتری ارائه دهید.

تأثیر ویدیو بر سئو و افزایش بازدید

استفاده از ویدیو نه تنها باعث جذاب‌تر شدن صفحات سایت می‌شود، بلکه تأثیر بسیار زیادی در بهبود سئو نیز دارد. زمانی که کاربران زمان بیشتری را در سایت شما صرف تماشای ویدیو کنند، نرخ ماندگاری (Dwell Time) بالا می‌رود که این موضوع یکی از فاکتورهای مهم در رتبه‌بندی سایت‌ها در گوگل است. همچنین این کار باعث افزایش اعتماد کاربران به برند شما می‌شود.

نمایش درست ویدیو در وردپرس ؛ چرا وسط‌چین کردن مهم است

اگرچه قرار دادن ویدیو در وردپرس ساده است، اما یکی از نکات مهمی که باید به آن توجه کنید، وسط‌چین کردن ویدیو در صفحه است. اگر ویدیو در موقعیت درستی از صفحه قرار نگیرد، ممکن است ظاهر سایت شما را غیرحرفه‌ای جلوه دهد و تأثیر منفی روی تجربه کاربران داشته باشد.

برای وسط‌چین کردن ویدیو، می‌توانید از روش‌های ساده‌ای استفاده کنید. یکی از راه‌های متداول، استفاده از تگ‌های HTML یا کدهای CSS مخصوص برای تراز وسط است که در ادامه مقاله‌های آموزشی میهن آکادمی به آن خواهیم پرداخت.

مزایای استفاده از ویدیو در سایت

• افزایش تعامل کاربران: ویدیو باعث درگیر شدن بیشتر کاربران با محتوای شما می‌شود.
• بهبود سئو: کاربران بیشتر در سایت می‌مانند و این یک سیگنال مثبت به گوگل است.
• افزایش فروش و تبدیل: ویدیو می‌تواند به معرفی بهتر محصولات یا خدمات شما کمک کرده و نرخ تبدیل را افزایش دهد.
• جلوه حرفه‌ای‌تر به سایت: با طراحی صحیح و وسط‌چین کردن ویدیوها، سایت شما ظاهری جذاب‌تر خواهد داشت.
• درک بهتر محتوا: توضیح یک مفهوم با ویدیو می‌تواند بسیار مؤثرتر از یک متن ساده باشد.

نحوه تراز کردن ویدیو در وسط صفحه سایت وردپرسی

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

روش ساده : استفاده از لینک ویدیو

بهترین و آسان‌ترین راه این است که به‌جای استفاده از کدهای embed (کدهای جاسازی ویدیو)، لینک ویدیوهای پلتفرم‌هایی مثل YouTube یا Vimeo را مستقیماً در ویرایشگر وردپرس (بخش متن یا دیداری) وارد کنید ، وردپرس به‌صورت خودکار این لینک‌ها را تشخیص می‌دهد و ویدیو را به‌صورت ریسپانسیو (متناسب با عرض محتوای شما) و وسط‌چین شده نمایش می‌دهد.

روش پیشرفته‌تر : استفاده از کد HTML

با این حال، در برخی موارد نیاز است که از کدهای جاسازی‌شده (Embed Code) برای ویدیوها استفاده کنید؛ مخصوصاً زمانی که می‌خواهید کنترل بیشتری روی ابعاد، تراز و ظاهر ویدیو داشته باشید ، در چنین شرایطی، کافیست یک قطعه کد HTML ساده به اطراف کد ویدیو اضافه کنید تا بتوانید آن را در وسط صفحه تراز کنید. برای این کار باید از تب «متن» (یا HTML) در ویرایشگر وردپرس استفاده کنید.

کد نمونه برای وسط‌چین کردن ویدیو :

<div style="text-align: center;">
  <!-- کد ویدیو را اینجا قرار دهید -->
  <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</div>

تگ <div style=”text-align: center;”> باعث می‌شود که محتوای درون آن (در اینجا iframe ویدیو) به‌صورت افقی در وسط صفحه قرار بگیرد و در ضمن می‌توانید ابعاد ویدیو را به دلخواه تنظیم کرده یا از کدهای ریسپانسیو استفاده کنید.

استفاده صحیح از این روش‌ها باعث می‌شود ظاهر ویدیوهای سایت شما حرفه‌ای‌تر باشد و تأثیر مثبتی بر تجربه کاربری و حتی سئو سایت داشته باشد.

به همین راحتی شما می توانید ویدیو های قرار داده شده در سایت خود را وسط چین کنید ، موفق و پیروز باشید.