正在加载ing...

WordPress在单篇文章页内加入上一篇下一篇

Web 16 July 2007 19 Comments

其实很多主题在设计的时候都已经加入了这个功能,就是在你阅读一篇文章的这个页面页头或是页尾都链接着上一篇和下一篇。作用也是不言而喻的,何必也不用解释多少!WordPress在基本语法里已经有了这个的支持,但是还有很多主题在设计的时候没有注意这样的细节。我的博客的更换主题频率是很高的,所以也就摸索了一些这方面的技巧。下面教大家怎么做!

1.先打开style.css,在最底端输入:

.floatleft {
float:left;
}
.floatright {
float:right;
}

这个意思就是把上一篇和下一篇同行并且分列左右两端。

2.将下列加入到single.php(也就是单篇文章页面)的合适位置。

<div class="floatleft"><?php previous_post_link('&laquo; %link') ?></div>
<div class="floatright"><?php next_post_link('%link &raquo;') ?></div>

3.搞定!

最终效果就是本博客单篇文章页面的开头和结尾处上一篇和下一篇!

Tagged in ,

19 Responses on “WordPress在单篇文章页内加入上一篇下一篇”

  1. edifior says:

    这样做的效果不错,加入了这个功能也挺方便的。

  2. zEUS. says:

    网上冲浪更快更爽,下载带有 Google 工具栏的 Firefox
    这句话好像在adsense里面找不到了 -____-|||

  3. ksky says:

    能找到啊 就在Google产品里面~~

  4. cosbeta says:

    css啊css,呵呵

  5. bkstone says:

    我的theme 沒有single.php

  6. ksky says:

    难道也没有单篇文章页面

  7. bkstone says:

    他的theme裡頭就只有這些php
    sidebar.php
    index.php
    header.php
    functions.php
    footer.php
    comments.php
    comments-popup.php

  8. ksky says:

    那它的文章应该在index.php里,你传给我一份我帮你改吧!hebine.com@gmail.com

  9. bkstone says:

    我傳給你了,麻煩幫我看一下,我對密密碼程式看了很頭痛
    順便問一下有沒有甚麼不會被大陸封的免費主機空間
    可以做博客的

    謝謝

  10. ksky says:

    一般情况 博客内要是没太多敏 感话题的话,国外主机都不会被封了。本站就是架设在国外主机上的!

  11. bkstone says:

    你這是付費的吧

  12. ksky says:

    当然是付费的。免费的会有心理障碍的!

  13. bkstone says:

    收到你信了,再找找其它theme來用,謝謝!

  14. 语法正确可用!!!

  15. 开店 says:

    不行,这种情况如果标题长的话就只显示左边的一条,右边的直接被吃了

    我认为该用float控制上下显示,不知道怎么实现

  16. 一心而已 says:

    不行,这种情况如果标题长的话就只显示左边的一条,右边的直接被吃了

Trackbacks/Pingbacks

  1. WordPress在单篇文章页内加入上一篇下一篇…

    在本风格里缺少了这个链接,现在加上了。
    在单篇文章页面内加入上一篇和下一篇链接,如日志

    其实很多主题在设计的时候都已经加入了这个功能,就是在你阅读一篇文章的这个页面页头或…

  2. [...] 参考何必呢的方法: 1.先打开style.css,在最底端输入: .floatleft { float:left; } .floatright { float:right; } 这个意思就是把上一篇和下一篇同行并且分列左右两端。 2.将下列加入到single.php(也就是单篇文章页面)的合适位置。 <div class=”floatleft”>上一篇<!–p previous_post_link(’&laquo; %link’)–></div> <div class=”floatright”><!–p next_post_link(’%link&raquo;’)–>下一篇</div> [...]

Leave a Reply