簡體   English   中英

如何刪除Blogger CSS小部件包

[英]How to remove Blogger CSS widget bundle

我正試圖從頭開始寫博客模板。 我在模板中添加了一些元素和樣式。 但是,我發現包含了一些其他CSS樣式表,它們也應用於頁面元素,如下所示:

在此輸入圖像描述

第一個CSS背景規則是我在<b:skin>標簽中應用的唯一內容,其余的不是我的樣式。 那么,我該如何刪除它們。 如果他們是對的,我可以覆蓋它們,但是有一些錯誤的聲明( _height:100%

首先備份您的模板。

阻止BLOGGER CSS:

找到這個:

<b:skin><![CDATA[lots-of-css-code]]></b:skin>

並替換為:

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<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捆綁包。

禁用默認Blogger Css捆綁包:

您可以通過以下步驟刪除widget_css_2_bundle.css

第一步 :

搜索<head>標記並將其替換為:

&lt;head&gt;

第二步 :

搜索</head>標記並將其替換為:

&lt;/head&gt;&lt;!--<head/>--&gt;

注意:這是最好的方法,因為如果在模板中使用變量,則不會影響變量。


禁用Plusone.js和Widgets.js

現在,如果要禁用Plusone.jsWidgets.js以提高頁面速度,請按照以下步驟操作:

搜索</body>標記並將其替換為:

&lt;!--</body>--&gt; &lt;/body&gt;

這就是保存你的模板並做得很好:)現在你可以像你想的那樣從頭創建自己的博客模板;)

隨着去年新主題引擎的發布,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 == &quot;error_page&quot;'>
   <b:skin> ... </b:skin>
</b:if>

它將刪除首頁中<b:skin>的樣式而不更改為注釋代碼。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM