آموزش نمایش کد بدون افزونه در وردپرس
- آموزش • آموزش وردپرس
- ۲۷ بهمن ۱۴۰۲
- 2,858 بازدید
آنچه در این پست می‌خوانید
نمایش کد در وردپرس
گاها دوست داریم در سایت خود کدهای که در محتوا منتشر کرده ایم بصورت ویژه و با استایل خوبی نمایش دهیم. این کار با استفاده از افزونه هایی مانند 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;
}
کار تمومه
موفق باشید.
