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

        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號
        主站蜘蛛池模板: 亚洲精品tv久久久久久久久 | 亚洲精品乱码久久久久久按摩| 精品国产日产一区二区三区 | 少妇人妻偷人精品无码视频| 精品久久久久久无码人妻蜜桃| 国产精品久久网| 四虎国产成人永久精品免费| 久久丝袜精品中文字幕| 国产精品青青在线观看爽香蕉| 久久99精品国产一区二区三区| 久久综合国产乱子伦精品免费| 亚洲AV日韩精品一区二区三区| 国产精品哟女在线观看| 91精品免费久久久久久久久| 国产精品91视频| 国产suv精品一区二区33| 久久国产精品99精品国产| 亚洲精品无码久久千人斩| 亚洲国产精品人人做人人爱| 蜜臀精品国产高清在线观看| 精品久久久久久无码免费| 国产精品亚洲欧美大片在线观看| 久久精品无码一区二区三区| 国产成人精品男人的天堂538| 国产精品无码无片在线观看| 久久精品黄AA片一区二区三区| 亚洲精品无码专区在线在线播放| 呦交小u女国产精品视频| 香港aa三级久久三级老师2021国产三级精品三级在 | 中文字幕乱码中文乱码51精品 | 精品无码国产自产拍在线观看蜜| 99久久国产主播综合精品| 热re99久久精品国产99热| 久久精品成人免费看| 精品国产免费一区二区三区香蕉| 精品久久久久久久久中文字幕| 国产精品国产三级国产专播 | 精品福利资源在线| 久久99精品久久久久久| 97国产视频精品| 国产啪亚洲国产精品无码|