شما اینجا هستید: صفحه اصلی » قرار دادن کد در نوشته وردپرس با کتابخانه highlight js

قرار دادن کد در نوشته وردپرس با کتابخانه highlight js

قرار دادن کد در نوشته وردپرس با کتابخانه highlight js

وردپرس استایل محدودی برای نمایش کدها دارد که با استفاده از تگ زیر میتوانید این کار را انجام دهید.درون تگ code می توانید کدهای css,js,php,html و… را قرار دهید اما تصویری که در خروجی مشاهده می کنید شاید چندان جذاب و مناسب نباشد.

<pre><code>
کدهای شما
</code></pre>

چرا باید از کتابخانه highlight js استفاده کنیم

کتابخانه highlight js به ما این امکان را می دهد تا از انواع زبان های برنامه نویسی به صورت کد در نوشته ها یا صفحات وبسایت استفاده کنیم. لازم به ذکر است این کدها اجرا نشده و فقط به صورت سینتکس نمایش داده خواهند شد.

جهت استفاده از این کتابخانه کافیست ابتدا طبق آموزش زیر، فایل های آن را به وردپرس خود اضافه نمایید.

روش استاندارد فراخوانی فایل های css و js در قالب وردپرسروش استاندارد فراخوانی فایل های css و js در قالب وردپرس

سپس کد زیر را در فایل inc.js خود قرار داده و ذخیره نمایید.چنانچه فایل inc.js را ندارید می بایست آن را طبق آموزش بالا ایجاد نمایید.

hljs.initHighlightingOnLoad();
نظرات
دیدگاه و سوالات قبل از خرید
جهت ارسال نظر ابتدا وارد شوید