شرکت طراحی سایت فرتاک | شرکت طراحی سایت در تهران

02191691075

پشتیبانی 24 ساعته

تهران ، خیابان ستارخان ، باقرخان

پلاک 117 ، طبقه دوم واحد 3

02191691075

پشتیبانی 24 ساعته

ملاقات حضوری شنبه تا پنج شنبه

از ساعت 8 صبح تا 8 عصر

آموزش قرار دادن جعبه کد در نوشته های وردپرس – کد محتوا ( Fartak 106151 )

قراردادن جعبه کد در نوشته های وردپرس

آنچه در این مقاله میخوانید :

مقدمه

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

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

در این مقاله آموزشی از هلدینگ فرتاک قصد داریم، شما را با آموزش قراردادن جعبه کد در نوشته های وردپرس آشنا کنیم تا از این پس قادر باشید کد‌های برنامه نویسی را با هر زبانی مثل php ، css، html، جاوا اسکریپت و… به شکل کد شده و منظم  در قالب یک جعبه یا باکس نمایش داده و به راحتی و آسانی از آنها در نوشته‌های وردپرس استفاده کنید.

نوشتن کد در وردپرس با افزونه قراردادن جعبه کد در نوشته های وردپرس

افزونه‌ای که می‌خواهیم آن را معرفی کنیم Crayon Syntax Highlighter  است که در مخزن وردپرس شناخته شده و به ثبت رسیده است.

این افزونه بیش از 50.000 نصب فعال و کسب امتیاز 4.7 را نصیب خود کرده و بازخوردهای خوبی نیز بین کاربران کسب کرده است. در واقع از این افزونه می‌توانید به عنوان بهترین افزونه قرار دادن کد در وردپرس نام برده و استفاده کنید.

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

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

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

برای انجام این کار باید مطابق زیر عمل کنید:

افزونه Crayon Syntax Highlighter

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

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

 

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

 

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

 

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

 

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

 

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

 

  • گزینه آخر که به توضیح آن می‌پردازیم گزینه تراز افقی است که شما با فعال کردن این گزینه می‌توانید تراز باکس کد را به سلیقه و انتخاب خودتان در مرکز نوشته، سمت چپ و یا سمت راست بگذارید و با این‌کار شکل، ظاهر و همچنین جلوه منظم‌ و مرتب‌تری  برای این باکس ایجاد می‌کنید .
تنظیمات افزونه Crayon Syntax Highlighter

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

اگر در حالت اصلی بخواهیم در نظر بگیریم باید بدانیم که منوی تولبار در حالت اصلی به صورت مخفی است و وقتی که نشانگر موس روی باکس کد قرار می‌گیرد تولبار در بالای صفحه نمایشگر نشان داده می‌شود و می‌توانید از ابزارهای آن مثل کپی کردن کدها یا نمایش کدها در صفحات جدید را کنترل کنید .

 

خطوط: در بخش خطوط شما می‌توانید هر خط کد نوشته شده را در باکس کدی که در متن نوشته وردپرس بود، شکل و نظم بهتری داده و خطوط را شماره‌گذاری کنید و حتی روی خطوط مهم علامت‌گذاری کنید .

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

افزودن پرونده چندرسانه ای در جعبه کد وردپرس

حال تصویری مانند تصویر زیر برای شما باز می‌شود که می‌توانید کدهای جدید را وارد کنید .

واد کردن کدها در وردپرس

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

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

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

نتیجه گیری

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

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

سوالات متداول

در پاسخ به بخش اول سئوال شما باید گفت که نوشته ها مربوط به مقاله نویسی هستند، و کاربرد نوشته و برگه در وردپرس متفاوت است، پس شما باید مقالات خود را در بخش نوشته ها بنویسید.
بخش دوم سئوال »» پلاگین یواست یکسری راهنمایی ها برای سئوی محتوا به شما ارائه میدهد که بخش های مهم آن عبارتند از » حجم محتوا – کیفیت محتوا – لینک دهی داخلی ساختارمند – درج seo title و meta description برای صفحه ، سئوی تصاویر حتما رعایت شود. که این موارد را شما ملزم هستید که رعایت نمایید.
بخش سئو سئوال »»» شما می توانید یک مقاله ایجاد کنید که مطلب کوتاه در آن درج شده است، و در آن به مقاله ای که مفصل تر می باشد لینک دهید »» به عنوان مثال » یک نوشته داریم به نام آموزش ساخت لوگو در فتوشاپ »» توضیحات مختصری در آن ارائه می شود »»» از این نوشته لینک داده می شود به نوشته آموزش فتوشاپ که مفصل تر و جامع تر ارائه شده است.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

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