خانه / افزونه وردپرس / افزونه محتوی / آموزش افزونه Crayon Syntax Highlighter

آموزش افزونه Crayon Syntax Highlighter

آموزش افزونه Crayon Syntax Highlighter

افزونه Crayon Syntax Highlighter یکی از نیازهای سایت های آموزشی همچون اسنپ وردپرس است. به این شکل کاربران می توانند کدهای لازم را کپی کنند. این روش به کاربران تازه کار بسیار کمک می کند. و به قول معروف کاربر پسندتر است . همچنین در انتقال کدها هم دیگر خیال استاد مربوطه راحت می شود.

آموزش افزونه Crayon Syntax Highlighter

 

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

کدهام ی توانند از هر زبان برنامه نویسی همچون html Css PHP java و … باشد. هیچ محدودیتی وجود ندارد.

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

نتیجه واقعا شما را شگفت زده می کند. در ادامه همراه اسنپ وردپرس باشید تا با آموزش این افزونه در خدمت شما باشیم.

 

 

افزونه Crayon Syntax Highlighter

افزونه‌ای که قصد معرفی آن را درایم با عنوان Crayon Syntax Highlighter در مخزن وردپرس به ثبت رسیده است. این افزونه با بیش از ۵۰٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۷  از بین بازخوردهای کاربران در جایگاه خیلی خوبی قرار گرفته است. از این رو یکی از بهترین افزونه های کاربردی برای نمایش کد در نوشته های وردپرس می باشد.

 

برای شروع این افزونه را از این لینک دانلود کنید. در مرحله بعد با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی افزونه در سایت کنید.

بعد از نصب و فعال سازی افزونه Crayon Syntax Highlighter مشابه تصویر زیر به منوی تنظیمات> Crayon مراجعه کرده و همونطور که میبینید اقدام به سفارشی سازی تنظیمات افزونه بر اساس سلیقه خودتون برای نمایش کدهای برنامه نویسی در وردپرس بکنید.

 

بیشتر بخوانید : آموزش افزونه سئو وردپرس Yoast SEO

 

تنظیمات Crayon Syntax Highlighter

 

قالب:

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

 

فونت:

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

 

معیار ها:

با استفاده از این قسمت  چینش باکس نمایش کد در مطالب وردپرس را تعیین کنید. برای این منظور هر قسمت را به دلخواه خودتان بر اساس توضیحات زیر تغییر دهید.

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

با فعال کردن گزینه عرض هم میتونید تا همین کار را به صورت افقی اعمال کنید تا اگر یکی از خطوط  طولانی بود محتوای صفحه زیاد اشغال نشود.

با فعال کردن گزینه‌های فاصله از بالا، پایین، چپ و راست هم میتوانید یک فاصله‌ را به عنوان حاشیه در نظر بگیرید تا از هر طرف بر روی باکس نمایش کد در وردپرس اعمال بشود.

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

 

 

تنظیمات افزونه crayon syntax highlighter plugin

 

تولبار:

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

در حالت عادی تولبار در باکس مخفی هستش و وقتی نشانگر موس روی باکس کد قرار بگیره تولبار در بالا نمایش داده میشه که میتونید از ابزار اون مثل کپی کردن کدها، نمایش کدها در پنجره جدید و… را کنترل کنید.

 

خطوط:

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

سایر تنظیمات افزونه هم نیاز به توضیحات خاصی نداره و کاملا گویا هستند. حالا تنظیمات را ذخیره کرده و به ویرایش یکی از مطالب خودتون مراجعه کنید. خواهید دید که مشابه تصویر زیر دکمه‌ای در ویرایشگر اضافه شده که برای اضافه کردن کدها میتونید از اون استفاده کنید.

 

 

اضافه کردن افزونه Crayon Syntax Highlighter

 

تنظیمات اختصاصی Crayon Syntax Highlighter

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

بعد از اینکه کد را در نوشته اضافه کردید مشابه تصویر زیر خواهید دید که کدها با ظاهری زیبا و منظم در نوشته نمایش داده خواهند شد و کاربران هم قادر خواهند بود تا با استفاده از ابزاری که دارند از این کدها بهره کافی را ببرند.

 

 

افزونه کد در مطلب | crayon syntax highlighter plugin

خلاصه مطلب :

در این مقاله افزونه نمایش کد در مطالب وردپرس به نام Crayon Syntax Highlighter با آموزش تصویری معرفی می کنیم.

 

سخن پایانی:

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

مطلب پیشنهادی

۳ مورد از بهترین صفحه سازان Drag & Drop وردپرس در سال ۲۰۱۹

۳ مورد از بهترین صفحه سازان Drag & Drop وردپرس در سال ۲۰۱۹

به دنبال راهی آسان برای ساختن و سفارشی کردن سایت وردپرس هستید؟  اگر اینطور است …

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

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