将表单插入wordpress页面

时间:2012-06-28 06:54:37

标签: html css wordpress

好的,我在这里创建了一个表单:

http://kenzshop.com/trevcap.html

我从中获取了所有的css,然后将它添加到我可以看到从wordpress中调用的所有地方。由于某种原因,这个wordpress主题有很多css文件。

然后我将代码(减去css)插入到wordpress中的页面。这里:

http://www.tkfinancialgroup.com/main/

但它根本没有运作,也打破了页面。不知道从哪里开始。

[解决]只需要通过重新调整我的内联样式来完成它,谢谢大家。

2 个答案:

答案 0 :(得分:0)

第二个链接中没有表单字段:

<form action="http://tkfinancialgroup.us2.list-manage.com/subscribe/post?u=a0fe2509d571ceb4fa7b4a885&id=faeefd3cd3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
    <img src="/wp-content/uploads/2012/05/guide.jpg" width="396" height="251" alt="capture"/>
    <br/>
    <div id="launchcommentsblock"/>
    <div class="aclear"/>
</form>

第一个是好的:

<form action="http://tkfinancialgroup.us2.list-manage.com/subscribe/post?u=a0fe2509d571ceb4fa7b4a885&id=faeefd3cd3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<img src="http://www.tkfinancialgroup.com/wp-content/uploads/2012/05/guide.jpg" width="396" height="251" alt="capture"/>
<div class="mc-field-group">
<input type="text" value="Name" name="FNAME" class="required" id="mce-FNAME" style="width: 117px; height: 20px; position: absolute; bottom: 115px; left: 251px; "/>
</div>
<div class="mc-field-group">
<input type="email" value="Email" name="EMAIL" class="required email" id="mce-EMAIL" style="width: 117px; height: 20px; position: absolute; bottom: 142px; left: 251px; "/>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display: none; "/>
<div class="response" id="mce-success-response" style="display: none; "/>
</div>
<div class="clear">
<input type="submit" value="" name="get access now" id="mc-embedded-subscribe" class="button" style="position: absolute; bottom: 123px; left: 329px; width: 48px; height: 14px; opacity: 0; "/>
</div>
</form>

修复此问题应修复功能。

答案 1 :(得分:0)

关键是,您将代码直接插入到wordpress帖子中吗?然后单词按下会将一些新行字符转换为

例如代码

a = function (){

   alert('this is a');

}

将是

<p>
a = function (){</p>
<p>
   alert('this is a');</p>

}

并且不正确 因此,我建议您使用iframe将表单插入帖子或直接将其插入页面模板

您也可以尝试减少代码中的输入,空行将编码为