上一期我們創(chuàng)建了一個(gè)企業(yè)網(wǎng)站主題并修改了網(wǎng)站中的路徑荣德，對(duì)header.php和footer.php進(jìn)行了一下修改闷煤，這一期我們來(lái)修改index.php童芹，我們從上到下來(lái)進(jìn)行修改，打開我們的代碼
這里是個(gè)幻燈片鲤拿，我們需要用meta slider插件完成我們的幻燈片假褪，我們山寨博客網(wǎng)站時(shí)用到過(guò)，這里的插件安裝啟用過(guò)程我就直接略了近顷！不會(huì)的話可以回去看看使用方式生音，我這里就直接填充代碼了，幻燈片的調(diào)用：<?php echo do_shortcode('[metaslider id="57"]'); ?>這個(gè)ID是可變的
這樣我們的幻燈片就可以了窒升，接下來(lái)我們來(lái)修改以下部分
這一部分左邊是一個(gè)視頻缀遍，中間是一個(gè)公司動(dòng)態(tài)顯示2篇文章，右邊是一個(gè)圖片饱须，對(duì)于視頻這一個(gè)我們先不用管域醇，我們先來(lái)改公司動(dòng)態(tài)這一塊，這一塊我們比較熟悉冤寿，就是一個(gè)類別下的文章的調(diào)用
一個(gè)類別下的文章調(diào)用代碼為這樣的：
<?php if (have_posts()) : ?>
<?php query_posts('cat=1&showposts=2'); ?>?
<?php while (have_posts()) : the_post(); ?>
以上為文章循環(huán)頭
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
上方為文章標(biāo)題
<?php the_excerpt("查看詳情..."); ?>
以上為文章摘要
<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>
以上為循環(huán)結(jié)束
我來(lái)解釋一下上面的代碼歹苦，因?yàn)橛袀€(gè)地方需要修改，<?php query_posts('cat=1&showposts=2'); ?> 督怜，這一行殴瘦，cat表示類別id，就是在鼠標(biāo)移到公司動(dòng)態(tài)上下面顯示的号杠，showposts為要顯示的行數(shù)蚪腋，我們這里選2，
我們把上面的代碼替換掉html里面的代碼姨蟋，如下圖所示
接下來(lái)我們來(lái)修改右側(cè)的專利證書屉凯，首先我們需要建立一個(gè)單頁(yè)，其內(nèi)容就是一張圖片
調(diào)用單頁(yè)內(nèi)容的方式：<?php echo get_post(100)->post_content;?>眼溶，其中100為頁(yè)面的id悠砚，跟上面查看公司動(dòng)態(tài)頁(yè)面的id是一樣的，我們將代碼復(fù)制到我們的模板中去
ok堂飞，我們這一塊已經(jīng)改完成了灌旧，接下來(lái)我們繼續(xù)向下看
這一塊的右側(cè)是一個(gè)圖片右邊是一個(gè)具體的公司簡(jiǎn)介，右邊的圖片我們可以和上面的專利一樣做個(gè)單頁(yè)面绰筛，然后兩邊都進(jìn)行一個(gè)內(nèi)容的調(diào)用枢泰，這樣我們這一部分就做好了
接下來(lái)我們來(lái)修改index.php的最后一部分，這一部分是個(gè)公司產(chǎn)品區(qū)域铝噩，以縮略圖滾動(dòng)的方式來(lái)展示的衡蚂，這里我們需要下載一個(gè)wp-thumnails插件去進(jìn)行一個(gè)縮略圖管理，可以在網(wǎng)上搜索著下載
在我們的這個(gè)插件安裝完成后，我們需要在后臺(tái)公司產(chǎn)品目錄下添加公司產(chǎn)品的文章毛甲，注意在每篇文章中加入圖片年叮，這樣我們的圖片就可以以縮略圖的形式展示出來(lái)，就像下面的文章一樣我們多添加幾份
在這里我們還是和調(diào)用公司動(dòng)態(tài)基本相同的方式丽啡，以下為一個(gè)列表的調(diào)用谋右，把id和顯示的數(shù)量改一下就可以了
<?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就做完了，下一期我們?cè)偃プ銎渌?yè)面的制作
