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

مصطفی دهقان
1393/11/19
نظرات : 0
بازدیدها : 986

ممکن است شما هم از آن دسته افراد حرفه ای باشید که بخواهید مثل ما کدهای مختلفی را برای کاربرانتان در سایت به اشتراک بگذارید. برای این منظور نیازمند افزونه ای حرفه ای هستید که بتواند کدها را به شکلی زیبا و درست در سایت نمایش دهد. پلاگین وردپرس نمایش کد 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]

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

دیدگاهتان را بنویسید