繁体   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