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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

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

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

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

 

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

 

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

 

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
کلمات کلیدی پست :
مطالب مرتبط
11,680وردپرس چه تاثیری در سئو سایت دارد تاریخ : 2019/07/24
6,708آموزش تغییر پسورد وردپرس از طریق داشبورد تاریخ : 2019/08/28
39,588افزونه فرم ساز پیشرفته وردپرس Formidable Forms Pro نسخه 6.9.2 + افزودنی ها تاریخ : 2024/05/30
9,600افزونه فرم ساز وردپرس Form Builder تاریخ : 2018/04/11
75,903افزونه وردپرس آموزشگاه مجازی LearnDash نسخه 3.4.0.7 به همراه افزودنی ها تاریخ : 2021/04/22
9,040خطای Mixed Content – Your Connection is not secure و روش حل آن تاریخ : 2019/11/9
12,681افزونه وردپرس سکوریتی نینجا Security Ninja PRO تاریخ : 2024/06/8
11,788پوسته فروشگاهی و چندفروشندگی Marketo برای ووکامرس تاریخ : 2018/09/20
33,300دانلود و معرفی 23 قالب رایگان وردپرس تاریخ : 2016/03/25
16,952شخصی سازی صفحه خوش آمدگویی وردپرس با افزونه Divi Dashboard Welcome تاریخ : 2018/07/27
14,522غیرفعال کردن ویرایش قالب و افزونه در پیشخوان وردپرس تاریخ : 2017/09/6
17,208افزونه بهینه سازی سایت برای جستجوی محلی تاریخ : 2015/01/14
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب