در صورتی که یکی از قالب‌های وبسایت از پیش ساخته شدۀ OceanWP را برای وردپرس ایمپورت کرده باشید، ممکن است تنظیمات پیش‌فرض پوسته متفاوت باشند؛ چراکه این قالب‌ها تنظیمات سفارشی‌ساز مخصوص به خود را دارند. با این حال، نحوۀ استفاده از سفارشی‌ساز برای تنظیم وبسایت‌تان تغییر نخواهد کرد.
پنل OceanWP Customizer Custom CSS/JS به شما این قابلیت را می‌دهد که کدهای سفارشی CSS و جاوا اسکریپت (JS) را به وبسایت‌تان اضافه کنید.
به طور پیش‌فرض، سفارشی‌ساز وردپرس حاوی پنلی به نام CSS بیشتر است که اجازه می‌دهد تا فقط کدهای سفارشی CSS را به وبسایت اضافه نمایید. زمانی که افزونۀ رایگان Ocean Extra فعال باشد، ترکیب آن با پوستۀ OceanWP باعث می‌شود که این پنل به پنل CSS/JS سفارشی تبدیل گردد و قابلیت‌های گسترده‌تری را ارائه دهد.
گزینه‌های در دسترس برای CSS/JS سفارشی عبارتند از:
- کد CSS
- JS سفارشی
کد CSS
شما می‌توانید در داخل باکس کد CSS، کد سفارشی CSS را اضافه کنید که بر پوسته، افزونه یا سایر عناصر ظاهری/رفتاری وبسایت‌تان غالب می‌گردد. این موارد فقط توسط CSS کنترل می‌شوند.
برای مشاهدۀ اسنیپت‌های سفارشی CSS در دسترس، به کتابخانۀ OceanWP CSS مراجعه کنید.
به طور پیش‌فرض، وردپرس به تمام قوانین CSS اضافه شده در داخل سفارشی‌ساز، اولویت می‌دهد (در غیر این صورت، CSS سفارشی کار نخواهد کرد).اگر از پوستۀ کودک استفاده می‌کنید، به جای افزودن کدها در داخل فایلِ style.css در پوستۀ کودک، پیشنهاد ما این است که از گزینۀ CSS سفارشی در داخل سفارشی‌ساز استفاده کنید؛ چراکه مورد اول نیازمند مهارت کدنویسی و دانش بیشتری است.
JS سفارشی
شما می‌توانید در داخل باکس کد JS، کدهای سفارشی جاوا اسکریپت (JavaScript)، وانیلا (Vanilla)، جی‌کوئری (jQuery) و سایر کتابخانه‌های JS را اضافه کنید.هنگام افزودن کدهای JS، نیازی به وارد کردن تگ‌های اسکریپت ( <script> ) نیست.
خطایی در این مقاله پیدا کردید یا باور دارید که به بهبود نیاز دارد؟
یک تیکت پیش‌خرید به ما ارسال کنید، URL صفحه را در آن قرار دهید و جزییات و پیشنهادات خود را به ما بگویید تا بدانیم چگونه می‌توانیم مقالات‌مان را بهبود دهیم.
این هم از این مقاله!
از ساخت وبسایت وردپرس خود با OceanWP لذت ببرید!