آموزش نمایش کد در سایت با افزونه SyntaxHighlighter Evolved

آموزش نمایش کد در سایت با افزونه SyntaxHighlighter Evolved

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

 

وبیت مرجع نشر آموزش های وبمستری و معرفی افزونه های کاربردی

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

 

همانطور که گفتیم قراره افزونه ایی رو بهتون معرفی کنیم . این افزونه با هدف نمایش دادن کدها در وبسایت ساخته شده است . این افزونه به این نحو کار میکند که شما با نصب و فعال سازی آن ، میتوانید هر آنچه کدی که در مقالات یا پست های سایت خودتون اضافه میکنید ، به صورت متن نباشه ! یعنی جدی جدی قراره کد های سی پلاس پلاس ، پایتون ، روبی و … رو به سایت وردپرسی خودتون اضافه کنید. جالبه مگه نه  (: ! با ما همراه باشید تا بیشتر راجبش بدونیم .

 

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

ب طور معمول و رایج برای نمایش کد در وردپرس به چالش هایی بر میخورید . افزونه SyntaxHighlighter Evolved افزونه ای است برای نمایش کد در وردپرس، با این افزونه می توانید در متن مطالب سایت خود کد های مختلف با زبان های برنامه نویسی مختلف را به کاربران نمایش دهید. بعد از نصب و فعالسازی افزونه ( آموزش نصب افزونه در وردپرس ) به بخش تنظیمات > Syntax Highlighter برای تنظیم و سفارشی سازی افزونه مراجعه کنید. تنظیمات این افزونه برای نمایش کدها در سایت وردپرسی بصورت پیشفرض و دیفالت هستند . اگر قصد تغییر آنها را داشته باشید ، باید به قسمت تنظیمات افزونه بروید و پیکربندی دلخواه تون رو پیاده سازی کنید .البته قابل ذکره که پیکربندی این تنظیمات خیلی ساده است !

 

آموزش نمایش کد در سایت با افزونه SyntaxHighlighter Evolved

 

بالاتر گفتیم که این پلاگین با چه هدف و کارکردی ، ساخته شده است . در واقع این افزونه از یک شورت کد ساده استفاده می کند. به عنوان مثال اگر من بخواهم یک کد php را با این افزونه در متن مطالب سایت نمایش بدم کافیه اون رو به شکل زیر بنویسم !

[php]

<?php

echo “وبیت ، مرجع نشر مقالات آموزش وردپرس”;

?>

[/php]

 

همانطور که در کد بالا میبینید ، کافیه که یک تگ php به شکل [php] باز کنیم و سپس اون رو به شکل [php/] ببندیم . حالا میتونیم بین این تگی که باز کردیم و بستیمش ، کلی کد php اضافه کنیم . در نتیجه به همین راحتی یک کد php رو در نوشته خود نمایش دادیم. مثلا برای نمایش کدهای دیگر سی اس اس رو مثال میزنیم . نمایش کدهای سی اس اس به صورت زیر هستند :

[css]

.vebeet-classes{

border:1px solid black;

color:#000;

background-color:rgba(0,0,0,0.5);

}

[/css]

 

وبیت این پست توسط نگارش شده است.

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

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

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !

همکاران وبیت