[英]How to remove Blogger CSS widget bundle
我正試圖從頭開始寫博客模板。 我在模板中添加了一些元素和樣式。 但是,我發現包含了一些其他CSS樣式表,它們也應用於頁面元素,如下所示:
第一個CSS背景規則是我在<b:skin>
標簽中應用的唯一內容,其余的不是我的樣式。 那么,我該如何刪除它們。 如果他們是對的,我可以覆蓋它們,但是有一些錯誤的聲明( _height:100%
)
首先備份您的模板。
阻止BLOGGER CSS:
找到這個:
<b:skin><![CDATA[lots-of-css-code]]></b:skin>
並替換為:
<style type="text/css"><!-- /*<b:skin>*/</b:skin>
找到這個:
<b:template-skin>bunch of code</b:template-skin>
並替換為:
<link href='https://www.somewhere.com/yourstylesheet.css' rel='stylesheet' type='text/css'/>
或者替換為:
<style>your-custom-css-here</style>
一種解決方案可能是明確覆蓋不需要的樣式表中包含的每種樣式。
基本上,這需要您調用自己的樣式表,以便在調用不需要的樣式表后將每個不需要的樣式重置為默認樣式。
由於你的風格在級聯下方,它們將取消不需要的風格。
這是一個完全混亂的解決方案,但總比沒有好。
!important應該僅作為最后的手段使用。
<script>
$("[href$='css_bundle.css']").remove();
</script>
如果使用jquery庫,請使用此選項。
Blogger正式添加了兩個外部CSS文件。 刪除它們會導致混亂的Blogger模板,但如果您是設計師並添加了自己的CSS而不是Blogger,那么刪除可能導致重負荷的不需要的CSS文件非常重要。
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' /> <link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css' />
這些是每個Blogger博客中的兩個Blogger官方CSS捆綁文件。 有一點需要注意,您可以將這些行轉換為HTML注釋,但不能永久刪除。
為此,您可以在如何刪除/隱藏自定義模板中的Blogger官方CSS中找到一個很長的教程? 請按照此操作刪除Blogger官方CSS捆綁包。
您可以通過以下步驟刪除widget_css_2_bundle.css
:
第一步 :
搜索<head>
標記並將其替換為:
<head>
第二步 :
搜索</head>
標記並將其替換為:
</head><!--<head/>-->
注意:這是最好的方法,因為如果在模板中使用變量,則不會影響變量。
現在,如果要禁用Plusone.js
和Widgets.js
以提高頁面速度,請按照以下步驟操作:
搜索</body>
標記並將其替換為:
<!--</body>--> </body>
這就是保存你的模板並做得很好:)現在你可以像你想的那樣從頭創建自己的博客模板;)
隨着去年新主題引擎的發布,Blogger現在可以更輕松地刪除模板中包含的默認CSS和JS文件。
要刪除它們,請將以下屬性添加到模板代碼開頭的<html>
標記中(顯示在主題🢂自定義下) -
<html b:css='false' b:js='false' ...
b:css ='false' - 刪除模板中Blogger包含的默認CSS
b:js ='false' - 刪除模板中Blogger包含的默認JS
我找到的唯一方法是將皮膚標簽完全留空,並在頭部添加一些樣式標簽或鏈接到樣式表。 它對我有用,但它仍然很煩人。
如果您使用此代碼<b:skin><![CDATA[...]]></b:skin>
,它將更改為注釋代碼,它仍會顯示在首頁中,即使它未使用。
從我發現的各方面來看,這種方式非常簡單。 將<b:skin> ... </b:skin>
更改為此代碼:
<b:if cond='data:blog.pageType == "error_page"'>
<b:skin> ... </b:skin>
</b:if>
它將刪除首頁中<b:skin>
的樣式而不更改為注釋代碼。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.