一個漂漂亮亮的網站下方出現了「本頁面是由XX空間提供」總讓人有種突兀的出戲感。
有沒有能把Weebly頁腳拿掉的方法呢?
→有,當然有!
那要不要裝什麼外掛?會不會很困難?
→完全不需要外掛!雖然是從CSS改,但保證步驟簡單到連不懂CSS的人也能成功修改!
那麼,今天就來講述如何拿掉Weebly的頁腳吧。
大家坐好,課程要開始囉~
【前置知識篇】
A:每頁最下端的那條區塊,通常會被作為商標、版權宣告或公司聯絡訊息等。
正式名稱叫做「頁腳」、「Footer」。
Q:這方法的原理是什麼?
A:透過CSS讓這個區塊無效化。
Q:我真的不用到每個頁面去刪頁腳?頁腳的相關設定不刪不動直接這樣放置PLAY,真的沒關係嗎?
A:對,沒關係,就這樣放著吧。說不定哪天還會用到?
【實作篇】
舊版Weebly是由「設計」→「編輯HTML/CSS」進入語法後台。
新版Weebly是由「主題」→「編輯HTML/CSS」進入語法後台。
(覺得圖太小看不清楚的話,可以點圖放大。)
「main_style.ccs」這個東西是你的「網站全域CSS樣式設定」。
聽不懂沒關係,總之改了這裡的東西後會套用到全站。不過CSS這種東西是設定版型/樣式用的,通常是在管區塊的顏色、邊框、字型、高寬、背景圖等設定,沒辦法做其他的事情喔~例如打一段文章之類的。
因為讓我的CSS原始碼裸奔感覺有點害羞,我把他們碼掉了XD
反正那裡就是有很多很多英文和數字啦~
點好「main_style.ccs」了嗎?接著Ctrl+F搜尋「#footer」。
我們只要「#footer」這項。如果下面有出現「#footer a」、「#footer span」或「#footer p」之類的那很正常、請無視。那是他的小孩,小孩是無辜的,請放它們一條生路(´・ω・`)
找到#footer之後,它的{ }裡應該又寫了一些東西。看不懂也沒關係,反正我們不要它了。
將這個部分改成這樣:
#footer {
display:none;
}
#頁腳 {
顯示:無;
}
因為我是這樣下命令的,所以不管是母元素(#footer)或是子元素(#footer a,#footer p,#footer span)都會被擋下來、不顯示。
當然你也可以用「display:invisible;」(顯示類型:不可見),但invisible是載入之後再披上隱形斗篷……既然不想看見人家,何必叫它來呢?
最後,點右上角的「保存」,然後刷新全站,應該就能拿掉頁腳了~
連HTML那裡都不用去調。雖然HTML還是知道那個部分是頁腳,但去拿的時候會發現是空的(不顯示),所以什麼都不會裝上去。也就沒有頁腳囉~
喜歡的話請為我們按個讚……啊不對,我根本就沒有FB啊!那就……歡迎留言好了XD
認同請贊助(X) 認同請分享(O)