آموزش نمایش کد بدون افزونه در وردپرس
- آموزش • آموزش وردپرس
- ۲۷ بهمن ۱۴۰۲
- 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; }
کار تمومه
موفق باشید.