سیدرضا بازیار

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

18 پست در این موضوع قرار دارد

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 را بگذارید اینجا

به اشتراک گذاری این پست


لینک به پست

در کد بالا مقدار 60 را تغییر دهید:


padding:10px 10px 10px 60px;

به اشتراک گذاری این پست


لینک به پست

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

برای این منظور جایگزینی نداره

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری