آموزش تغییر بک گراند صفحه لاگین وردپرس | ویدئو در بک گراند

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

توجه کنید در این آموزش قرار نیست از افزونه استفاده کنیم، یعنی افزونه مناسبی برای اینکار پیدا نکردم و به همین دلیل میخوام بصورت دستی بهتون آموزش بدم که چگونه در کمتر از 1 دقیقه این تغییرات را اعمال کنید !

مرحله اول – ورود به هاست

خب ابتدا وارد هاست سایت شوید و وارد پوشه public_html شوید.

مرحله دوم – ویرایش فایل wp-login.php

بعد از اینکه این فایل را پیدا کردید، حالا بر روی edit کلیک کنید تا ویرایشگر مربوط به این فایل برای شما باز شود.

مرحله سوم – جستجو تگ <head/>

کافیه Ctrl + f را از کیبورد بزنید و تگ <head/> را جستجو کنید.

مرحله چهارم – قرار دادن استایل

ابتدا کد استایل زیر را در بالای تگ <head/> قرار دهید.

<style>
/* code by @amirekeramati - instagram   */
#ak-video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
z-index:-9999;
}
</style>

یعنی کد شما باید بدین شکل بشه :

مرحله  پنجم – قرار دادن کد ویدئو

حالا نوبت به کد html ویدئو میرسد که این کد را اینبار بعد از تگ <head/> قرار میدهید :

<video autoplay muted loop id="ak-video">
  <source src="http://amirkeramati.ir/instagram/1.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

یعنی کد شما باید بدین شکل بشه :

و در نهایت فایل را ذخیره کنید !

حالا وارد صفحه لاگین وردپرس شوید و از نتیجه کار لذت ببرید !

چند نکته مهم :

• آدرس فایل ویدئو بصورت زیر در کد ویدئو قرار دارد :

http://amirkeramati.ir/instagram/1.mp4

میتوانید این فایل ویدئو را در هاست خود آپلود کنید و سپس آدرس آن را جایگزین آدرس بالا در سورس کد ویدئو کنید یا اینکه فایل ویدئو دلخواه خود را در هاست آپلود کرده و جایگزین آدرس بالا کنید تا ویدئو مورد نظر شما جایگزین شود.

• اگر تاکنون با فایلهای وردپرس کار نکردید، قبل از انجام هر کاری لطفا یکبار از صفحه wp-login.php یک کپی بگیرید که در صورت ایجاد مشکل ، بتوانید به حالت قبل برگردانید.
• اگر قصد استفاده از ویدئو دیگری را دارید، حتما حجم و زمان آنرا کاهش دهید و سپس در بک گراند قرار دهید تا با کاهش سرعت مواجه نشوید.