تخفیف

سبد خرید

نمایش خلاصه ای از خرید هایی که شما انجام خواهید داد

مبلغ کل
0
تسویه حساب
سبد خرید خالی می باشد

آموزش نمایش کد در وردپرس
امین صفرپور
امین صفرپور
تعداد کل دانلود ها : 1281074
تعداد کل مطالب : 1858

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

تعداد دانلود:
0
تعداد بازدید:
770
تاریخ:
۱۳۹۸-۰۲
دسته بندی:

آیا می خواهید کد را در پست های وبلاگ وردپرس خود نمایش دهید؟ اگر سعی کردید کد مانند متن معمولی را اضافه کنید، وردپرس آن را به درستی نمایش نمی دهد.

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

 

روش 1. نمایش کد با استفاده از ویرایشگر پیش فرض در وردپرس

این روش برای مبتدیان و کاربران توصیه می شود که اغلب نیازی به نمایش کد ندارند.

نگران نباشید، پست وبلاگ یا صفحه ای را که میخواهید کد نمایش داده شود را ویرایش کنید. در صفحه ویرایش پست، بلوک کد جدید را به پست خود اضافه کنید.

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

شما هم اکنون می توانید قطعه کد را در قسمت بلوک متن وارد کنید.

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

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

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

بسته به تم وردپرس شما، بلوک کد ممکن است در وب سایت شما متفاوت باشد.

روش 2. کد نمایش در وردپرس با استفاده از یک پلاگین

برای این روش، ما یک پلاگین وردپرس برای نمایش کد در پست های وبلاگ استفاده خواهیم کرد. این روش برای کاربران توصیه می شود که اغلب کد خود را در مقالات خود نمایش می دهند.

این به شما مزیت های زیر بر اساس کد پیش فرض کد می دهد:

  • این اجازه می دهد تا شما به راحتی هر کد را در هر زبان برنامه نویسی نمایش دهید
  • این کد با کدنویسی و اعداد خطی نمایش داده می شود
  • کاربران شما به سادگی میتوانند کد را مطالعه و کپی کنند

اول، شما باید پلاگین SyntaxHighlighter Evolved را نصب و فعال کنید. 

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

بلوک کد SyntaxHighlighter

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

تنظیمات بلوک کد SyntaxHighlighter

ابتدا باید زبان کد را انتخاب کنید. پس از آن، می توانید اعداد خط را خاموش کنید، شماره خط اول را ارائه می دهید، هر خطی را که می خواهید را برجسته کنید، و ویژگی را خاموش کنید تا لینک ها قابل کلیک شوند.

پس از پایان کار، پست خود را ذخیره کنید و روی دکمه پیش نمایش کلیک کنید تا آن را در عمل ببینید.

کد نمایش داده شده با برجسته نحو

افزونه همراه با تعدادی از طرح های رنگی و تم ها. برای تغییر تم رنگ، شما باید از تنظیمات » صفحهSyntaxHighlighter بازدید کنید .

تنظیمات SyntaxHighlighter

از صفحه تنظیمات، شما می توانید یک تم رنگی را انتخاب کرده و تنظیمات SyntaxHighlighter را تغییر دهید. شما می توانید تنظیمات خود را ذخیره کنید تا یک پیش نمایش از بلوک کد در پایین صفحه ببینید.

پیش نمایش کد بلوک

استفاده از SyntaxHighlighter با ویرایشگر کلاسیک

اگر هنوز از ویرایشگر قدیمی کلاسیک WordPress استفاده می کنید ، در اینجا نحوه استفاده از Plugin SyntaxHighlighter را برای اضافه کردن کد به پست های وبلاگ وردپرس خود خواهید داشت.

به سادگی کد خود را در اطراف مربع با نام زبان بگذارید. برای مثال، اگر میخواهید کد پی اچ پی را اضافه کنید، آنگاه آن را مانند این اضافه کنید:

[php]
<?php
private function get_time_tags() {
$time = get_the_time('d M, Y');
return $time;
}
?>
[/php]

به طور مشابه، اگر شما می خواهید یک کد HTML اضافه کنید، آن را در اطراف کد کوتاه HTML مانند این قرار دهید:

[html]
<a href="example.com">A sample link</a>
[/html]

روش 3. کد نمایش در WordPress به صورت دستی (بدون پلاگین یا بلوک)

این روش برای کاربران پیشرفته است زیرا به کار بیشتر نیاز دارد و همیشه به عنوان در نظر گرفته نشده است.

این مناسب برای کاربرانانی هستند که هنوز از ویرایشگر کلاسیک قدیمی استفاده می کنند و می خواهند بدون استفاده از افزونه کد نمایش داده شوند.

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

حالا کد خود را در ویرایشگر متن کپی و جایگذاری کنید و آن را در اطراف <pre>و <code>برچسب قرار دهید.

اضافه کردن کد به صورت دستی در ویرایشگر کلاسیک

کد شما شبیه این خواهد بود:

<pre><code>
&lt;p&gt;&lt;a href=&quot;/home.html&quot;&gt;This is a sample link&lt;/a&gt;&lt;/p&gt;
</pre></code>

شما هم اکنون می توانید پست خود را ذخیره کنید و کد را در عمل پیش نمایش دهید. مرورگر شما عناصر HTML را تبدیل می کند و کاربران می توانند کد درست را مشاهده و کپی کنند.

نمایش دستی کد در WordPress

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

محصولات مشابه فروشی
هشتگ ها :

این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید

ارسال نظر

آخرین های مشابه مشاهده بیشتر

  • تلفن : 04136383693
  • پیامک : 500020606688
  • آدرس : آذربایجان شرقی، تبریز، شهرک مصلی، خیابان راجی، راجی 4، کوچه بیست هشتم، قطعه 1339، طبقه چهارم

ملت وب در سال 1393 فعالیت خود را در چهار بخش قالب های آماده، طراحی لوگو، طراحی سایت، طراحی بنر آغاز کرده است، که در مدت بسیار کم با تلاش های بی وقفه خود و همکاران توانسته بزرگترین وب سایت ارائه دهنده قالب های با کیفیت در ایران باشد رمز موفقیت شرکت ملت وب پشتیبانی بی دریغ از کاربران خود می باشد ما موقعیت خود را مدیون مشتریان وفادار خود هستیم پس همیشه همراهشان خواهیم بود .

  • logo-samandehi