قابل توجه کاربران عزيز از اين پس کليه تخفيف هاي محصولات فقط در کانال تلگرام تالار وردپرس اطلاع داده مي شود.
کسب و کار اینترنتی
چگونه در مطالب وردپرس کدها را نمایش دهیم؟!

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

قبل از هر چیزی شما باید افزونه Syntax Highlighter Evolved را نصب و سپس فعال کنید .برای جزئیات بیشتر در مورد چگونگی نصب افزونه در وردپرس می توانید به پست آموزش نصب افزونه در وردپرس مراجعه کنید .

بعد از فعال سازی افزونه ، برای تنظیمات افزونه به آدرس زیر بروید :  Settings » Syntax Highlighter

بر روی قسمت تنظیمات کلیک کرده و سپس گزینه جدیدی رو میبینید به اسم Syntax Highlighter ، روی این گزینه کلیک کنید .

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

هر گزینه توضیحات مربوط به خودش را دارد ، پس از وارد کردن تنظیمات بر روی Save کلیک کنید تا تنظیمات ذخیره شود .

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

به عنوان مثال برای زبان برنامه نویسی PHP شما کد خود را به صورت زیر درون شورت کد قرار میدهید .

[php]
<?php
echo “Hello World”;
?>
[/php]

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

برای CSS شما کد خود را به صورت زیر وارد میکنید :

[css]
.entry-title {
font-family:”Open Sans”, arial, sans-serif;
font-size:16px;
color:#272727;
}
[/css]

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

افزونه ی Syntax Hghlighter به صورت اتوماتیک کد های شما رو به صورت های لایت نمایش خواهد داد . همچنین به صورت اتوماتیک شماره های هر خط ( لاین ) رو در کنار اون اضافه میکنه و کاربران قادر خواهند بود به سادگی کد های شما رو کپی کنند .

شاید برایتان جالب باشد!  افزونه ایجاد تیکت پشتیبانی وردپرس Awesome Support

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

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

اول اینکه با استفاده از تبدیل کد ها به ظاهری شبیه به HTML مانند کد زیر :

&gt;?php echo "Hello World"; ?&lt;

کد خود رو به HTML تبدیل کنید .

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

بعد از تبدیل کد خود آن را کپی کرده و به صورت زیر در نوشته قرار دهید :

[code]   paste your code here [/code]

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

هاست ليونکس
برای دریافت آخرین مطالب,محصولات و تخفیف های ویژه ما به کانال تلگرام تالار وردپرس بپیوندید
hadi

دیدگاه بگذارید

اولین نفری باشید که دیدگاه میگذارد!

avatar
  Subscribe  
اطلاع رسانی از