w3designw3design
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
Search
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
  • درباره ما
  • وبلاگ
افزونه Simple Custom CSS

آموزش افزونه Simple Custom CSS برای افزودن CSS و JS سفارشی به وردپرس

support2021-02-21T10:47:05+03:30
By support آموزش وردپرس, طراحی سایت

افزودن CSS و JS سفارشی به وردپرس

در آموزشهای قبل نحوه افزودن کد css سفارشی به قالب وردپرس با کدنویسی را توضیح داده ایم، در این آموزش قصد داریم به آموزش افزودن CSS و JS سفارشی به وردپرس ، با  استفاده از افزونه  Simple Custom CSS and JS بپردازیم. بنابراین تا انهای مقاله با w3design همره باشید.

یک افزونه کاربردی و حرفه ای می باشد که میتوانید ظاهر سایت یا تنها بخش پیشخوان وردپرستان را با کد های css/ java/ html را بدون تغییر دادن فایل های افزونه و قالب خود، سفارش سازی کنید.

پیشنهاد ویژه: صفر تا صد آموزش طراحی سایت بدون کدنویسی

معرفی و ویژگی افزونه Simple Custom CSS and JS

یک افزونه ساده و بدون تنظیمات خاصی می باشد، در این افزونه میتوان تمامی کدهای css و js سفارشی مورد دلخواه خود را نوشته و ذخیره کرد، مهم ترین مزیت افزونه این است که حتی با تغییر قالب، تغییرات اعمال شده روی قالب و پیشخوان وردپرس قبلی، حذف نمی شوند و به قالب جدید اعمال می شوند. همه شما به خوبی می دانید که میتوان در همان فایل style.css قالب خود استایل جدید اضافه نمود و تغییراتی در قالب لحاظ کنیم ولی مشکل اینجاست که اگر قالب را آپدیت کنید مسلماً همه تغییراتی که ایجاد کرده بودید از بین خواهد رفت.

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

  • ویرایشگر متن پیشرفته
  • نمایش کدهای inline در فایل های خروجی
  • نمایش کد در بخش هدر و فوتر
  • اضافه کردن CSS یا JS به ظاهر قالب یا پنل مدیریت وردپرس
  • اضافه کردن کد به قسمت هایی که می خواهید اضافه شود
  • ذخیره تغییرات داده شده حتی زمانی که قالب را تغییر دهید

نحوه کار با افزونه Simple Custom CSS and JS

در ابتدا افزونه را دریافت و نصب کنید، پس از فعال سازی افزونه، گزینه custom css & jss به پیشخوان وردپرس اضافه می شود. تمامی کدهای سفارشی که درج می کنید در بخش all cistome code نمایش داده می شوند.

در این صفحه سه تب وجود دارد که میتوان کدهای html و css و js را در تب های مورد نظر اضافه کرد.

افزونه Simple Custom CSS

این مقالات را هم بخوانید: 

  • افزونه‌های ویرایش قالب وردپرس و ویرایش قالب بدون کدنویسی
  • ساخت انجمن پرسش و پاسخ وردپرس با افزونه DW Question and Answer
  • ساخت انجمن در وردپرس با افزونه bbPress | آموزش افزونه بی بی پرس

Share this post

Facebook Twitter LinkedIn Google + Email

Author

support

دیدگاهتان را بنویسید لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


Related Posts

HTML

HTML چیست؟

HTML عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است.... read more

طراحی فروشگاه اینترنتی با ووکامرس

طراحی فروشگاه اینترنتی با ووکامرس

طراحی فروشگاه اینترنتی با ووکامرس وردپرس یک برنامه بسیار قدرتمند برای ساخت سایت و دارای بیش از 50 هزار افزونه... read more

Apache

Apache چیست ؟

Apache چیست ؟ 🔹 Apache محبو‌ب‌ترین وب‌سرور موجود می‌باشد که در پس‌زمینه یک سیستم‌عامل اجرا می‌شود و محتواهایی از قبیل صفحات... read more

درگاه پرداخت مستقیم

درگاه پرداخت مستقیم

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

سایت های پرتال

سایت پورتال چیست؟

سایت پورتال  سایت پورتال صفحه ای در وب است که امکاناتی را به صورت مجازی در اختیار کاربر قرار می... read more

ساخت انجمن در وردپرس

ساخت انجمن در وردپرس با افزونه bbPress | آموزش افزونه بی بی پرس

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

وب اپلیکیشن

وب اپلیکیشن چیست ؟

⭕️وب اپلیکیشن چیست ؟ 🔰 وب اپلیکیشن یا برنامه تحت وب، نرم افزاری است که با استفاده از مرورگر وب... read more

افزودن نوشته در وردپرس

افزودن نوشته در وردپرس

افزودن نوشته در وردپرس 🔸محتوا نویسی در وردپرس یکی از اولین اقداماتی است که بعد از انتخاب نام دامنه خود... read more

ایجاد فهرست در وردپرس

ایجاد فهرست در وردپرس

ایجاد فهرست در وردپرس 🔹توسط فهرست وردپرس امکان مدیریت و تغییر لینک های منو در بخشهای مختلف پوسته وجود دارد.... read more

بسته نصبی قالب وردپرس

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

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

جستجو

Follow Us

Facebook Pinterest Instagram Linkedin Telegram

آخرین مطالب

بسته نصبی قالب وردپرس
آموزش راه اندازی بسته نصبی قالب وردپرس در هاست دایرکت ادمین
افزونه ShortPixel
افزونه ShortPixel و بهینه سازی تصاویر وردپرس
افزونه‌ WPFront user Role
افزونه‌ WPFront user Role برای مدیریت نقش های کاربری در وردپرس
آموزش ساخت بسته نصب آسان در وردپرس
آموزش ساخت بسته نصب آسان در وردپرس
افزونه Ninja Forms
افزونه Ninja Forms
افزونه EWWW Image Optimizer
افزونه EWWW Image Optimizer
افزونه User Role Editor
افزونه User Role Editor و مدیریت نقش و سطح دسترسی کاربر در وردپرس
نصب وردپرس روی ساب فولدر
آموزش نصب وردپرس روی ساب فولدر دایرکت ادمین
افزونه Master Slider
افزونه Master Slider
افزونه Formidable Forms
افزونه Formidable Forms

دسته‌ها

  • آموزش
  • آموزش وردپرس
  • بازاریابی محتوا
  • برنامه نویسی
  • تبلیغات
  • دسته‌بندی نشده
  • سئو
  • سئو خارجی
  • شبکه
  • طراحی اپلیکیشن
  • طراحی سایت
  • کامپیوتر و لپ تاپ
  • گرویتی فرم
  • لینک سازی
  • نرم افزار

بایگانی‌ها

  • فوریه 2021
  • ژانویه 2021
  • دسامبر 2020
  • نوامبر 2020
  • اکتبر 2020
  • سپتامبر 2020

دسترسی سریع

  • خانه
  • وبلاگ
  • نمونه کارها
  • درباره ما
  • طراحی سایت
  • سئو و بهینه سازی
  • کارت ویزیت آنلاین
  • پنل پیامکی

عضویت در خبرنامه

    ۹۱۰۰-۱۰۱۱(۰۱۳) info@w3design.ir
    تمامی حقوق مادی و معنوی این سایت برای تیم w3design محفوظ است.