尝试添加联系表格

时间:2018-06-22 16:32:44

标签: php css wordpress

由于我的技能有限,我对此进行了一些尝试,有些困难。到目前为止,我已经创建了该区域,但是事实证明,添加联系表单对我来说是一个巨大的挑战。

这是到目前为止的区域: enter image description here

灰色区域是我想要联系表格的地方,如下所示: enter image description here

我希望获得联系表:

  1. 添加(问问题)

  2. 使用联系表格的人必须输入姓名,电子邮件和电话,然后才能发送联系代理按钮。

  3. 默认消息的信息框:我对发信地址感兴趣,但他们始终可以通过键入自己的消息来覆盖。

  4. 联系消息将被发送到上面填写的任何电子邮件地址(现在位于我的邮箱joe@teamambrose.realtor

  5. 在“联系代理”按钮下方显示:发送请求即表示您同意我们的隐私政策。

这是到目前为止我在代码上的位置:

<!--======= Agent Info =========-->
			<section class="info-property agents-info">
				
				<h5 class="tittle-head"><?php esc_html_e('agent details', 'realtor');?></h5>
				<div class="inner"> 
					
					<!--======= AGENT DETAILS =========-->
					<div class="row">
						<div class="col-sm-3">
							<?php echo wp_get_attachment_image(_sh_get_attachment_id_from_src(sh_set($meta1, 'agent_img')), '270x288');?>
						</div>
						<div class="col-sm-9">
							<?php $term_list = wp_get_post_terms(get_the_id(), 'property_agent', array("fields" => "names")); ?>
							<h5><?php echo implode( ', ', (array)$term_list );?></h5>
							<!--======= SOCIAL ICONS =========-->
							<ul class="social_icons">
								<li class="facebook"><a href="<?php echo sh_set($meta1, 'facebook_link');?>"><i class="fa fa-facebook"></i></a></li>
								<li class="twitter"><a href="<?php echo sh_set($meta1, 'twitter_link');?>"><i class="fa fa-twitter"></i></a></li>
								<!--<li class="googleplus"><a href="<?php echo sh_set($meta1, 'google_plus_link');?>"><i class="fa fa-google-plus"></i></a></li>-->
								<!--<li class="linkedin"><a href="<?php echo sh_set($meta1, 'linked_in_link');?>"><i class="fa fa-linkedin"></i></a></li>-->
								<li class="instagram"><a href="<?php echo sh_set($meta1, 'instagram_link');?>"><i class="fa fa-instagram"></i></a></li>
							</ul>
							<p><?php $description = $agents_term[0]->description; echo $description;?></p>

							<!--======= AGENT INFOR =========-->
							<ul class="agent-info">
								<li>
									<p><i class="fa fa-phone"></i> <?php echo sh_set($meta1, 'phone');?> </p>
								</li>
								<li>
									<p><i class="fa fa-envelope-o"></i><span style='font-size:11px'><?php echo sh_set($meta1, 'email');?></span></p>
								</li>
								<li>
									<p><i class="fa fa-home"></i> <?php printf( esc_html__('Listed %s Properties', 'realtor'), sh_set(sh_set($agents_term, 0 ) , 'count' ) );?> </p>
								</li>
							</ul>
						</div>
					</div>
					
					<div class="overlay">
		                <div class="container">
			                <h1><?php echo balanceTags($title);?></h1>
							<div class="pull-left"><?php echo balanceTags($title);?> </div>
							<h5>
							<div style="text-align: center;">
							    <?php echo 'Learn More: ' . get_the_title();?> </div>
							</h5>
				        </div>
	                </div>
			    	
					<div class="row">
                        <div class="col-sm-4">
				    	    <div style="height: 400px; width: 300px; background-color: #f8f8f8; border: 1px solid #dddddd;">
                            </div>
						</div>
						<div class="col-sm-8">
						    <div style="max-height: 400px; overflow: hidden; max-width: 610px; padding-left: 43px;">
						    <?php the_post_thumbnail('337x271', array('class' => 'img-responsive', 'style' => 'transform: translate(0%, -10%)'));?>
							</div>
					    </div>
				    </div>
			</section>

任何帮助都会很棒!

1 个答案:

答案 0 :(得分:0)

自行解决。必须将教程中的所有echo命令包装在php中