قسمت 8. افزودن کدهای CSS و JS سفارشی | شخصی سازی ظاهر و رفتار سایت در فراتم

در قسمت 8 آموزش قالب چندمنظوره فراتم، یاد می‌گیرید چطور بدون نصب هیچ افزونه اضافی، کدهای CSS و JavaScript سفارشی را مستقیماً داخل تنظیمات قالب اضافه کنید. این بخش برای طراحان سایت، توسعه‌دهندگان و حتی کاربران عادی که می‌خواهند بخش‌هایی از ظاهر سایت را شخصی‌سازی کنند اهمیت زیادی دارد. فراتم امکان اضافه‌کردن کد را در محیطی امن، پایدار و کاملاً سازگار با ساختار قالب فراهم کرده تا بتوانید بدون دست‌کاری هسته، استایل‌های سفارشی خود را به‌راحتی اعمال کنید.

در این ویدئو چه چیزهایی یاد می‌گیرید؟

محل افزودن CSS سفارشی داخل تنظیمات فراتم

نحوه اضافه‌کردن JavaScript برای انیمیشن‌ها یا رفتارهای دلخواه

استفاده از Selectorهای استاندارد برای هدف‌گیری المان‌های صفحه

اجرای کدها بدون نیاز به افزونه‌هایی مثل Custom CSS/JS

تنظیم استایل‌های موبایل و دسکتاپ به‌صورت جداگانه

استفاده از کدهای سبک و بهینه برای سرعت بهتر سایت

چرا استفاده از CSS/JS سفارشی مهم است؟

امکان شخصی‌سازی دقیق ظاهر سایت

اضافه کردن انیمیشن‌ها و رفتارهای اختصاصی

رفع برخی محدودیت‌های ظاهری المنتور

تنظیم جزئیات حرفه‌ای مثل فاصله‌ها، سایه‌ها، رنگ‌ها و ابعاد

اعمال تغییرات بدون دست‌کاری در فایل‌های قالب و بدون ریسک بروزرسانی

نکات مهمی که در این آموزش مطرح شد

قبل از اعمال کدهای سفارشی، ساختار HTML قالب را با Inspect مرورگر بررسی کنید.

کدهای CSS سنگین یا طولانی سرعت سایت را تحت تأثیر قرار می‌دهند؛ بهتر است از کدهای سبک استفاده کنید.

اگر JS اجرا نمی‌شود، ممکن است نیاز باشد کد را داخل رویداد document.ready قرار دهید.

برای تغییرات موبایلی، از Media Query مناسب استفاده کنید.

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

پس از افزودن کدهای سفارشی چه کار کنید؟

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

سرعت بارگذاری صفحه را با ابزارهای آنلاین تست کنید

کدهایی که نیاز ندارید حذف کنید تا سبک‌سازی انجام شود

از تغییرات مهم نسخه ذخیره پشتیبان داشته باشید