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

07 آگوست 2018

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

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

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

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

 

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

 

دیدگاه شما

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

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

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

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

صفحه آرایی در ایندیزاین به طور خلاصه
صفحه بندی در ایندیزاین

قطعا نرم افزار ایندیزاین بهترین گزینه برای صفحه آرایی است. هرچند صفحه آرایی در نرم افزارهای مانند ورد نیازهای ابتدایی ما را فراهم می‌کند و ...

طراحی جلد کتاب چه نکاتی دارد؟
طراحی جلد کتاب

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

چاپ دیجیتال کتاب بهتر است یا افست؟
چاپ کتاب دیجیتال

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

آشنایی کامل با چاپ افست
افست

چاپ افست را می‌توان متداول‌ترین و قدیمی‌ترین روش چاپ نام برد. کلمه‌ی افست (Offset) به معنای غیر تماسی است. به این صورت که متریال مورد ...