امروز : سه شنبه ۱۶ آذر ۱۳۹۵ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

امام حسین(ع) : بخشنده‌ترین مردم کسی است که به آنکه چشم امید به او نبسته ، بخشش ‌کند.
faradars

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;
}

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

حتما بخوانید  نمایش مطالب مرتبط وردپرس بدون افزونه
هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
امتیاز دهید

بازدید : 84 بار دسته بندی : آموزش ، آموزش وردپرس دیدگاه : ۰ تاريخ : ۱۰ آبان ۱۳۹۵
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما یاهو
محمد پورداداش

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

دیدگاه کاربران انتشار یافته : ۰ در انتظار بررسی :