站長資訊網
最全最豐富的資訊網站

WordPress主題制作全過程(九):制作single.php

今天我們來制作單文章頁single.php,有了之前制作index.php的經驗,制作single.php也不再那么難了,這里將直接略過一些內容,直接給出結果。如果對某些修改不太清楚,可以先參考:WordPress主題制作全過程(八):制作index.php

WordPress主題制作全過程(九):制作single.php

php入門到就業線上教程:進入學習

1、添加文章標題:

<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>
登錄后復制

改成:

<h3 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
登錄后復制

2、添加文章標簽

<a href="#">News</a>, <a href="#">Products</a>
登錄后復制

改成:

<?php the_tags('標簽:', ', ', ''); ?>
登錄后復制

3、添加日期

找到:31st Sep, 09 改成:

<?php the_time('Y年n月j日') ?>
登錄后復制

4、顯示評論數

<a href="#">7 Comments</a>
登錄后復制

改成:

<?php comments_popup_link('0 條評論', '1 條評論', '% 條評論', '', '評論已關閉'); ?>
登錄后復制

5、添加編輯按鈕

接上面的評論代碼,改成:

<?php comments_popup_link('0 條評論', '1 條評論', '% 條評論', '', '評論已關閉'); ?><?php edit_post_link('編輯', ' ? ', ''); ?>
登錄后復制

6、添加文章內容

將<!– Post Content –> 和 <!– Post Links –>之間的代碼全部刪除,替換成:

<?php the_content(); ?>
登錄后復制

另外,你可以將文章頁那張圖片刪除了,刪除以下代碼:

<img class="thumb" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" alt=""/>
登錄后復制

7、添加返回博客首頁和發表評論按鈕

其實就是添加博客首頁和評論錨點鏈接,在制作header.php,我們已經知道可以通過get_option('home');來獲取博客地址。

<p class="clearfix"> <a href="blog.html" class="button float" ><< Back to Blog</a> <a href="#commentform" class="button float right" >Discuss this post</a> </p>
登錄后復制

改成:

<p class="clearfix"> <a href="<?php echo get_option('home'); ?>" class="button float" ><< 返回首頁</a> <a href="#commentform" class="button float right" >發表評論</a> </p>
登錄后復制

好了,基本上的修改就這些了,但是你的文章頁仍然不能顯示文章內容,你得給它加上一個條件語句,這樣WordPress才會去數據庫讀出你的文章內容。搜索代碼:<!– Column 1 /Content –>

改成:

<!-- Column 1 /Content --> <?php if (have_posts()) : the_post(); update_post_caches($posts); ?>
登錄后復制

將:

</div> <?php get_sidebar(); ?>
登錄后復制

改成:

</div> <?php else : ?> <div class="errorbox"> 沒有文章! </div> <?php endif; ?> <?php get_sidebar(); ?>
登錄后復制

現在你的文章內容應該都可以正常顯示了,一個文章頁基本上也成型了。下節我們將講解如何制作評論頁,本次不提供修改的主題文件下載,下次一起提供。

另外,文章頁頂部會有一段文字:

Our blog, keeping you up-to-date on our latest news.
登錄后復制

可以替換成你的內容。如果不需要,可以將以下代碼刪除:

<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2> <div class="hr grid_12 clearfix"> </div>
登錄后復制

推薦學習:《WordPress教程》

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
亚洲精品卡2卡3卡4卡5卡区| 69堂国产成人精品视频不卡| 久久这里都是精品| 久久久国产成人精品| 国内精品久久久久久久影视麻豆| 日韩精品无码Av一区二区| 六月婷婷精品视频在线观看| 精品国产高清久久久久久小说| 无码专区人妻系列日韩精品少妇| 国产精品成人观看视频国产| 91精品国产自产在线观看高清 | 久久亚洲国产欧洲精品一| 国产免费久久精品99久久| 一区二区三区免费精品视频| 亚洲日韩一区二区一无码| 伊人影视在线观看日韩区| 国产精品无码av片在线观看播| 国产av影片麻豆精品传媒| 久久天堂AV女色优精品| 国产精品国产福利国产秒拍| 69SEX久久精品国产麻豆| 无码人妻精品一区二区三区蜜桃| 久久6这里只有精品| 日本h在线精品免费观看| 亚洲依依成人精品| 国产成人精品久久免费动漫| 国产精品合集一区二区三区| porn在线精品视频| 亚洲精品福利你懂| 2020亚洲男人天堂精品| 国产精品美女在线观看| 久久水蜜桃亚洲AV无码精品| 最新69国产成人精品免费视频动漫| 成人国产精品一级毛片视频| 国产精品亚洲综合网站| 国产国产成人久久精品杨幂| 亚洲日韩人妻第一页| 无码区日韩特区永久免费系列| 精品一区二区三区AV天堂| 国产成人精品免高潮在线观看| 久久青青草原精品国产不卡|