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

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

نمایش کد در وردپرس بدون نیاز به نصب افزونه – کد باکس قرار دادن کد درون مطالب وردپرس بدون نیاز به افزونه

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

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

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

مدیران و نویسندگان وبلاگ ها و سایت هایی که در حوزه اینترنت و خدمات رسانی به وبمستران فعالیت دارند

گاهی نیاز پیدا میکنند کدها و دستورات خاصی را که جدا از متن های نوشته هستند

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

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

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

که کاربران میتوانند با زدن دکمه ی code دستور و یا کد مورد نظر خود را برای نمایش . درون محتوا قرار دهند

اما بزرگترین مشکل استفاده از حالت پیش فرض نمایش کد در وردپرس

که ناشی از عدم استایل دهی به خروجی این قابلیت توسط طراحان در بیشتر پوسته ها هست

این مسئله است که کدها و دستورات بر خلاف انتظار و خواسته ی کاربران

بدون هیچ تفاوتی با متن نوشته به نمایش در می آیند

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

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

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

افزونه هایی برای این کار وجود دارند در سطح نت که بسیار حرفه ای تر عمل می کنند

اما معایبی هم دارند از جمله اینکه

افزونه ها سایت رو سنگین میکنند . غیر از اون حجم خروجی باکس کد و محتویاتش با افزونه ها کمی بالا هستش

برای همین کار من شخصا توصیه میکنم تا میتونید بجای افزونه از کد و تغییرات دستی داخل وردپرس استفاده کنید

برای انجام این کار کافیه فایل اصلی استایل خودتون یعنی style.css رو ویرایش کنید

و تکه کد پایین رو داخل کد استایلتون قرار بدید


code, pre {min-height: 150px;
direction: ltr;
width: 90%;
display: block;
color: #333333;
overflow: auto;
background: #fcfcfc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwAQMAAAAXICLAAAAABlBMV…9bCBbW7r+lkErdQLgjRV7VYWYrv1eN7MmebHcCAADwmw3ZeQERN3CAlAAAAABJRU5ErkJggg==) left top repeat-y;
border: 1px solid #f2f2f2;
padding: 10px 28px;
margin: 10px 0px;
max-height: 350px;
line-height: 120%;
border-top: 4px solid #827882!important;
border-right: 3px solid #827882!important;
border-bottom: 4px solid #827882!important;}

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

دوستان توجه کنید گاهی داخل پوسته ها از قبل این تگ استایل دهی شده منتها استایلش مناسب نیست

میتونید با ویرایش و اضافه کردن همین چند خط استایل مشکل رو حل کنید

در ضمن میتونید شکل ظاهری استایل رو هم بنا به خواست خودتون تغییر بدید و شیک ترش کنید

من استایل رو برا خودم ویرایش کردم شما بنا به سلیقه خودتون تغییرش بدید

در ضمن اگر در گذاشتن کد به مشکل خوردید یادتون باشه باید

این علامتها رو در کد به یونیکد تغییر بدید

< >

برای تبدیل به یونیکد هم میتونید به لینک زیر مراجعه کنید

یونیکد حروف آنلاین

بهترین کدها

፨ لطفا قبل از ارسال کامنت اینجا کلیک کنید ፨

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

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

4 × 4 =

کد ها و ابزار مهم سایت پرنده غریب