نحوه افزودن تصویر پس زمینه در وردپرس

آیا می خواهید یک تصویر پس زمینه به وب سایت وردپرس خود اضافه کنید؟

از تصاویر پس زمینه می توان برای جذابیت و زیبایی بیشتر وب سایت شما استفاده کرد.

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

اگر دستورالعمل های کتبی را ترجیح می دهید ، لطفاً به خواندن ادامه دهید.

روش 1. با استفاده از تنظیمات قالب وردپرس خود ، یک تصویر پس زمینه اضافه کنید

لس محبوب ترین تم های وردپرس با پشتیبانی پس زمینه سفارشی همراه باشید. این ویژگی به شما امکان می دهد به راحتی یک تصویر پس زمینه را در وب سایت وردپرس خود تنظیم کنید.

اگر خود را تم وردپرس از عملکرد پس‌زمینه سفارشی پشتیبانی می‌کند، توصیه می‌کنیم از این روش برای افزودن تصویر پس‌زمینه به وب‌سایت خود استفاده کنید.

با این حال، اگر شما تم وردپرس از این ویژگی پشتیبانی نمی‌کند، یا اگر روش پیاده‌سازی تصاویر پس‌زمینه را دوست ندارید، می‌توانید گزینه‌های دیگر ذکر شده در آموزش ما را امتحان کنید.

ابتدا باید از صفحه بازدید کنید ظاهر »سفارشی کنید در ادمین وردپرس شما با این کار Customizer راه اندازی می شود تم وردپرس که در آن می‌توانید تنظیمات مختلف این موضوع را در حین مشاهده پیش‌نمایش هم‌زمان تغییر دهید.

سپس باید روی گزینه 'کلیک کنیدتصویر پس زمینه" این پانل به بیرون کشیده می شود و گزینه های بارگذاری یا انتخاب تصویر پس زمینه برای وب سایت شما را نشان می دهد.

برای ادامه روی دکمه انتخاب تصویر کلیک کنید.

با این کار یک پنجره بازشو در وردپرس ظاهر می شود که می توانید تصویری از رایانه خود بارگذاری کنید. همچنین می توانید تصویری را که قبلاً از کتابخانه رسانه بارگیری شده است ، انتخاب کنید.

سپس باید پس از بارگذاری یا انتخاب تصویری که می خواهید در پس زمینه استفاده کنید ، بر روی دکمه Choose Image کلیک کنید.

با این کار پاپ آپ آپلود کننده رسانه بسته می شود و پیش نمایش تصویر انتخابی خود را در سفارشی سازی قالب وردپرس مشاهده خواهید کرد.

در زیر تصویر همچنین می توانید گزینه های تصویر پس زمینه را مشاهده کنید. زیر " از پیش تعیین شدهمی توانید نحوه نمایش تصویر پس زمینه را انتخاب کنید: پر کردن صفحه ، متناسب با صفحه ، تکرار یا سفارشی.

با کلیک روی پیکانهای زیر می توانید موقعیت تصویر پس زمینه را نیز انتخاب کنید. با کلیک بر روی مرکز ، تصویر تصویر را با مرکز صفحه هماهنگ می کند.

فراموش نکنید که روی دکمه «کلیک کنید» انتشار برای ذخیره تنظیمات این تمام ، شما با موفقیت یک تصویر پس زمینه را به وب سایت وردپرس خود اضافه کرده اید.

پیش بروید و از وب سایت خود دیدن کنید تا در عمل مشاهده کنید.

روش 2. با استفاده از یک افزونه ، یک تصویر پس زمینه سفارشی در وردپرس اضافه کنید

این روش بسیار انعطاف پذیرتر است. با هر قالب WordPress کار می کند و به شما امکان می دهد چندین تصویر پس زمینه را پیکربندی کنید.

همچنین می توانید پس زمینه های مختلفی را برای هر پست ، صفحه ، دسته یا هر بخش دیگری از وب سایت وردپرس خود تنظیم کنید.

این به طور خودکار تمام تصاویر پس زمینه شما را تمام صفحه و پاسخگو می کند. این بدان معنی است که تصویر پس زمینه شما به طور خودکار در دستگاه های کوچکتر تغییر اندازه می یابد.

اول از همه ، باید افزونه را نصب و فعال کنید پس زمینه تمام صفحه نرم افزار. برای جزئیات بیشتر ، به راهنمای گام به گام ما مراجعه کنید نحوه نصب افزونه WordPress.

پس از فعال سازی ، باید از صفحه بازدید کنید ظاهر »تمام صفحه BG تصویر برای پیکربندی تنظیمات افزونه.

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

