1. 程式人生 > >楊澤業:給你的wordpress博客添加經典語錄功能,適合所有php網站

楊澤業:給你的wordpress博客添加經典語錄功能,適合所有php網站

php網站 一個 ext pan content order ebe height alt

我們做一個網站就是要不斷給訪客提供最佳的用戶體驗,同時提升自己的品牌價值,而文章結束的經典語錄的功能,完全可以實現我們所要達到的效果。(如下圖)

技術分享圖片

給你的wordpress博客添加經典語錄功能

這個是怎樣實現的呢?其實很簡單,下面我就將核心文件和代碼分享給大家。

第一步:添加語錄功能的核心文件。

在網站的根目錄裏面添加一個yulu的文件夾,裏面含有index.php和yulu.txt兩個文件。其中index.php裏面是核心代碼,yulu.txt是要顯示的經典語錄,一條占用一行。

文末免費給出了所有文件的下載,給出的下載文件裏面有一個叫做yulu888.txt文件裏面有大量的網上下載的語錄,反正我是不用的,我完全使用自己自定義的。

第二步:添加顯示代碼到指定的顯示位置。

我使用的是知更鳥的begin模板,我把經典語錄顯示的位置,放在贊賞下方,即在begin\template\social.php最底部添加這個代碼就行了。

  1. <!--經典語錄功能開始-->

  2. <div>

  3. <script type="text/javascript" src="https://www.yangzeye.net/yulu/?format=js&charset=utf-8"></script>

  4. <div id="yulu"><script>yulu()</script></div>

  5. </div>

  6. <br>

  7. <!--經典語錄功能結束-->

當然為了顯示更加漂亮一點,可以在博客當前的主題Begin: 樣式表 (style.css)裏面,添加css代碼,如:

  1. #yulu{

  2. border-left: 5px solid #2f889a;

  3. border-right: 5px solid #2f889a;

  4. background-color: #ebebeb;

  5. padding: 10px;text-align: center;

  6. color: #095AD4;

  7. margin: 5px 0 5px 0;

  8. }

好了,給你的wordpress博客添加經典語錄功能,適合所有php網站的教程就到此結束了,直接在下方點擊下載吧!

來源:澤業建站網

本文由楊澤業原創,發布於51CTO博客


楊澤業:給你的wordpress博客添加經典語錄功能,適合所有php網站