close
有位網友問我如何隱藏文章的人氣，
這個問題不會很難，只要學過一點CSS就可以做到，
我從頭開始講起。
一、先看一下文章的結構
以IE瀏覽器為例，先瀏覽到自己的部落格，然後按IE最上方的
「檢視」->「原始檔」
這時會跳出這個網頁的原始檔的程式碼，
找一下「人氣」這兩個字所在的未置，
觀察一下附近的程式碼，我們發現大概是長這樣子
要注意的是紅色字的部份。
二、思考如何去改
HTML的很多標籤裡都可以放class，
使用class的好處是如果很多標籤都取同一個class名稱，
那我們可以藉由這個class名稱同時控制標籤的許多屬性。
我們的重點在於把人氣隱藏起來，
那就是要把class為author的段落裡面的span標籤所括住的文字給隱藏起來，
轉換成CSS的寫法就是
.author span{display: none;}
三、修改版面
程式碼知道了，接下來就是要知道在哪裡改，
直接登入後台，選「版面管理」->「編輯CSS」，
會跳出一個可以編輯CSS的畫面，
將該畫面拉到最下方，
將上面那段程式碼輸入，
選「更新」「確定」，
這樣就大功告成了。
這個問題不會很難，只要學過一點CSS就可以做到，
我從頭開始講起。
一、先看一下文章的結構
以IE瀏覽器為例，先瀏覽到自己的部落格，然後按IE最上方的
「檢視」->「原始檔」
這時會跳出這個網頁的原始檔的程式碼，
找一下「人氣」這兩個字所在的未置，
觀察一下附近的程式碼，我們發現大概是長這樣子
<p class="author">
xxxxx 發表在
<a href="http://www.pixnet.net/">PIXNET 痞客邦</a>
<a href="#comments">迴響</a>(3)
<a href="#trackbacks">引用</a>(0)
<span>人氣(72)</span>
.......
</p><!-- .author //-->
xxxxx 發表在
<a href="http://www.pixnet.net/">PIXNET 痞客邦</a>
<a href="#comments">迴響</a>(3)
<a href="#trackbacks">引用</a>(0)
<span>人氣(72)</span>
.......
</p><!-- .author //-->
要注意的是紅色字的部份。
二、思考如何去改
HTML的很多標籤裡都可以放class，
使用class的好處是如果很多標籤都取同一個class名稱，
那我們可以藉由這個class名稱同時控制標籤的許多屬性。
我們的重點在於把人氣隱藏起來，
那就是要把class為author的段落裡面的span標籤所括住的文字給隱藏起來，
轉換成CSS的寫法就是
.author span{display: none;}
三、修改版面
程式碼知道了，接下來就是要知道在哪裡改，
直接登入後台，選「版面管理」->「編輯CSS」，
會跳出一個可以編輯CSS的畫面，
將該畫面拉到最下方，
將上面那段程式碼輸入，
選「更新」「確定」，
這樣就大功告成了。
全站熱搜
留言列表
