ایجاد بخش نگهداری کد در وردپرس

سلام دوستان.
بنده می خوام بخشی رو مشابه تصویر ضمیمه شده در سایتم ایجاد کنم. لینک زیر رو ببینید. این سایت با وردپرس و ویژوال کامپوزر درست شده. البته شاید بخش هاییش کد نویسی باشه. می خوام ببینم آیا کسی هست که بدونه بدون کد نویسی، چطور می شه همچین بخشی رو در وردپرس درست کرد؟

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

سلام
از افزونه Crayon Syntax Highlighter استفاده کنید

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

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

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

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

  • با فعال کردن گزینه ارتفاع میتونید تا یک اندازه دلخواه برای ارتفاع تعیین کنید تا در صورتی که حجم کدها زیاد بود باکس مربوط به نمایش کد اگر از این مقدار بیشتر شدن اسکرول بخوره و محتوای طولانی در نوشته به وجود نیاد.
  • با فعال کردن گزینه عرض هم میتونید تا همین کار را به صورت افقی اعمال کنید تا اگر یکی از خطور کدها طولانی بود محتوای صفحه زیاد اشغال نشه.
  • با فعال کردن گزینه‌های فاصله از بالا ، پایین ، چپ و راست هم میتونید تا یک فاصله‌ای را به عنوان حاشیه در نظر بگیرید تا از هر طرف بر روی باکس نمایش کد در وردپرس اعمال بشه.
  • با گزینه تراز افقی هم میتونید تا تراز باکس کد را به انتخاب خودتون در مرکز نوشته، سمت چپ و یا سمت راست قرار بدین تا ظاهر و جلوه منظم‌تری برای این باکس ایجاد کنید.
    تولبار: با استفاده از این بخش می‌تونید تا منوی بالای باکس نمایش کدهای برنامه نویسی در وردپرس را سفارشی سازی کنید تا منوی تولبار در چه حالتی به کاربران نمایش داده شود. در حالت عادی تولبار در باکس مخفی هستش و وقتی نشانگر موس روی باکس کد قرار بگیره تولبار در بالا نمایش داده میشه که میتونید از ابزار اون مثل کپی کردن کدها، نمایش کدها در پنجره جدید و… را کنترل کنید.

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

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

6 Likes

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

1 Like

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

1 Like