نمایش کد در مقالات وردپرس بدون نیاز به افزونه
نمایش کد در مقالات وردپرس بدون نیاز به افزونه :
باز هم سلام یه آموزش دیگه براتون آوردم و یک آموزش کاربردی بدون نیاز به افزونه از اینکه چطور می توانید بدون استفاده از افزونه در سایت خود کد نمایش دهید یا کد های مختلفی که می خواهید به کاربران خود آموزش دهید را نمایش دهید ، این آموزش برای کسانی مفید است که در سایت خود می خواهند کد در مقاله های سایت خود نمایش دهند
حتما شما هم مانند ما یک وب سایت هستید که برای کاربران خود یا کد نویسی ها و توسعه دهنده های مربوط به کار خودتان نیاز دارید که کد در مقاله های سایت نمایش دهید به صورت معمول نمایش کد ها در وردپرس یا مطالب های آن دردسر های خودش را دارد ولی زمانی که وردپرس ، ویرایشگر خود را به ویرایشگر جدید یعنی گوتنبرگ آپدیت کرد دیگر نیاز به این کار نیست تا افزونه ای نصب شود
در ضمن شما می توانید با این روش به بهترین شکل کد های که می خواهید را در مقاله سایت خود نمایش دهید و این بهترین راه برای نمایش کد ها در سایت شما حالا چه در مقاله و چه در برگه های سایت شما می باشد.
در واقع نمایش کد ها در سایت یا در مقاله های آموزشی میتواند جنبه های مختلف داشته باشد و همانطور که گفته شده است بیشتر سایت های آموزشی از این کار ها انجام می دهند و کد در مقاله یا حالا برگه های سایت خود قرار می دهند و افزونه های زیادی هم هست مانند افزونه SyntaxHighlighter که شما می توانید این افزونه را نصب و فعالسازی کنید و در سایت خود استفاده کنید ولی چرا سری که درد نمیکنه را الکی دستمال ببندیم ! زمانی که خود وردپرس این امکان را به ما داده از افزونه های اضافه خود داری کنیم
آموزش قرار دادن کد در گوتنبرگ به صورت ویدیویی :
آموزش قرار دادن کد در مطالب یا برگه ها در سایت با گوتنبرگ :
این بخش همان بخش نوشته های تازه وردپرس است یا همان بخش برگه جدید در وردپرس که می خواهید یک برگه یا یک نوشته جدید ایجاد کنید یادتونه که آموزشش کامل در سایت هست حالا میخواهیم یک کد را در نوشته ها نمایش دهیم چطور می توانیم این کار را انجام دهیم ، همانطور که در ویدیو بالا توضیح داده شده است برای نمایش کد در مقاله ها باید وارد بخش نوشته ها و زیر مجموعه نوشته های تازه شوید مانند تصویر زیر که مشاهده می کنید.
بعد از وارد شدن به صفحه نوشته تازه یک صفحه مانند تصویر زیر وارد می شوید که در آن می توانید شروع به نوشتن مقاله یا پست جدید در سایت خود کنید و شما یک بخش مانند تصویر زیر مشاهده می کنید که باید طبق آموزش زیر تصویر برای خود کدی که می خواهید نمایش دهید را بنویسید
خیلی راحت است ، قرار دادن کد در مقالات وردپرسی ، صد البته اگر کار با گوتنبرگ را بلد باشی ولی باز هم میگم نترس یواش یواش یاد میگیری برای اینکه بتونی در کد در مقالات نمایش دهید همان طور که گفته شد وارد صفحه نوشته تازه که شدید مانند تصویر بالا که مشاهده می کنید به یک همچنین صفحه ای مواجه می شوید که باید طبق آموزش زیر عمل کنید
- باید بر روی علامت جمع یا همان بعلاوه + کلیک کنید و یک بخش مانند کنار تصویر بالا برای شما نمایش داده می شود
- بعد از باز شدن بخش کنار مانند تصویر بالا در بخش جستجو کلمه کد را سرچ یا جستجو کنید
- بعد از جستجو کلمه کد ، چند ابزارک مانند تصویر بالا برای شما نمایش داده می شود که شما باید بر روی دکمه کد که مشخص شده است با عدد 3 کلیک کنید
تفاوت استفاده از افزونه با ویرایشگر گوتنبرگ هم خیلی هاتون سوال کردید :
ببنید ! آره میشه از افزونه هم استفاده کرد ولی در نظر داشته باشید که نصب افزونه های زیادی می تواند برای سایت شما مضر باشد ولی تفاوت استفاده از افزونه این است که اگر شما افزونه را نصب کنید به کد را با آن افزونه نمایش دهید می توانید تغییراتی در طرح نمایش کد در مقالات سایت یا برگه ها داشته باشید ، تغییراتی چون تغییر پوسته نمایش کد ها یا تغییر فونت نوشته کد ها یا دیگر امکاناتی که در افزونه به شما ارائه می شود.
به همین راحتی شما می توانید کد در مقاله یا برگه های سایت خود نمایش دهید
موفق و پیروز باشید.