سپس باید بر روی 'تنظیمات را ذخیره کنبرای ذخیره تغییرات خود اکنون آماده هستید تا تصاویر پس زمینه را به وب سایت وردپرس خود اضافه کنید.

جلو بروید و روی دکمه کلیک کنید اضافه کردن تصویر جدید در صفحه تنظیمات افزونه. با این کار به صفحه بارگیری تصویر پس زمینه می روید.

روی دکمه کلیک کنید "تصویر را انتخاب کنیدبرای بارگیری یا انتخاب یک تصویر. به محض انتخاب تصویر ، می توانید پیش نمایشی از تصویر را در زمان واقعی روی صفحه مشاهده کنید.

سپس باید نامی برای این تصویر تهیه کنید. این نام به صورت داخلی استفاده خواهد شد ، بنابراین می توانید از آن در هر مکان استفاده کنید.

در آخر ، باید مکانی را انتخاب کنید که می خواهید از این تصویر به عنوان تصویر پس زمینه استفاده شود.

Full Screen Background Pro همچنین به شما امکان می دهد تصاویر پس زمینه را برای کل وب سایت تنظیم کنید ، یا می توانید از بخشهای مختلف وب سایت خود مانند دسته ها ، بایگانی ها ، صفحه اصلی یا وبلاگ انتخاب کنید.

برای ذخیره تصویر پس زمینه خود ، ذخیره را فراموش نکنید.

با مراجعه به صفحه می توانید هر تعداد تصویر که می خواهید اضافه کنید ظاهر »تصویر تمام صفحه BG 

اگر چندین تصویر را برای استفاده در سطح جهانی تعریف کنید ، این افزونه نمایش داده می شود automatiquement تصاویر پس زمینه به عنوان نمایش پرده ای.

می توانید مدت زمان ناپدید شدن یک تصویر و زمانی که یک تصویر پس زمینه جدید ظاهر می شود را تنظیم کنید.

زمانی که وارد اینجا می شوید بر حسب میلی ثانیه است. اگر می خواهید پس زمینه پس از 20 ثانیه تصویر پس زمینه کم رنگ شود ، باید 20000 وارد کنید.

فراموش نکنید که روی دکمه کلیک کنید گزینه ها را ذخیره کنید برای ذخیره تغییرات خود

تصاویر پس زمینه برای پست ها ، صفحات و دسته ها

Full Screen Background Pro همچنین به شما امکان می دهد تصاویر پس زمینه را برای پست ها ، صفحات ، دسته ها ، برچسب ها و موارد دیگر تنظیم کنید.

فقط کافی است پست / صفحه ای را ویرایش کنید که می خواهید یک تصویر پس زمینه متفاوت نمایش دهد. در صفحه ویرایش مقاله ، متوجه گروه جدید خواهید شد " تصویر پس زمینه تمام صفحه »در ویرایشگر مقاله.

برای استفاده از تصویر پس زمینه برای یک دسته خاص ، باید از صفحه بازدید کنید ظاهر »تصویر زمینه تمام صفحه ، سپس بر روی "تصویر را انتخاب کنید '.

پس از بارگذاری تصویر خود ، می توانید "دسته" را به عنوان زمینه ای که می خواهید تصویر پس زمینه را در آن نمایش دهید ، انتخاب کنید.

شناسه دسته خاص یا Slug را در جایی که می خواهید تصویر را نشان دهید وارد کنید. 

بخاطر داشته باشید که تصویر خود را برای ذخیره تنظیمات ذخیره کنید.

روش 3. با استفاده از کد CSS تصاویر پس زمینه سفارشی را در هر کجای WordPress اضافه کنید

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

به عنوان مثال ، اگر در وب سایت خود دسته ای به نام TV دارید ، وردپرس با مشاهده شخصی در صفحه دسته تلویزیون ، این کلاس های CSS را به طور خودکار به برچسب بدن اضافه می کند.

شما می توانید با استفاده از ابزار بازرسی تا ببینید دقیقاً کدام کلاسهای CSS توسط WordPress به برچسب body اضافه می شوند.

برای سبک دهی متفاوت به این صفحه دسته ، می توانید از کلاس CSS استفاده کنید. 

دسته-tvcategory-4

بیایید یک تصویر پس زمینه سفارشی به یک صفحه بایگانی دسته اضافه کنیم. شما باید این CSS سفارشی را به قالب وردپرس خود اضافه کنید.

