صفحه اصلی / مطالب آموزشی / نمایش کد های php و html در سایت

نمایش کد های php و html در سایت

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

نمایش کد های php و html در سایت

نحوه نمایش کد های php و html

در ابتدا پلاگین  Synatx Highlighter Evolved را نصب کرده و پس از فعالسازی به مسیر Settings » Syntax Highlighter بروید.

 

نمایش کد های php و html در سایت
تنظیمات اولیه پلاگین باید برای اکثر وب سایت ها کار می کنند. با این حال، شما باید تمام تنظیمات را بررسی کنید و در صورت لزوم تغیرات را ایجاد نمایید.

در هر قسمت توضیحاتی از عملکرد پلاگین قرار داده شده است.
Synatx Highlighter Evolved  از شورت کد برای نمایش کد ها استفاده می کند. و برای هر زبان شورت کد مخصوص آن زبان وجود دارد.
به طور مثال برای کد های زبان php همانند تصویر از دو تگ برای اغاز و پایان کد استفاده می کنیم.

نمایش کد های php و html در سایت


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

<?php
echo "Hello World";
?>

و برای کد های زبان CSS  همانند تصویر از دو تگ برای اغاز و پایان کد استفاده می کنیم.

نمایش کد های php و html در سایت

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


.entry-title { 
font-family:"Open Sans", arial, sans-serif;
font-size:16px;
color:#272727; 
}

پلاگین Synatx Highlighter Evolved به طور خودکار کد هایی را که قالب های دستوری بالا را رعایت کرده باشند به صورت برجسته نمایش می دهد و هر خط کد را شماره گذاری می کند.

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

برای اینکار میتوانید کد ها را در قالب html بارگذاری کنید.مانند مثال زیر:
&gt;?php echo “Hello World”; ?&lt;

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

با تبدیل کد های PHP، HTML، جاوا اسکریپت به موجودیت های HTML، شما می توانید آنها در پست های خود قرار دهید و برای اینکار از تگ های  <code> </ code> استفاده کنید و قطعه کد خود را بین این کد ها قرار دهید.

منبع: wpbeginner

امتیاز شما از ۱ تا ۵


منبع مطلب

این مطالب را نیز ببینید!

جلوگیری از کپی تصاویر در وردپرس

جلوگیری از کپی تصاویر در وردپرس

جلوگیری از کپی تصاویر در وردپرس مشکلی است که بیشتر وبمستران با آن در حال …

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

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