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

۱۶ مرداد ۱۳۹۷

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

در این آموزش قصد داریم که چگونگی نوشتن کدها را اعم از 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> قرار دهید.

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

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

 

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

 

دیدگاه شما

مطالب پر بازدید
صفحه‌ آرایی کتاب یک تخصص است

ممکن است گمان کنید صفحه‌ آرایی کتاب کار ساده‌ای است و عنوان «صفحه آرایی تخصصی کتاب» عبارتی اغراق شده است. به خصوص که وقتی یک کتاب ...

صفحه آرایی
صفحه آرایی

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

هزینه صفحه آرایی کتاب و پایان نامه
هزینه صفحه آرایی کتاب و پایان نامه

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

فهرست وردپرس؛ آموزش ایجاد و استایل دهی
آموزش ایجاد فهرست وردپرس و استایل دهی

برای ساختن فهرست در وردپرس ابتدا باید در قسمت تابع functions.php کد زیر را اضافه کنیم تا به قالب وردپرسی که خودمان طراحی کردیم یه ...

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

نوشتن کد در سایت وردپرسی نیاز هر سایت آموزشی است. در این آموزش قصد داریم که چگونگی نوشتن کدها را اعم از html, css. Php jQuery ...