DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 調整網站地圖 Sitemap 頁面樣式
調整網站地圖 Sitemap 頁面樣式
編輯:SEO優化集錦     

筆者的博客裡一直有這麼一個頁面,可能不這麼顯眼,但是自己用的話倒是挺多的,主要還是日志中添加內鏈,以及查看之前的日志比較方便。

weizhi

頁面位置

想看看找不到的話不要緊,在頁面的最下方,就可以看到了。

這次說到調整樣式,主要是有些數據沒有,看的時候不容易參照到,往往還要手動點擊進去查看,比較費勁。添加之後,按照自己的想法稍微調整了下樣式,發現養眼多了。

qian

修改前

修改前代碼: 

<li>

<a href=“<?php the_permalink() ?>” rel=“bookmark” title=“Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></a>

(<?php comments_number(‘0’, ‘1’, ‘%’); ?>)

</li>

修改前的樣式,日志標題都堆放在一起,且只有標題和評論數。浏覽量以及時間就看不到了,雖然添加容易,但是一直拖著沒有去修改。

hou

修改後

修改後代碼:

<li><?php the_time(‘Y/n-d’) ?> -

<a href=“<?php the_permalink() ?>” rel=“bookmark” title=“Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></a>

<span style=“float:right”>(<?php comments_number(‘0’, ‘1’, ‘%’); ?>)</span><p align=“right”>——目測<?php if(function_exists(‘the_views’)) { the_views(); } ?></p>

</li>

根據需要,添加了時間和文章統計,數據到位了,放在一起,樣式顯得更加一坨了……感覺右邊空白不少,稍微修改了一下(其實就是右對齊,代碼如上),發現看起來舒服多了。

唯一的遺憾是頁面顯得有點長了,如果在最前面添加一個書簽就方便多了。目前對筆者來說,也足夠了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved