0 0

پلاگین وردپرس نمایش کد SyntaxHighlighter

مصطفی دهقان
۱۳۹۳/۱۱/۱۹
نظرات : ۰
بازدیدها : 895

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

پلاگین وردپرس نمایش کد SyntaxHighlighter

پلاگین وردپرس نمایش کد SyntaxHighlighter

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

پلاگین وردپرس نمایش کد SyntaxHighlighter

گاهی وقت ها ممکن است کدی رو بخواهید در سایت قرار بدید که بعضی خطهای آن شامل کدهای طولانی باشد. در این حالت افزونه برای اینکه کدها رو به درستی نمایش دهد از خاصیت اسکرول کردن استفاده میکند.

پلاگین وردپرس نمایش کد SyntaxHighlighter

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

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

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

.syntaxhighlighter .line {
white-space: pre !important;
}
و به شکل زیر تغییر بدید:
.syntaxhighlighter .line {
white-space: pre-wrap !important;
}

با این کار اضافه ی کدها به جای اینکه اسکرول بشه، در خط بعدی نمایش داده میشه.
[box type=”download” ]

[/box]

اشتراك گذاری نوشته

پاسخی بگذارید