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

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

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

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

 

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

 

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

 

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

 

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

 

background-size:cover;

 

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
هاست وردپرس پرسرعت لیموهاست - آپ تایم 99% - مخصوص وردپرس خرید هاست >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27822
کلمات کلیدی پست :
مطالب مرتبط
3,968آموزش غیرفعال کردن حساب کاربران در وردپرس تاریخ : 2019/06/26
2,924راهنمای انتخاب قالب وردپرس مناسب تاریخ : 2021/02/1
7,032افزونه سفارشی سازی قالب وردپرس Livemesh SiteOrigin Widgets Pro تاریخ : 2018/07/7
6,892نمایش دسته بندی های بدون پست در وردپرس تاریخ : 2017/09/14
16,690افزونه جستجوگر پیشرفته وردپرس SearchWP + افزودنی ها تاریخ : 2020/07/19
7,933ساخت پنجره های پاپ آپ در وردپرس با افزونه Simple Popup Manager تاریخ : 2017/08/25
6,681افزونه وردپرس سکوریتی نینجا Security Ninja PRO تاریخ : 2017/06/16
8,478قالب زیبای رویت آندروید برای وردپرس تاریخ : 2014/04/29
25,624دانلود قالب فروشگاهی virtue فارسی برای وردپرس تاریخ : 2015/05/15
21,473افزونه ساخت تایم لاین در وردپرس Cool Timeline Pro نسخه 2.7 تاریخ : 2017/12/10
7,723جلوگیری از کپی تصاویر در وردپرس تاریخ : 2017/09/2
7,381نمایش برگه های مرتبط در وردپرس تاریخ : 2017/09/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات