上一期我们创建了一个企业网站主题并修改了网站中的路径，对header.php和footer.php进行了一下修改，这一期我们来修改index.php，我们从上到下来进行修改，打开我们的代码
这里是个幻灯片，我们需要用meta slider插件完成我们的幻灯片，我们山寨博客网站时用到过，这里的插件安装启用过程我就直接略了！不会的话可以回去看看使用方式，我这里就直接填充代码了，幻灯片的调用：<?php echo do_shortcode('[metaslider id="57"]'); ?>这个ID是可变的
这样我们的幻灯片就可以了，接下来我们来修改以下部分
这一部分左边是一个视频，中间是一个公司动态显示2篇文章，右边是一个图片，对于视频这一个我们先不用管，我们先来改公司动态这一块，这一块我们比较熟悉，就是一个类别下的文章的调用
一个类别下的文章调用代码为这样的：
<?php if (have_posts()) : ?>
<?php query_posts('cat=1&showposts=2'); ?>
<?php while (have_posts()) : the_post(); ?>
以上为文章循环头
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
上方为文章标题
<?php the_excerpt("查看详情..."); ?>
以上为文章摘要
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
以上为循环结束
我来解释一下上面的代码，因为有个地方需要修改，<?php query_posts('cat=1&showposts=2'); ?> ，这一行，cat表示类别id，就是在鼠标移到公司动态上下面显示的，showposts为要显示的行数，我们这里选2，
我们把上面的代码替换掉html里面的代码，如下图所示
这是效果图
接下来我们来修改右侧的专利证书，首先我们需要建立一个单页，其内容就是一张图片
调用单页内容的方式：<?php echo get_post(100)->post_content;?>，其中100为页面的id，跟上面查看公司动态页面的id是一样的，我们将代码复制到我们的模板中去
ok，我们这一块已经改完成了，接下来我们继续向下看
这一块的右侧是一个图片右边是一个具体的公司简介，右边的图片我们可以和上面的专利一样做个单页面，然后两边都进行一个内容的调用，这样我们这一部分就做好了
接下来我们来修改index.php的最后一部分，这一部分是个公司产品区域，以缩略图滚动的方式来展示的，这里我们需要下载一个wp-thumnails插件去进行一个缩略图管理，可以在网上搜索着下载
在我们的这个插件安装完成后，我们需要在后台公司产品目录下添加公司产品的文章，注意在每篇文章中加入图片，这样我们的图片就可以以缩略图的形式展示出来，就像下面的文章一样我们多添加几份
u
在这里我们还是和调用公司动态基本相同的方式，以下为一个列表的调用，把id和显示的数量改一下就可以了
<?php if ($posts_perpage) { ?>
<?php $postsperpage = $postsperpage; ?>
<?php } else { ?>
<?php $postsperpage = 5; ?>
<?php } ?>
<?php
$categoryID=24;
$wp_query = new WP_Query('cat=' . $categoryID. 'orderby=date&order=desc&posts_per_page='.$postsperpage.'&paged='.$paged); ?>
<ul>
<?php while (have_posts()) : the_post(); ?>
<li style="float:left;margin-left:10px;">
<a href="<?php the_permalink() ?>" >
<?php if(function_exists('wp_thumbnails_for_homepage')) { wp_thumbnails_for_homepage(); } ?>
</a>
</li>
<?php endwhile;?>
</ul>
这样我们的index.php就做完了，下一期我们再去做其他页面的制作
网友评论