Blogger:布局页面上的标签部分

Question

我为Blogger创建了一个响应主题.因此,由于Layout页面显示的是实际布局的反映,但不利用媒体查询.所有东西都在管理区域中以100%宽度垂直排列(这是预期的).

我的问题:有没有办法可以在某种程度上标记这些部分,以便标签显示在布局页面上,但在查看网站时却没有？目前,在查看布局页面时,有8个部分说"添加小工具",用户无法知道哪个部分是什么.

Answer 1

是!!!您可以更改ANYTHING以处理布局页面(管理页面)的外观和样式(包括标题),而不会影响实际网站的外观和样式.

回答有关布局页面标题的问题.例如,您有一个TEXT小部件,并且您想要将"TEXT"的标题更改为布局中的实际标题,而不是实际站点中的标题:

1. 找到要寻址的窗口小部件的ID(在模板中):"模板">"跳转到窗口小部件">"文本1".

"跳转到窗口小部件"中列出的所有窗口小部件都是您希望根据要解决的ID而使用的ID.

2. 在"/ 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; 
     }

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

编辑:(测试答案的快照)

如您所见,小部件的标题显示在布局页面上,但不显示在实际站点上: