SyntaxHighlighter بدون افزونه

نوشته شده توسط ۳ سال پیش

SyntaxHighlighter یک افزونه رایگان است برای نمایش کد در سایت با امکاناتی از قبیل تولبار کپی برداری و نمایش کد در صفحه مجزا و با قابلیت هوشمند شناسایی کدها و استایل دادن به کد برای برجسته شدن دستورات و توابع
این ابزار افزونه های رایگان برای وردپرس دارد مانند http://wordpress.org…taxhighlighter/
و آموزش زیر برای دوستانیست که علاقه دارند بدون افزونه امکان را به قالب اضافه کنند
نکته : در صورت استفاده از افزونه نیز موارد ۳ و ۴ این آموزش را جهت ست کردن افزونه با rtl  پیگیری کنید  
۱. از نشانی زیر فایل زیپ شده SyntaxHighlighter را دانلود کنید
http://alexgorbatche….php?sh_2.0.278
۲. فایل را آن زیپ کنید و از پوشه css فایل shCore.css را باز کنید
۳. بعد از خط ۲۱ یک اتینتر بزنید و وارد کنید

۴. خط ۱۶۴ تا ۱۷۴ کد را بیابید یعنی

علامت منفی را از قبل از ۵۰۰۰حط بر دارید یعنی

۵- فایل را ذخیره کنید و کل پوشه ها را به پوشه اصلی قالب خود منتقل کنید
۶. فایل header.php  را باز کنید و کدهای زیر را واردش کنید

۷. شما باید کدهایی که می خواهید در سایت نمایش دهید را از طریق ویرایشگر html و داخل تگ pre  با کلاس های brush: و نوع اسکریپت قرار دهید.
به عنوان مثال در زیر محل قرار گیری کدهای
جاوا اسکریپت
css
html
php
را به ترتیب مشاهده می کنید

نکته بجز قالب دیفالت (shThemeDefault.css) این مجموعه  قالبهای

  • shThemeDjango.css
  • shThemeEmacs.css
  • shThemeFadeToGrey.css
  • shThemeMidnight.css
  • shThemeRDark.css

را هم دارد که برا استفاده از آنها کافیست در کدهای بالا بجای shThemeDefault.css هر یک از نامهایی که ذکر شد را قرار دهید
یعنی در

 

وردپرس پارسی