>今天我們來制作單文章頁single.php,有了之前制作index.php的經驗,制作single.php也不再那么難了,這里將直接略過一些內容,直接給出結果。如果對某些修改不太清楚,可以先參考:WordPress主題制作全過程(八):制作index.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>
~~~
- 模板制作
- wp的模板文件系統
- wp頭部代碼示例
- wp模板主體代碼
- WordPress各種標簽調用集合
- wordpress模板的各種調用
- wp模板里面的各種判斷
- wordpress非插件同步twitte
- 功能與擴展
- 獲取文章評論數及人數
- 獲取assets路徑
- 函數參數詳解
- wp_nav_nemu
- WordPress主題制作全過程
- 1、模板主體文件構成
- 2、HTML靜態模板制作
- 3、小試牛刀
- 4、制作header.php
- 5、制作footer.php
- 6、制作sidebar.php
- 7、制作index.php
- 8、制作sigle.php
- 9、制作comments.php
- 10、制作page.php
- 小知識
- 模板獲取js和css
- woocommerce
- woocommerce模板文件說明
- wp二次開發快速指南
- wp文件系統解析
- wordpress開發api之鉤子大全
- 在典型請求中運行的動作鉤子
- 日志、頁面、附件以及類別相關的動作鉤子函數
- 評論、Ping以及引用通告相關動作鉤子函數
- 反向鏈接鉤子
- Feed動作鉤子函數
- 模板動作鉤子
- 管理界面的相關動作函數
- 高級動作函數
- 常用函數之add_action
- 插件開發
- 函數大全
- 問題合集
- 獲取wordpress當前文件的模板文件
- 禁用wordpress gravatar使用本地頭像提高網頁打開速度
- woocommerce問題
- 關于cnzz的問題
- 關于wp搬家以后調用數據顯示為問號
- 未解決的問題
- form_control的問題
- 關于流程與要求的定義與補充
- php開發組對于前端提交文件的要求