玩转CMS之用wordpress山寨一个企业网站（4）

上一期我们完成了公司动态，产品中心，关于我们，公司简介这四个页面的制作，我们这一期接着完成联络我们与文章介绍页的制作，首先我们需要复制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(‘&laquo; %link’); ?></div>

<div style=”right”>下一篇：<?php next_post_link(‘%link &raquo;’); ?></div>

这样我们的一个内容介绍页面就做好了，我们来看看实际效果

至此我们所有的页面都已经做完了，有些地方可能还需要改一改css样式进行一个页面的美化，这些就自由发挥了！好了关于企业网站的主题制作就到这了，下一期我将展现如何用wordpress的woocommerce插件定制一个购物商城系统！