برای استعلام یا ارسال سفارش اینجا کلیک کنید.

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

how-to-display-code آموزش نمایش کد بدون افزونه در وردپرس

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

گاها دوست داریم در سایت خود کدهای که در محتوا منتشر کرده ایم بصورت ویژه و با استایل خوبی نمایش دهیم. این کار با استفاده از افزونه هایی مانند SyntaxHighlighter قایل اجرا است ولی ما امروز به شما یاد میدهیم که بدون افزونه و یا اضافه کردن چندین کلاس در فایل استایل خود این امر رو به آسانی انجام بدید. همیشه با ما بروز بمانید.

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

خوب برای اینکار ابتدا باید کد های خود را در ویرایشگر متن وردپرس با استفاده از تگ های code , pre اضافه کنید مثلا بصورت زیر :

<pre>

<html>

<body>

...

</body>

</html>

</pre>

سپس فایل استایل style.css قالب وردپرس خود را ویرایش کنید و کد های زیر را در آخر این فایل قرار بدید.

code, pre {
direction:ltr;
width: 90%;
display: block;
color: #333333;
overflow:auto;
background: linear-gradient(#fcfcfc 50%,#f7f7f7 50%) repeat local 0 0 / 38px 38px #fafafa;
border: 1px solid #f2f2f2;
padding: 10px 28px;
margin: 10px 0px;
max-height: 200px;
line-height: 120%;
border-right: 3px solid #6ce26c;
}

کار تمومه
موفق باشید.

هاست و دامنه ندارید!؟ سفارش دهید
من محمد پورداداش متولد سال ۱۳۶۷ در خدمت شما هستم. طراحی گرافیک و وب مهترین مسئولیت من بوده و است. سعی خواهم کرد بهتر از همیشه در خدمت شما باشم. خوب بودن به حرف نیست به رفتار نیک و عمل پسندیده است.
در کانال ما عضو شوید و از آخرین اخبار ، محصولات و تخفیف با خبر شوید... کانال تلگرام وبیت

محصولات پیشنهادی به شما

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

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

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

آخرین نمونه کار ها مشاهده همه

آخرین طرح های اختصاصی اجرا شده
وبیت