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





پلتفرم رپورتاژ آگهی و بک لینک تسمینو
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

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

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

 

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

 

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

 

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

 

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

 

background-size:cover;

 

موفق باشید

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , آموزش ها , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27822
کلمات کلیدی پست :
مطالب مرتبط
19,588افزونه ایجاد صفحه : در حال بروزرسانی هستیم + آموزش تاریخ : 2014/10/19
7,600آموزش رفع خطای Missing a temporary folder در وردپرس تاریخ : 2019/07/4
17,649افزونه پاپ آپ نینجا برای وردپرس نسخه 3.6.3 تاریخ : 2014/11/22
15,858ساخت صفحه Coming Soon با افزونه وردپرس تاریخ : 2014/05/20
28,080افزونه فوق امنیتی وردپرس Defender Pro نسخه 2.2.6 تاریخ : 2020/02/20
11,068صفحه بندی مطالب در وردپرس تاریخ : 2015/01/5
7,464آموزش افزایش امنیت صفحه ورود وردپرس تاریخ : 2019/07/7
17,115دانلود پوسته چند منظوره CargoPress فارسی نسخه 1.12.4 تاریخ : 2020/02/3
7,296خطای با عرض پوزش، این نوع پرونده به دلایل امنیتی مجاز نیست. در وردپرس تاریخ : 2019/10/1
9,744عبارت “rel=”noopener به چه معناست ؟ تاریخ : 2020/05/26
10,508افزونه وردپرس کوتاه کردن لینک مطالب Pretty Link Lite تاریخ : 2017/04/3
7,324فعال کردن بروزرسانی خودکار وردپرس تاریخ : 2019/04/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file