0

我为 Blogger 创建了一个响应式主题。因此，由于布局页面显示的是实际布局的反映，但不使用媒体查询。管理区域中的所有内容都以 100% 的宽度垂直排列（这是预期的）。

我的问题：有没有办法可以以某种方式标记这些部分，以便标签显示在布局页面上，但在查看网站时不显示？目前在查看布局页面时，有 8 个部分显示“添加小工具”，用户无法知道哪个部分是什么。

4

4 回答 4

8

是的！！！您可以更改与布局页面（管理页面）的外观和样式（包括标题）有关的任何内容，而不会影响实际站点的外观和样式。

回答您关于布局页面标题的问题。例如，您有一个 TEXT 小部件，并且您想将“TEXT”的标题更改为布局中的实际标题，而不是实际站点中的标题：

  1. 找到要处理的小部件（在模板中）的 ID：“模板”>“跳转到小部件”>“Text1”。

“跳转到小部件”中列出的所有小部件都是您希望使用的 ID，具体取决于您希望解决的问题。

  1. 在“/b:skin”上方，使用 CSS 为您认为合适的标题设置样式（ID 以“#”开头，因此请确保将其添加到小部件 ID 的前面）：

    #layout #text1 .title {
display:block !important;
}
#text1 .title {
display:none;
}

您可以使用相同的方法更改布局部分中的任何内容并设置样式，方法是在 CSS 代码之前使用代码“#layout”。比如说，你调整了标题的高度，它自动调整了布局部分（管理部分），但它导致标题部分和布局中的博客部分之间的空间太大。

做这个：

    #header {
    height:147px;
    }

    #layout #header {
    height: 0px !important;
    }

要调整整个布局，例如宽度，请使用：

     body #layout {
     width: 700px !important; 
     }

如果您没有立即在布局页面上看到更改，则在保存模板后，在布局页面上单击刷新按钮。

编辑：（测试答案的快照）

显示小部件标题的布局快照

如您所见，小部件的标题显示在布局页面上，但未显示在实际站点上： 标题未显示在实际站点上的小部件

于 2013-07-05T01:54:00.140 回答
2

无法设置 Blogger 布局页面的样式，因为它会剥离您添加到模板的样式和内容。

但是您绝对可以找到解决方法来完成这项工作。由于它是布局面板，因此唯一会使用它的将是博客管理员。安装一些浏览器扩展，允许您将自定义 CSS 添加到任何网页，并添加一些特定于博客布局页面的 CSS 规则。

我主要使用 Chrome，这就是我的做法。

  1. 安装了 Chrome 扩展程序 - https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en

  2. 现在添加 CSS 来自定义布局页面。我的博客页脚有 ab:section id footer-3。所以我加了

    #footer-3:before{content: "footer";}

    作为 CSS，我添加了一条规则，仅在以http://www.blogger.com/display?blogID=11开头的 URL 上使用 CSS （11 应该是博客 ID）

现在，当我打开布局页面时，它在页脚部分上方添加了文本“页脚”。您也可以找到 FireFox 的类似扩展和解决方法。

CSS 规则 编辑后的布局页面

但是如果您尝试将此功能编码到模板中，它将无济于事

于 2013-05-18T10:39:21.717 回答
1

更admin section通常称为.Layout

您从哪个设备查看布局。如果您从浏览器尺寸为 1024 x 768 或更大的计算机打开博客网站，则布局应显示为实际站点上的外观，并且not是 100% 宽度的单行。即使我使用响应式博客模板，而不是面临这个问题。

回到主要问题，没有出路。已经存在的小部件的标题标签应明确提示正在考虑哪个位置。

于 2013-05-14T19:05:35.363 回答
0

多年后，正确答案现在已经过时，不再有效。然而，谷歌通过简单地将属性：添加name="NameOFSectionHere"到小部件部分来添加对命名部分的支持。

在“admin > layout”中命名标题部分“New Header”的完整示例：

<b:section id='header' name='New Header' showaddelement='true'>
于 2019-11-27T15:57:07.777 回答