تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
افزونه Coins MarketCap 1 پاسخ 202 بازدید درخواست پلاگین 4 پاسخ 442 بازدید اسکریپت vfm 5 پاسخ 557 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 226 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1086 بازدید درخواست افزونه 1 پاسخ 422 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 692 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 651 بازدید نمایش کد های php 0 پاسخ 413 بازدید
تبلیغات
تبلیغات تبلیغات

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

افزونه ها , افزونه وردپرس

امروز می خواهیم یک افزونه ی کاربردی را به شما معرفی کنیم که با کمک آن می توانید پیشخوان وردپرس تان را با کد های css/ java/ html سفارشی کنید.

 

ما در ابتدا داستان آموزش افزونه Simple Custom CSS and JS را به شما خواهیم گفت سپس به آموزش نصب افزونه Simple Custom CSS and JS خواهیم پرداخت و در ادامه به تنظیمات افزونه Simple Custom CSS and JS می پردازیم.

 

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

 

داستان  آموزش افزونه Simple Custom CSS and JS

ظاهر سایت وردپرس خود را با اضافه کردن کدهای CSS و JS سفارشی بدون نیاز به تغییر قالب خود و یا فایل های افزونه با افزونه Simple Custom CSS and JS سفارشی کنید. این افزونه  برای اضافه کردن تغییرات  CSS سفارشی سایت شما مناسب است.

 

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

 

شما می توانید در فایل style.css قالب خود تغییراتی انجام دهید  ولی اگر یک روزی قالب خود را تغییر دادید همه تغییراتی که قبلا انجام داده بودید از بین می رود به همین دلیل است که ما افزونه وردپرس Simple Custom CSS and JS را پیشنهاد می دهیم که با تغییراتی که به قالب خود می دهید این تغییرات به قالب هایی که در آینده می خواهید نصب کنید اضافه شود.

 

این افزونه تاکنون ۹۰۰۰۰ نصب فعال در مخزن وردپرس داشته است و توسط  Diana Burduja توسعه داده شده است.

 

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

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

 

آموزش نصب افزونه Simple Custom CSS and JS

برای نصب تنها کافی است در پنل وردپرس به بخش افزونه ها > افزودن بروید و عبارت Simple Custom CSS and JS را جستجو کنید ( البته برای راحتی کار شما دوستان عزیز لینک دانلود مستقیم افزونه را در پایان آموزش قرار دادیم)

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

 

بعد از نصب و فعال سازی افزونه عبارت  Custom CSS and JS در پنل وردپرس ظاهر می شود که دارای زیرمنوهایی می باشد.

 

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

 

تنظیمات افزونه  Simple Custom CSS and JS

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

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

  • در بخش Custom CSS and JS به زیر منو  All custom Code  بروید ۳ تب مشاهده می کنید
  •  Add Css Code: کدهای css خود را این قسمت درج کنید.
  •  Add js Code: کدهای js خود را این قسمت درج کنید.
  • Add Html Code: کدهای Html خود را این قسمت درج کنید.

در پایان!

 

اگر می خواهید ظاهر سایت یا پیشخوان وردپرس خود را سفارشی کنید به طوری که حتی این تغییرات با نصب قالب جدید نیز به قالب جدید اعمال شود تنها افزونه Simple Custom CSS and JS می تواند به شما کمک کند که در این آموزش به معرفی و نصب و تنظیمات آن پرداختیم.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 3.18

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=37574
کلمات کلیدی پست :
مطالب مرتبط
6,744نحوه ایجاد ساعت دیواری در وردپرس با افزونه CoolClock تاریخ : 2018/11/23
4,304جستجو در عنوان نوشته های وردپرس تاریخ : 2019/11/21
8,552دانلود افزونه سایت در حال ساخت با SeedPro برای وردپرس تاریخ : 2014/11/1
5,160افزونه سیستم کوپن ایمیل در ووکامرس YITH WooCommerce Coupon Email System تاریخ : 2018/10/4
23,861افزونه ساخت بخش وبلاگی در وردپرس Blog Designer PRO تاریخ : 2019/08/15
7,896افزونه دنبال کردن رویداد های مطالب با Follow My Blog Post تاریخ : 2015/02/15
8,567افزونه گالری پیشرفته وردپرس Justified Image Grid v2.0.4 تاریخ : 2014/06/24
7,280نحوه استفاده از شورتکد در ابزارک وردپرس تاریخ : 2019/02/17
12,473افزونه وردپرس ایجاد کتاب های الکترونیک Responsive FlipBook تاریخ : 2015/05/5
28,558افزونه ترجمه پوسته ها و افزونه های وردپرس Loco Translate تاریخ : 2016/03/31
6,413افزونه پشتیبانی تیکتی وردپرس با PressTicket نسخه 2.3.1 تاریخ : 2014/09/5
6,795افزونه ترجمه خودکار آدرس مطالب وردپرس تاریخ : 2017/03/3
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات