رفتن به مطلب

گذاشتن کد در وردپرس


پست های پیشنهاد شده

http://wpfarsi.com/1267/%D8%A7%D8%B6%D8%A7%D9%81%D9%87-%D9%86%D9%85%D9%88%D8%AF%D9%86-%D8%A8%D8%A7%DA%A9%D8%B3-%D8%AF%D8%B1%D8%A8%D8%A7%D8%B1%D9%87-%D9%86%D9%88%DB%8C%D8%B3%D9%86%D8%AF%D9%87.html

اگه به سایت بالا نگاه کنید میبینید که کد هایی رو که میزاره توی یه کادر مشکل قرار گرفته و خیلی زیباست

اون از چه افزونه ای استفاده میکنه؟

اگه میشه به ما هم بگید تا بزاریم!

لینک به ارسال

افزونه نیست استایل است


pre {
direction:ltr;
padding:10px 10px 10px 60px;
display:block;
margin:auto;
overflow:auto;
color:#fff;
background:#fff;
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius:6px;
}

و کدها را داخل pre بگذارید

لینک به ارسال

این کد اشتباه بود و عمل نکرد

من میخوام یه کد رو واسه کاربرا بزارم توی سایتم اما وقتی کد رو میزارم بد میشه

میخوام مثل اون سایت توی یه کادر مشکی باشه

لطفا یکی راهنمایی کنه!

لینک به ارسال

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

شما وقتی کد رو میزارید داخل pre بزارید و استایل رو هم داخل css ّزارید همون طوری میشه

اینی که آقا ایمان گفتن خیلی بهتر از افزونه هستش !

لینک به ارسال

پیرو حرف آقا کسری برای این که این کار رو انجام بدید اول در فایل style.css بگردید و ببینید که pre وجود نداشته باشد اگر وجود داشت این استایل رو جایگزین و اگر وجود نداشت در آخر فایل استایل اضافه کنید و بعد در هرجا که خواستید از این حالت استفاده کنید به این شکل استفاده کنید:


<pre>متن مورد نظر</pre>

ویرایش شده توسط someone
لینک به ارسال

کد per رو در استایل بزارم؟؟؟؟؟

نه

هر موقع میخوای کدی بزاری باید داخل این بزاری

پست someone رو خوب بخون

لینک به ارسال

کد per در راست قرار داشت و کد شما در قسمت چپ

من کد per رو در پست خودم میزارم و کد خودم رو جلو per

pre { کد من

direction:ltr;

padding:10px 10px 10px 60px;

display:block;

margin:auto;

overflow:auto;

color:#fff;

background:#fff;

text-align:left;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-khtml-border-radius:6px;

}

اما باز هم عمل نمیکنه!

لینک به ارسال

کد per در راست قرار داشت و کد شما در قسمت چپ

من کد per رو در پست خودم میزارم و کد خودم رو جلو per

pre { کد من

direction:ltr;

padding:10px 10px 10px 60px;

display:block;

margin:auto;

overflow:auto;

color:#fff;

background:#fff;

text-align:left;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-khtml-border-radius:6px;

}

اما باز هم عمل نمیکنه!

ببینید در تصویر مشخص کردم.14298585759155602544.png

بعد از این که این مراحل رو طی کردید این کد ها رو در آخر فایل استایل کپی کنید:


pre {
direction:ltr;
padding:10px 10px 10px 60px;
display:block;
margin:auto;
overflow:auto;
color:#fff;
background:#fff;
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius:6px;
}

و بعد در هر جا که خواستید ازشون استفاده کنید متن رو این طوری قرار بدید:


<pre>متن مورد نظر</pre>

لینک به ارسال

کد per در راست قرار داشت و کد شما در قسمت چپ

من کد per رو در پست خودم میزارم و کد خودم رو جلو per

pre { کد من

direction:ltr;

padding:10px 10px 10px 60px;

display:block;

margin:auto;

overflow:auto;

color:#fff;

background:#fff;

text-align:left;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-khtml-border-radius:6px;

}

اما باز هم عمل نمیکنه!

از لینکی که گذاشتم کد ها را بردارید و عین خودش جاگذاری کنید

http://jsbin.com/anuxal/7/edit

اگر نتونستید فایل style.css را بگذارید اینجا

لینک به ارسال

درست شد. ممنون

http://www.balyan.ir/?p=1345

یکم رفته سمت راست.نمیشه اون رو یکم بیارم چپ؟

لینک به ارسال
  • 2 ماه بعد...

از اموزش بسیار خوبتون ممنونم / من دو تا سوال در همین راستا برام پیش اومد !

1- به جای تگ pre از چه تگهای دیگه ای هم میشه استفاده کرد.

2- این کار خطری (خطرناک) نیست ؟ منظورم اینه که اگه مثلا کدهای php و یا کدهای مخربی قرار داده شوند ، هیچ اتفاقی نمی افته ؟

لینک به ارسال

1- جایگزین از چه جهت؟

2- خیر اگر منظور این هست که در نوشته قرار بگیرن خیر خطری نیست

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...