وقتی صحبت از طراحی وب به میان میآید، افزونه المنتور یکی از محبوبترین ابزارهای ساخت صفحات وب به شمار میرود. این افزونه صفحه ساز به شما امکان میدهد تا بدون نیاز به کدنویسی، صفحات زیبا و حرفهای ایجاد کنید. اما گاهی اوقات پیش میآید که میخواهید ظاهر خاصتری به عناصر صفحه خود بدهید یا تغییراتی ایجاد کنید که در گزینههای پیشفرض المنتور وجود ندارد. اینجاست که CSS سفارشی به کمک شما میآید. با استفاده از CSS، میتوانید کنترل کامل بر روی ظاهر و استایل عناصر صفحه خود داشته باشید. در این مقاله از آموزش افزونه المنتور به اضافه کردن CSS سفارشی به المنتور خواهیم پرداخت، برای کسب اطلاعات بیشتر تا انتهای مقاله همراه ما باشد.
CSS چیست؟
CSS یک زبان استایلدهی است که برای طراحی ظاهر صفحات وب استفاده میشود. این زبان به شما امکان میدهد تا رنگها، فونتها، فاصلهها، اندازهها و بسیاری از ویژگیهای دیگر عناصر HTML را کنترل کنید.
به عبارت ساده، CSS به شما کمک میکند تا ظاهر سایت خود را از حالت ساده و پیشفرض به یک طراحی جذاب و حرفهای تبدیل کنید. المنتور به طور پیشفرض گزینههای زیادی برای استایلدهی در اختیار شما قرار میدهد، اما اگر بخواهید تغییرات دقیقتر و خاصتری اعمال کنید، باید از CSS سفارشی استفاده نمایید.
آموزش اضافه کردن CSS سفارشی به المنتور
برای اضافه کردن CSS سفارشی به المنتور راه سختی را در پیش ندارید، فقط کافیست طبق آموزش ما پش بروید، ما این آموزشی را از نصب افزونه المنتور آغاز میکنیم:
نصب افزونه المنتور
برای شروع، ابتدا باید افزونه المنتور را روی سایت خود داشته باشید؛ به همین دلیل برای نصب افزونه المنتور مانند هر افزونه دیگر:
- از پیشخوان وردپرس به بخش افزونهها >افزودن وارد شوید.
- افزونه را از راست چین دانلود و از قسمت قبل بار گذاری و نصب کنید.
- پس از نصب، افزونه را فعال کنید.
اضافه کردن CSS سفارشی به المانها در المنتور
به یاد داشته باشید شما هم میتوانید CSS سفارشی هم به خود افزونه و هم به المانهای المنتور اضافه کنید؛ به همین دلیل برای اضافه کردن CSS سفارشی به المانها باید ابتدا:
- یک المان یا ویجت جدید به صفحه اضافه کنید و سپس از بخش ویرایش سربرگ وارد قسمت پیشرفته شوید، مانند تصویر زیر باید قدام کنید.
- سپس به انتهای صفحه رفته و وارد بخش CSS سفارشی شوید:
- به این صورت میتوانید برای هر نوع المان خود یک CSS سفارشی تعریف کنید.
اضافه کردن CSS سفارشی به در المنتور
اکنون که با اضافه کردن CSS سفارشی به المانها آشنا شدید بهتر است به اضافه کردن CSS سفارشی به المنتور بپردازیم، برای این کار باید ابتدا:
- برای این کار باید ابتدا صفحه مورد نظر را با المنتور ویرایش کرده و سپس از بخش سربرگ وارد قیمت تنظیمات المنتور شوید:
- سپس از بخش تنظیمات صفحه در سمت راست وارد بخش پیشرفته شوید و CSS سفارشی خود را در این بخش پیاده کنید.
به این صورت میتوانید هر نوع CSS سفارشی را روی المنتور پیاده سازی کنید.
و در پایان
استفاده از CSS سفارشی در المنتور به شما این امکان را میدهد تا کنترل کامل بر روی ظاهر صفحات خود داشته باشید و طراحیهای خلاقانهتری ایجاد کنید. با دنبال کردن مراحل سادهای که در این مقاله توضیح دادیم، میتوانید به راحتی استایلهای سفارشی را به عناصر مختلف اضافه کنید و صفحات خود را به شکلی حرفهای و جذاب طراحی نمایید.
از این که تا اینجا همراه ما بودید ممنونیم، موفق باشید.
سوالات متداول
- آیا برایاضافه کردن CSS سفارشی به المنتور باید برنامهنویس باشم؟
خیر، شما نیازی به داشتن دانش پیشرفته برنامهنویسی ندارید. با یادگیری چند دستور ساده CSS میتوانید تغییرات مورد نظر خود را اعمال کنید.
- آیا CSS سفارشی بر روی سرعت سایت تأثیر میگذارد؟
اگر به درستی از CSS استفاده کنید، تأثیر منفی چندانی بر سرعت سایت نخواهد داشت. اما بهتر است از کدهای بهینه و مختصر برای افزایش سرعت المنتور استفاده کنید.