body.category-tv { 

background-image: url ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg")؛ 

موقعیت-موقعیت: مرکز مرکز؛ 

پس زمینه-اندازه: پوشش؛ 

پس زمینه-تکرار: بدون تکرار. 

پیوست پس زمینه: ثابت ؛

}

همچنین می توانید پس زمینه های سفارشی را به پست ها و صفحات منفرد اضافه کنید. وردپرس یک کلاس CSS با شناسه پست یا صفحه در متن برچسب اضافه می کند. شما می توانید از همان کد CSS استفاده کنید. کافی است .category-tv را با کلاس CSS یک پست خاص جایگزین کنید.

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

می توانید از موارد دیگر استفاده کنید افزونه های وردپرس برای دادن ظاهری مدرن و بهینه سازی مدیریت وبلاگ یا وب سایت شما.

ما در اینجا برخی از افزونه های برتر وردپرس را به شما پیشنهاد می دهیم که در انجام این کار به شما کمک می کنند.

1. آسان JS سفارشی و CSS 

Ce پلاگین وردپرس Premium یک ویرایشگر کد CSS و جاوا اسکریپت قدرتمند است که به شما امکان می دهد آنها را به هر بخش از وب سایت خود اضافه کنید. این به شما امکان می‌دهد تا سفارشی‌سازی‌های خود را حتی پس از به‌روزرسانی عمده در قالب وردپرس خود حفظ کنید.

شما این امکان را دارید که زمینه استفاده از کد شخصی خود را محدود کنید. به عنوان مثال ، شما می توانید از کد خود فقط برای مقاله ای با قالب فیلم استفاده کنید.

مقالات ما را در اینجا مشاهده کنید نحوه نیاز به پذیرش شرایط استفاده در وردپرس

یا می توانید کد خود را به یک موضوع خاص وردپرس محدود کنید. اگر در حال تغییر تم برای وبلاگ وردپرس خود باشید ، مفید است.

دانلود | نسخه ی نمایشی | میزبانی وب

2. مداد زرد: ویرایشگر سبک ویژوال CSS

Yellow Pencil یک ویرایشگر سبک بصری است که می توانید با هر موضوعی برای شخصی سازی وب سایت خود در عرض چند دقیقه (قلم ها ، رنگ ها ، انیمیشن ها و موارد دیگر ...) استفاده کنید.

Ce پلاگین وردپرس Premium استایل های CSS را ایجاد می کند زمینه در حالی که شما با رنگ ها مانند یک بازی بازی می کنید. این برنامه هم برای کاربران مبتدی و هم با تجربه طراحی شده است.

ما را نیز کشف کنید افزونه های 5 وردپرس برای نمایش اعلان ها

هیچ دانش کدنویسی مورد نیاز نیست. با این حال پلاگین وردپرس یک ویرایشگر CSS خوب برای کسانی که دوست دارند کدنویسی کنند. می توانید با این ویرایشگر به صورت زنده کدنویسی کنید و CSS خود را سفارشی کنید.

دانلود | نسخه ی نمایشی | میزبانی وب

3. ویجت نظرات اخیر فیس بوک 

این ابزارک به شما امکان می دهد لیستی از آخرین نظرات فیس بوک را از وبلاگ وردپرس خود در صفحه اول یا هرجای دیگر ابزارک مورد استفاده وب سایت نمایش دهید.

به عنوان ویژگی هایی که در میان دیگران خواهید داشت: نمایش آخرین نظرات وب سایت یا وبلاگ وردپرس ،تأیید خودکار یا دستی نظراتی که در ویجت نمایش داده می شوند ،ارسال یک اعلان ایمیل هنگام ارسال نظر شخصی از طریق افزونه نظرات فیس بوک ، سئو خوب، سازگاری با هر قالب WordPress ، oگزینه هایی برای شخصی سازی ویجت و موارد دیگر.

دانلود | نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

• نحوه مخفی کردن ویجت وردپرس در تلفن همراه
• افزونه های 10 وردپرس برای بهبود بصری وب سایت شما
• نحوه دستیابی به یک وب سایت وردپرس به صورت دستی: راهنما
• 7 افزونه وردپرس برای دکمه های تماس با عمل در وردپرس

نتیجه

اینجا ! این برای این آموزش است. امیدواریم این مقاله به شما کمک کند یاد بگیرید چگونه می توانید تصویر پس زمینه را در وردپرس اضافه کنید. دریغ نکنید با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید. 

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری نیاز دارید ، با مشاوره راهنمای ما در مورد ایجاد وبلاگ وردپرس.

اگر پیشنهادی یا اظهار نظر دارید ، آنها را در بخش ما بگذارید نظر.

...