چرا وردپرس کد html را نمیخواند؟

[سیدرضا بازیار 257]

من قصد دارم یه کد رو توی وردپرس بزارم

کد زیر رو توی استایل میزارم

p{
  color: black
}
box {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 200px);
  width: 370px;
  height: 260px;
  background-color: #00FFFF;
  border: solid 1px #000000;
  box-shadow:
    inset 60px 0 120px #00FFFF,
    inset -60px 0 120px #00FFFF;
}
.myButton {
-moz-box-shadow: 0px 0px 2px 1px #360606;
-webkit-box-shadow: 0px 0px 2px 1px #360606;
box-shadow: 0px 0px 2px 1px #360606;
background-color:#0bbd17;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:2px solid #030a04;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:16px;
padding:9px 49px;
text-decoration:none;
text-shadow:0px 0px 50px #ffffff;
}
.myButton:hover {
background-color:#179c03;
}
.myButton:active {
position:relative;
top:1px;
}

کد زیر رو هم توی پست ارسال شده میزارم

<box>
  <center>
	 <a href="#" class="myButton">Download1</a><br />
		 <a href="#" class="myButton">Download2</a><br />
		 <a href="#" class="myButton">Download3</a><br />
	    <a href="#" class="myButton">Download4</a><br />
		    <a href="#" class="myButton">Download5</a><br />
		    <a href="#" class="myButton">Download6</a><br />

  </center>
</box>

اما وردپرس در هنگام ارسال پست, تگ <box> رو از بین میبره و کد من فراخوانی نمیشه

دمو کد: http://codepen.io/anon/pen/DLswI

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

[سیدرضا بازیار 257]

شما تاکید رو تگ باکس دارید؟

به دایو نمیتونید تغییر بدید؟

نه. تاکید ندارم

به هر چیزی حاضرم تغییر بدم

فقط میخوام نمایش داده بشه

چه کلمه ای بزارم؟

دایو ممکنه مشکل به وجود بیاره...

[imanfakhar 26231]

<div class="box">
  <center>
		 <a href="#" class="myButton">Download1</a><br />
				 <a href="#" class="myButton">Download2</a><br />
				 <a href="#" class="myButton">Download3</a><br />
			    <a href="#" class="myButton">Download4</a><br />
					    <a href="#" class="myButton">Download5</a><br />
					    <a href="#" class="myButton">Download6</a><br />

  </center>
</div>

p{
  color: black
}
.box {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 200px);
  width: 370px;
  height: 260px;
  background-color: #00FFFF;
  border: solid 1px #000000;
  box-shadow:
	    inset 60px 0 120px #00FFFF,
	    inset -60px 0 120px #00FFFF;
}
.myButton {
-moz-box-shadow: 0px 0px 2px 1px #360606;
-webkit-box-shadow: 0px 0px 2px 1px #360606;
box-shadow: 0px 0px 2px 1px #360606;
background-color:#0bbd17;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:2px solid #030a04;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:16px;
padding:9px 49px;
text-decoration:none;
text-shadow:0px 0px 50px #ffffff;
}
.myButton:hover {
background-color:#179c03;
}
.myButton:active {
position:relative;
top:1px;
}

یا اینکه از طریق پیشخوان - تنظیمات - نوشتن تیک وردپرس باید نوشته های تو در تو را اصلاح کند را بردارید

[سیدرضا بازیار 257]

<div class="box">
<center>
		 <a href="#" class="myButton">Download1</a><br />
				 <a href="#" class="myButton">Download2</a><br />
				 <a href="#" class="myButton">Download3</a><br />
			 <a href="#" class="myButton">Download4</a><br />
					 <a href="#" class="myButton">Download5</a><br />
					 <a href="#" class="myButton">Download6</a><br />

</center>
</div>

p{
color: black
}
.box {
position: absolute;
top: calc(50% - 100px);
left: calc(50% - 200px);
width: 370px;
height: 260px;
background-color: #00FFFF;
border: solid 1px #000000;
box-shadow:
	 inset 60px 0 120px #00FFFF,
	 inset -60px 0 120px #00FFFF;
}
.myButton {
-moz-box-shadow: 0px 0px 2px 1px #360606;
-webkit-box-shadow: 0px 0px 2px 1px #360606;
box-shadow: 0px 0px 2px 1px #360606;
background-color:#0bbd17;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:2px solid #030a04;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:16px;
padding:9px 49px;
text-decoration:none;
text-shadow:0px 0px 50px #ffffff;
}
.myButton:hover {
background-color:#179c03;
}
.myButton:active {
position:relative;
top:1px;
}

