نوشتن کد در سایت وردپرسی با افزونه Crayon Syntax Highlighter

16 مرداد 1397 زمان مطالعه: 2 دقیقه

نوشتن کد در سایت وردپرسی نیاز هر سایت آموزشی است.

در این آموزش قصد داریم که چگونگی نوشتن کدها را اعم از html, css. Php jQuery  و … را با کمک افزونه Crayon Syntax Highlighter در سایت انتشار دهید.

نوشتن کدهای برنامه نویسی در سایت وردپرسی

 

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

نوشتن کدهای برنامه نویسی در سایت وردپرسی

 

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

نوشتن کدهای برنامه نویسی در سایت وردپرسی

با زدن بر روی آن یک صفحه باز می‌شود که میتوانید کدها را در آن بنویسد.

نوشتن کدهای برنامه نویسی در سایت وردپرسی

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

سپس مشاهده میکنید که کدها به شکل خاصی در کادر نوشته ها نوشته شده.

نوشتن کدهای برنامه نویسی در سایت وردپرسی

تنظیمات افزونه:

سپس از قسمت پیشخوان وردپرس وارد قسمت تنظیمات شده و روی گزینه crayon کلیک کنید تا وارد قسمت تنظیمات افزونه شوید.

نوشتن کدهای برنامه نویسی در سایت وردپرسی

 

نوشتن کدهای برنامه نویسی در سایت وردپرسی

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

نوشتن کدهای برنامه نویسی در سایت وردپرسی

 

نوشتن کدهای برنامه نویسی در سایت وردپرسی

بعد از انجام تنظیمات میتوانید نوشته خود را انتشار دهید و شاهد باکس کدها در سایت خود باشید.

 

نوشتن کدهای برنامه نویسی در سایت وردپرسی

 

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

<?php wp_head(); ?>  و <?php wp_footer(); ?>

کد <?php wp_head(); ?> در قسمت هدر و قبل از تگ <body> قرار دهید و کد <?php wp_footer(); ?>  در فوتر بعد از تگ </body> قرار دهید.

نبودن این کدها باعث می‌شود که اکثر افزونه‌های وردپرس کار نکنند و شما دچا مشکل شوید.

امیدوارم این آموزش به شما کمک کرده باشد.

 

هفت پیکسل، تلفیق هنر و تکنولوژی

 

دیدگاه شما

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

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