no-img
نرم افزار افزایش بازدید سایت پرشیا آی پی persia IP

چگونه در مطالب وردپرس کدها را نمایش دهیم؟! پرشیاآی‌پی persiaip.ir


نرم افزار افزایش بازدید سایت پرشیا آی پی persia IP

ادامه مطلب

ZIP
چگونه در مطالب وردپرس کدها را نمایش دهیم؟! پرشیاآی‌پی persiaip.ir
zip
۱۳۹۶-۱۰-۱۶

چگونه در مطالب وردپرس کدها را نمایش دهیم؟! پرشیاآی‌پی persiaip.ir



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

چگونه در مطالب وردپرس کدها را نمایش دهیم؟! پرشیاآی‌پی persiaip.ir gif base64 R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs

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

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

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

چگونه در مطالب وردپرس کدها را نمایش دهیم؟! پرشیاآی‌پی persiaip.ir gif base64 R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs

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

هر گزینه توضیحات مربوط به خودش را دارد ، پس از وارد کردن تنظیمات بر روی 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 به صورت اتوماتیک کد های شما رو به صورت های لایت نمایش خواهد داد . همچنین به صورت اتوماتیک شماره های هر خط ( لاین ) رو در کنار اون اضافه میکنه و کاربران قادر خواهند بود به سادگی کد های شما رو کپی کنند .

شاید برایتان جالب باشد!  آپلود رسانه وردپرس بر روی ftp سرور دیگر

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

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

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

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

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

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

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

[code]   paste your code here [/code]

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

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

[منبع:talarwp]



موضوعات :
وردپرس

دیدگاه ها


پاسخ دهید

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

14 − 11 =