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

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

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

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

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

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

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

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 491 بار دسته بندی : آموزش ، آموزش وردپرس دیدگاه : ۰ تاريخ : ۱۰ آبان ۱۳۹۵
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
مصطفی قدیمی

مصطفی قدیمی هستم متولد 1373 مدیر و موسس شرکت آوینا وب , علاقه مند به راهکار های نوین تجارت الکترونیک و راه اندازی کسب و کار های اینترنتی

دیدگاه کاربران تعداد دیدگاه : ۰