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

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

آیا تا به حال به این موضوع فکر کرده اید که چگونه می توانیم در وردپرس کد ها را با نظم و آراسته به نمایش بگذاریم؟ و یا چرا نمایش کد در وردپرس می تواند سخت باشد؟

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

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

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

در این روش به راحتی و بدون نصب افزونه اضافی می توانیم کد هایمان را در معرض دید کاربران و بازدید کنندگان سایت مان به نمایش بگذاریم. البته این حالت کاملا ساده است و هیچ امکان و تنظیمات خاصی را در اختیار شما قرار نمی دهد، و شما تنها می توانید کدتان را در آن قرار داده و آن را در معرض دید عموم قرار دهید.

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

همان طور که در تصویر بالا مشاهده می کنید، با کلیک بر روی ابزارکی که با فلش قرمز مشخص کردیم، یک کادر در ادیتور برای شما بوجود می آید که می توانید با قرار دادن کدتان در این کادر، به راحتی آن را در مطلب تان نمایش دهید.

همان طور که قبل تر عرض کردیم این روش بسیار ساده است و تنها با انتخاب ابزارک و سپس جای گذاری کد مورد نظر آن را نمایش دهید اما نمایشگر بسیار ساده است و ممکن است در برخی موارد به صورت ریسپانسیو نمایش داده نشود و این مطمئنا باعث دردسر خواهد شد. بنابراین پیشنهاد می کنیم در صورتی که کد های زیادی در وب سایت تان قرار می دهید، از روش دوم که در ادامه خواهیم داشت استفاده کنید.

آموزش نمایش کد ها در وردپرس با افزونه

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

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

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

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

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

نکته ی دیگری نیز وجود دارد که باید به آن توجه داشته باشید، در صورتی که تمایل به نمایش یک کد php  دارید، باید از کد زیر استفاده کنید :
[php]
<?php
echo “Hello World”;
?>
[/php]

تا به صورت زیر نمایش داده شود :

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

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

,
نوشتهٔ بعدی
معرفی افزونه wp smush افزونه بهینه سازی تصاویر وردپرس
نوشتهٔ پیشین
معرفی افزونه Easy Digital Downloads افزونه فروشگاه دیجیتال وردپرس

مطالب مرتبط

پاسخی بگذارید

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

Fill out this field
Fill out this field
لطفاً یک نشانی ایمیل معتبر بنویسید.
You need to agree with the terms to proceed

فهرست



با ساخت حساب کاربری و سپس خریداری رایگان این محصول
 از به روز رسانی های آینده نیز مطلع خواهید بود