日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

今天我們來制作單文章頁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>


WordPress主題制作全過程完整列表:

WordPress主題制作全過程(一):基礎準備

WordPress主題制作全過程(二):主題文件構成

WordPress主題制作全過程(三):HTML靜態模板制作

WordPress主題制作全過程(四):小試牛刀

WordPress主題制作全過程(五):制作header.php

WordPress主題制作全過程(六):制作footer.php

WordPress主題制作全過程(七):制作sidebar.php

WordPress主題制作全過程(八):制作index.php

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

WordPress主題制作全過程(十):制作comments.php

WordPress主題制作全過程(十一):制作page.php



分享到:
標簽:WordPress主題制作
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定