上一期我们完成了公司动态，产品中心，关于我们，公司简介这四个页面的制作，我们这一期接着完成联系我们与文章详情页的制作，首先我们需要复制about.php这个文件，然后将其重命名为linkus.php,如下图所示
将linkus文件打开，修改注释<!--p /*Template Name: linkus */-->
删除掉关于我们页面的内容调用代码，在框着地方加入我们下载来的linkUs.html对应部分的代码
编辑一下后台，指定linkus.php为联系我们页面
改完后我们打开看看，样式是对的，但是我们期望我们能够管理我们的表单，而不仅仅是一个静态页面，所以我们还的用到一个表单插件contact form 7来对我们的表单进行管理，还需要一个特色图片来管理旁边的一个图片
这里需要先下载一个contact form 7,联系表单插件，我们将其安装后，需要复制表单的代码到这个插件的form里面去，然后进行一个修改，具体步骤是这样的
复制以下注释的代码
粘贴进后台，然后进行一个修改，将里面的input标签删除掉，然后按照插件的规则进行添加，如下图所示
这里设置好了后需要在页面中进行一个调用，复制以下代码
[contact-form-7 id="151" title="Contact form 1"]
粘贴到单页联系我们，为了一次改完我们再旁边加个特色图片
我们打开linkus.php对其进行一个页面内容的调用和一个图片的调用就行了
这样我们的联系我们页面就完成了，我们打开看看效果，基本达到了我们的效果
接下来我们来制作single.php，也就是内容详情页的制作
直接复制category-1.php重命名为single.php,删除掉文章列表调用的代码
然后用以下代码进行一个替换
<?php while (have_posts()) : the_post(); ?>
<ul>
<li>
<h2 style="margin:0,auto;">
<?php the_title(); ?>
</h2>
<p><?php the_content("阅读更多..."); ?></p>
</li>
</ul>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
<div style="left">上一篇:<?php previous_post_link('« %link'); ?></div>
<div style="right">下一篇：<?php next_post_link('%link »'); ?></div>
这样我们的一个内容详情页面就做好了，我们来看看实际效果
至此我们所有的页面都已经做完了，有些地方可能还需要改一改css样式进行一个页面的美化，这些就自由发挥了！好了关于企业网站的主题制作就到这了，下一期我将展示如何用wordpress的woocommerce插件定制一个购物商城系统！
网友评论