افزونه وردپرس نمایش کد SyntaxHighlighter

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

افزونه وردپرس نمایش کد SyntaxHighlighter

افزونه وردپرس نمایش کد SyntaxHighlighter

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

افزونه SyntaxHighlighter

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

افزونه وردپرس نمایش کد

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

[html]

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

[/html]

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

[css]
.syntaxhighlighter .line {
white-space: pre !important;
}
[/css]

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

[css].syntaxhighlighter .line {
white-space: pre-wrap !important;
}
[/css]

با این کار اضافه ی کدها به جای اینکه اسکرول بشه، در خط بعدی نمایش داده میشه.

[box type=”download” ]

[/box]

مطالب مرتبط

4 Comments

ارسال یک پاسخ

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