خرید ارزدیجیتال تبلیغات
حراجی دامنه های ویژهمشاهده
اپوفایننس

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

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

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

 

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

 

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

 

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
کلمات کلیدی پست :
مطالب مرتبط
10,071ابزارک میکروبلاگ دنبالر برای وردپرس تاریخ : 2014/06/24
13,041اجراي کد PHP در نوشته هاي وردپرس تاریخ : 2016/07/24
20,752افزونه وردپرس صفحه ساز فارسی Elementor تاریخ : 2017/07/14
9,893ذخیره اطلاعات ارسالی فرم تماس در پیشخوان با افزونه Contact Form Submissions تاریخ : 2017/05/29
5,660پوسته مجله خبری Vmagazine برای وردپرس تاریخ : 2018/09/17
26,774افزونه فارسی صفحه در دست ساخت Maintenance PRO نسخه 3.6.0 تاریخ : 2018/01/19
5,028چرا گوگل سایت رو ایندکس نمی‌کنه؟ دلایل و روش‌های حل مشکل تاریخ : 2019/09/13
8,276دانلود قالب چندمنظوره Cumulo برای وردپرس تاریخ : 2018/10/30
5,740لینک کردن اتوماتیک وردپرس به اکانت توییتر تاریخ : 2019/01/1
9,174افزونه وردپرس Extended Tags Widget نسخه 1.2.3 تاریخ : 2015/05/7
19,852افزونه وردپرس دریافت اطلاعات از IMDb نسخه 2.0.1 تاریخ : 2015/07/27
7,896قابلیت آپدیت خودکار، وردپرس ایران را متحول کرد! تاریخ : 2019/01/10
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file