تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

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

آموزش ها , مقالات,آموزش,ترفند , وردپرس

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

 

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

 

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

 

body{
&background:url(img url) no-repeat
}

 

به جای img url در کد بالا ،‌ آدرس عکس یا پترن سایت خود را وارد نمایید .
در صورتی که قصد دارید به جای استفاده از تصویر از پترن و بک گراند استفاده کنید ، کلمه ی no-repeat را به repeat تغییر دهید تا به صورت مرتب تکرار شود . همچنین برای تمام عرض کردن تصویر یا بمگراند خود می توانید کد زیر را بعد از کد های بالا اضافه نمایید .

 

background-size:cover;

 

موفق باشید

دانلود


هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27822
کلمات کلیدی پست :
مطالب مرتبط
3,484انتقال فایل های وردپرس از زیر دامنه به دامنه اصلی تاریخ : 2018/07/14
10,414دانلود قالب عروسی moreno برای وردپرس تاریخ : 2013/11/22
11,843افزونه وردپرس ساخت گالری با طرح کاشی Final Tiles نسخه 3.3.14 تاریخ : 2017/11/1
2,540تغییر نامک downloads در افزونه Easy Digital Downloads تاریخ : 2020/04/29
4,934افزونه رزرواسیون و زمانبندی وردپرس Bookly نسخه ۶.۱ تاریخ : 2015/05/22
15,847دانلود قالب وردپرس موزیک و فیلم یو فور دی ال تاریخ : 2015/03/4
14,509افزونه اشتراک گذاری مطالب در واتس آپ برای وردپرس تاریخ : 2015/05/4
2,748آموزش لینک کردن نوشته و برگه به آدرس دلخواه در وردپرس تاریخ : 2019/07/7
6,502افزونه پرداخت آنلاین ووکامرس پارسی سیستم پارس پال تاریخ : 2014/06/22
3,004پوسته مجله خبری The League برای وردپرس تاریخ : 2018/09/28
1,872دانلود قالب دایرکتوری و کاریابی Wyzi برای وردپرس تاریخ : 2019/11/21
4,599آموزش افزودن اموجی ( شکلک ) در وردپرس تاریخ : 2017/11/28
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات