نمایش صحیح کدها در وردپرس با افزونه SyntaxHighlighter Evolved

 برای نمایش صحیح و مرتب کدها در متن وردپرس می توانید از افزونه حرفه ای وردپرس به نام SyntaxHighlighter استفاده کنید.

این افزونه یکی از حرفه‌اي ترين و بهترين پلاگين هاي وردپرس در زمينه جايگذاري كد در پستها،برگه و…می باشد و معمولا برای سایت هایی که از کدهای برنامه نویسی زیاد استفاده می کنن کارایی بسیار خوبی دارد.

پس از نصب افزونه SyntaxHighlighter ، کافیه برای نمایش کدهای خودتون به شکل زیر عمل کنید:

نمایش صحیح کدها در وردپرس با افزونه SyntaxHighlighter Evolved

در صورت طولانی شدن کدها ، کدها به شکل زیر و اسکرول دار تبدیل خواهد شد

نمایش صحیح کدها در وردپرس با افزونه SyntaxHighlighter Evolved

اگر دوست ندارید کدها به صورت اسکرول شده نمایش داده شود به مسیر زیر بروید:

wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css

و فایل shCore.css را باز کنید و کد زیر رو پیدا کنید:

syntaxhighlighter .line {
white-space: pre !important;
}

و به شکل زیر تغییر بدید:

syntaxhighlighter .line {
white-space: pre-wrap !important;
}
نت افراز

مشخصات

  • حجم فایل: 278 کیلوبایت
  • رمز فایل: www.taklearn.ir
  • منبع:
  • ۳۴۸ بازدید

برچسب ها

مطالب پیشنهادی ما

دیدگاه های شما

پاسخ دهید

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