یا اینکه از طریق پیشخوان - تنظیمات - نوشتن تیک وردپرس باید نوشته های تو در تو را اصلاح کند را بردارید

باز هم کد عمل نکرد

[imanfakhar 26231]

یعنی چجوری عمل نکرد وردپرس تگ رو حذف کرد یا کار خاصی قرار بود کدها انجام بدند که عمل نمی کنه؟

می تونید کدهاتون رو در فانکشنز تبدیل به shortcut کنید

توضیح بدید کگار کدها دقیقا چیه تا کدش رو برتون بگذارم

[سیدرضا بازیار 257]

من میخوام یه سایت موزیک بسازم. حالا میخوام اولین موزیک رو توی سایت بزارم

http://codepen.io/anon/pen/nkwvG

من این کد رو ساختم که نام آهنگ = یه دکمه دانلود + پخش آنلاین موسیقی + دوتا بخش واسه قرار دادن 2 کد برای پخش آنلاین موسیقی (برای وبلاگ ها) داره

من کد css رو توی استایل سایتم کذاشتم و کد html رو توی پست ارسال میکنم

همه بخش ها عمل میکنه بجز کادر آبی رنگ که اطراف کد قرار داره

ویرایش شده خرداد 93 توسط سیدرضا بازیار

[rezakianoosh 1795]

اگر میخایین توی تمام مطالب تون این قابلیت باشه باید از زمینه های دلخواه استفاده کنین و بعد کدهای php مورد نیاز فراخوانی زمینه ها رو توی کدهای html تون قرار بدید ...

[امیر موسوی 37]

با سلام

همون طور که استاد گفتند بهتره که از کدکوتاه یا shortcode استفاده کنید. برای اینکار به ترتیب زیر عمل کنید:

//[my_shortcode]
function my_func() {


echo <<<_END
<html>
	<head>
		<title>Form Test</title>
	</head>
		<body> Your name is: $name<br />
			<form method="post" action="formtest2.php">
What is your name?
				<input type="text" name="name" />
				<input type="submit" />
			</form>
		</body>
	</html>

_END;


}
add_shortcode( 'my_shortcode', 'my_func' );

من به ترتیب کار هر خط رو توضیح میدم.

1: چیز خاصی نیست. یه کامنته فقط واسه این که بدونیم کدکوتاهی که در ادامه نوشتیم چه اسمی داره.

2: خط دوم یه تابع رو به اسم my_func تعریف میکنه.

3: بین دوتا آکولاد کد html خودمون رو در قالب کد php می نویسیم. یعنی در واقع کد html رو echo می کنیم در مورد اینکه اون END_>>> چیه یه توضیح تو اینجا هست. بقیش هم که یه فرم html ساده است.

4: خط چهارم هم یکی از توابع وردپرسه که آرگومان اولش اسم کدکوتاه و آرگومان دوم اسم تابع دلخواه ماست. یعنی به وردپرس میگه کدکوتاه با اسم my_shortcode باید کارهایی که توی تابع my_func نوشته رو انجام بده (خیلی ساده گفتم که اگه تازه کارها خوندن بفهمن. قصد جسارت به شما رو نداشتم)

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

http://codex.wordpress.org/Function_Reference/add_shortcode

ویرایش شده خرداد 93 توسط Xerxes Parsi

[سیدرضا بازیار 257]

اما من نمیخوام از زمینه دلخواه استفاده کنم...

میخوام به صورت دستی این کار انجام بشه

[سیدرضا بازیار 257]

متاسفانه باز هم کار نکرد

لطفا یه راه براش پیدا کنید

ضروریه

[imanfakhar 26231]

پاسختون رو که دوستان گفتند ولی برای اینکه دقیق تر باشه این کد را در functions.php کپی کنید

function custom_shortcode( $atts , $content = null ) {
// Code
$mycontent ='<box>';
$mycontent .= $content;
$mycontent .='</box>';
return $mycontent;
}
add_shortcode( 'box', 'custom_shortcode' );

و کدهاتون رو داخل پست به صورت

[box]
<center>
				 <a href="#" class="myButton">Download1</a><br />
								 <a href="#" class="myButton">Download2</a><br />
								 <a href="#" class="myButton">Download3</a><br />
							    <a href="#" class="myButton">Download4</a><br />
											    <a href="#" class="myButton">Download5</a><br />
											    <a href="#" class="myButton">Download6</a><br />

  </center>
[/box]

بگذارید