php博客详情页怎么做,简书仿站报告(四):如何制作文章详情页
簡書仿站的文章詳情頁的基本功能跟首頁差不多,因此制作的過程我就不再詳細講述。而是換一個角度,通過介紹那些文章詳情頁會使用到的函數的具體使用方法來更深入的理解制作的過程。
文章詳情頁的制作方法
1.建single.php,這是文章詳情頁的頁面文件。
打開簡書網站的任何一篇文章頁,保存網頁到桌面,會得到一個html文件和文章頁所有文件的一個文件夾。將html文件改成single.php。連同文章頁的所有文件圖片JS等全部存到jianshu文件夾中。
2.登入你的WP后臺儀表盤,找到single.php,就在這里修改內容。
在儀表盤右側導航中找到【外觀】-【編輯】,找到single.php文件,就可以在代碼編輯區內修改了。(就跟前面找index.php方法一樣,去看看報告(二)),以后的代碼修改就在這里修改,然后點擊下面的藍色按鈕更新,去前臺看看效果。
3.修改single.php里頭的相對地址
由于single頁的所有的文件圖片都保存到了jianshu文件夾這個主目錄里頭了,那么就把single.php中的相對地址都換上,還記得吧,用下面的代碼。(忘記了就去看看報告(二))。
<?php bloginfo('template_directory'); ?>//表示主目錄的地址
4.文章詳情頁的核心功能圖是這樣的,看下圖:
簡書文章詳情頁的核心功能圖
以下介紹文章詳情頁核心功能會用到的WP函數(更正確是說話應該是WP的模板標簽),用這些模板標簽函數替換掉靜態的文本就可以了。
1.獲取文章標題
php the_title(); ?>//用于顯示當前文章的標題
放在主循環內用于顯示當前文章的標題。主循環是每循環一次就會有一篇當前文章,它就是顯示當前文章的標題。循環還是要用的,因為不只是一篇文章的詳情頁,是很多篇文章的詳情頁,詳情頁的single.php雖然只有一個文件,但是代表了很多的文章詳情頁,所以就要用循環來實現多篇文章顯示效果。
附.顯示當前文章的鏈接
php the_permalink() ?>
這段標簽用來顯示當前文章的固定鏈接,標題鼠標點擊以后的href一定會有鏈接,就用這個代替。由于the_permalink()只能顯示正在被主循環處理的文章的固定鏈接,因此用戶無法用它來顯示任意文章。如果你希望顯示某篇文章的固定鏈接,并且你知道這篇文章的ID,可以考慮使用get_permalink()。如果你希望不在主循環中使用,也請你用get_permalink()。比如 echo'get_permalink(3);'?>,3是文章ID。
另外the_permalink()和get_permalink()的區別就是一個不加echo,一個加。以后碰到類似的其他模板標簽,都是這個區別。get是獲得的意思,獲得了自然就要打印出來,就是echo了。
2.獲取文章內容
<?php the_content();?>//主循環內顯示當前文章的內容
這個也是要在主循環內使用的。(關于循環的內容,下次再講,報告(三)有提到一點)。
這個標簽更正確的用法是這樣的:
//后兩個參數都可以默認,不用填
比如<?php the_content('Read more...'); ?>
Read more...就是文章末尾更多內容點擊>>>之類的。
另外,這個標簽,也有get_the_content()。
3.獲取文章分類
這個標簽真正的用法是這樣的。
第一個參數是,多個分類之間用什么符號隔開,可以是空格,或者逗號之類的,比如<?php the_category(',') ?>,第二個參數是當你要顯示父子分類目錄的時候可以填,'multiple' 表示顯示父子分類目錄,'single' 是只顯示子分類目錄,這順便也是默認模式***
4.獲取時間
//顯示格式:2015-01-07 10:23
the_time();該標簽顯示當前文章的發表時間。()中的參數是你想要的時間格式。關于時間格式的問題,詳情點擊WP-時間格式的參數列表
5.獲取文章字數
找到下面的代碼,就是class="wordage"這段代碼,然后修改成下面的樣子。
字數: <?php echo count_words ($text); ?>
修改完了,然后在jianshu文件夾中,新建一個functions.php,把下面的代碼復制進去,保存。
function count_words ($text) {
global $post;
if ( '' == $text ) {
$text = $post->post_content;
if (mb_strlen($output, 'UTF-8')
< mb_strlen($text, 'UTF-8')) $output .= mb_strlen(preg_replace
('/\s/','',html_entity_decode
(strip_tags($post->post_content))),'UTF-8') ;
return $output;
}
}
?>
6.獲取點擊量可以用插件
這里不在說了,可以百度一下WordPress點擊量插件,下載后,然后在儀表盤上傳安裝包就可以了用了。
7.獲取文章的作者
用下面這個。
另外獲取作者的網站鏈接用這個<?php the_author_url(); ?>
作者的網站鏈接可在WP后臺用戶資料(管理面板>用戶>我的配置)中設置。
8.獲取作者的頭像
60是尺寸大小,調用的是gavatar網站你注冊的頭像,雖然這個頭像注冊網站的使用率很高,但是因為是國外服務器,頭像有可能顯示不出來,因為網絡加載的關系。網上有一些替代的方法。
9.記得在外面包裹一層循環
最終實現的效果:
簡書仿站-文章詳情頁最終效果
總結
以上是生活随笔為你收集整理的php博客详情页怎么做,简书仿站报告(四):如何制作文章详情页的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java中不同包中怎么实例化,Java
- 下一篇: Php无刷新修改url,history