قرار دادن کد در نوشته وردپرس با کتابخانه highlight js
[تعداد: 1   میانگین: 5/5]
قرار دادن کد در نوشته وردپرس با کتابخانه highlight js

افزودن کد در وردپرس

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

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

کتابخانه highlight js چیست؟

هایلایت یک کتابخانه برای برجسته کردن کدها در وب است که به آن Syntax highlighting گویند.شاید شما طراح وب یا برنامه نویس باشید و بخواهید در یک مقاله از کدهای php,js,css و …استفاده کنید. در این آموزش ما با استفاده از کتابخانه highlight js امکان نمایش حرفه ای کدها را به نوشته خود اضافه می کنیم.

کتابخانه هایلایت چه امکاناتی دارد؟

  • 189 زبان و 91 سبک
  • تشخیص خودکار زبان
  • برجسته کردن کد چند زبانه
  • برای node.js موجود است
  • با هر نشانه گذاری کار می کند
  • سازگار با هر چارچوب js

اضافه کردن highlight js به قالب وردپرس

1: ابتدا از لینک دانلود که در همین پست برایتان قرار داده شده وارد صفحه کتابخانه شوید و آخرین نسخه را دانلود نمایید. دقت داشته باشید برای ورود می بایست از قندشکن استفاده نمایید.

2: فایل highlight.pack.js را از بسته ای که دانلود کردید به قالب خود اضافه کنید

3: استایل یا سبک مورد نظر خود را از فولدر styles انتخاب و به قالب خود اضافه کنید

4: کد زیر را به فایل اسکریپت خود اضافه کنید

hljs.initHighlightingOnLoad();

5: در نهایت به نوشته وردپرس رفته، بلوکی از نوع کد ایجاد کنید و کدهای خودتان را اضافه نمایید.اگر ویرایشگر گوتنبرگ وردپرس را غیرفعال کرده اید میتوانید کد زیر را به قسمت نوشتاری ادیتور خود اضافه کنید.

<pre><code class="html">
کدهای خود را اینجا وارد کنید...
</code></pre>
دیدگاه ها
لینک کوتاه:
سئو کامل وردپرس پکیج جامع افزودنی های یواست سئو پرمیوم افزونه جست و جو پیشرفته وردپرس Ajax Search Pro افزونه زمینه های دلخواه پیشرفته وردپرس Advanced Custom Fields Pro
امیر پروانه هستم مدیر وبسایت دستیار وب، بیش از 7 سال در زمینه طراحی وب و گرافیک فعالیت میکنم. هدف از خلق وبسایت دستیار وب،گسترش و حمایت از کسب و کارهای آنلاین و به اشتراک گذاشتن تجربیات مفیدیست که در این مدت به دست آورده ام
صفحات رسمی و تماس با من