• آموزش ساخت سایت و رساندن آن به درآمد

قرار دادن عکس در پس زمینه سایت بدون افزونه

قرار دادن عکس در پس زمینه سایت

قرار دادن عکس در پس زمینه سایت

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

و اما چگونگی انجام اینکار…

برای اینکار باید کد های css را روی body قالب سایتتان اجرا کنید. پس کد را بصورت زیر به استایل قالب که در وردپرس همان style.css هست کپی می کنیم.

در صورتی که می خواهید تصویر در پس زمینه تکرار شود. مثلا از یک پترن استفاده کرده اید. no-repeat را به repeat تغییر دهید.

در قسمت آدرس عکس شما باید آدرس تصویرتون رو قرار بدید.

یک نکته: برای تمام صفحه کردن تصویر کد زیر رو به Css بالا اضافه کنید:

به همین راحتی 😀

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

آنلاین یاد بگیرید

نظرات کاربران

  1. 5 بهمن 1396 ساعت 21:30

    سلام خسته نباشید،ببخشید من تو یه قسمت سایتم به عنوان پس زمینه یه ویدئو قرار دادم اما زمانی که پخش میشه باعث میشه نوشته ها و عکسهای روش خوب دیده نشن،من میخوام یه کاری کنم که اون ویدئو کمی محو بشه انگار متمایل به سفید بشه که اون نوشته ها دیده بشن،چطور این کارو انجام بدم،باید opacity بزارم جایی؟میشه کدی چیزی بهم بگین

    • رضا حسینی راد
      5 بهمن 1396 ساعت 23:16

      درود. باید opacity بذارید اگر قالب این امکان رو داره خودش قابلیت opacity هم داره اگر نه باید کدنویسی کنید

      • 6 بهمن 1396 ساعت 00:13

        ممنون قالب بی تم هست میشه دقیقتر راهنمایی بفرمایید کجا و کدو چطور بنویسم؟من خیلی وارد نیستم،ممنونم

        • رضا حسینی راد
          6 بهمن 1396 ساعت 10:31

          باید کدنویسی بلد باشید کار چندان آسانی نیست. میتونید از پکیج آموزش طراحی سایت استفاده کنید یا به بخش طراحی سایت بسپارید. تلگرام @mihanwp_design

  2. 13 خرداد 1396 ساعت 19:26

    با سلامسوال دوم بندهشما برای ای نماد ادرسی که در سایت گذاشتید و ادرسی که به ای نماد دادید یکی بوده؟

  3. 13 خرداد 1396 ساعت 19:24

    با سلامبنده این متن را در قالبم کپی کردم و حتی جای body {    margin: 0;} هم گذاشتم اما هیچ تغییری نمی کند لطفا کمک کنید.لطفا سایت بنده را ببینید تا متوجه منظورم بشید. هر کاری می کنم صفحه اصلی تماما سفید است و اصلا هیچ کادری هم نداردfekrkonim.comلطفا به ایمیلم پیام بدید

  4. 4 مهر 1395 ساعت 14:48

    سلام ببخشید در من در لوکال هاست این کار رو انجام دادم و درست شد اما در هاست ادرس url رو که وارد میکنم هیچ اتفاقی نمیوفته کلا آدرس url هم اینجا و هم برای فونت عمل نکرد و درواقع  دقیقا نمیدونم آدرس url در هاست چه میشود  ممنون میشم بهم بگید مشکل کارم کجاست؟!

    • رضا حسینی راد
      5 مهر 1395 ساعت 09:44

      سلام آدرس رو نباید بصورت http بدید. آدرس رو بصورت پوشه بدید مثلا images/ax.png

enamad