如何在没有任何插件的情况下展开WordPress定制窗口?

时间:2018-08-28 作者:Electron

定制的问题:

如果WordPressCustomise 下图所示区域是否可调整大小?

就目前而言,在压扁的提要栏中工作可能有点棘手。

因此,我通常在外部编辑器中完成所有CSS,然后将其复制到侧栏区域。

WordPress正在讨论这个问题,WordPress开发人员正在考虑改进定制器UI,您可以看到here. 这可以解决问题,但在此之前。。。

这个问题不是关于CSS的,这个问题不是关于我为什么使用CSS定制器,我有我的理由,这是另一个话题。

问题是:定制此WordPress区域以使其可扩展或更宽而无需插件的最佳方式是什么?这将使使用所有自定义项变得更容易,而不仅仅是CSS。

*此更改必须是child theme 以防止被更新覆盖。

<小时>

enter image description here

enter image description here

2 个回复
最合适的回答,由SO网友:Eh Jewel 整理而成

您可以通过应用一行简单的CSS来扩展WordPress自定义区域,而无需插件。

.wp-full-overlay-sidebar {
   width: 30% !important; /* The width of the customize area */
}
.wp-full-overlay.expanded {
  margin-left: 30%; /* Here would be the width as same as the customize window width you set */
}
将CSS挂接到admin_enqueue_scripts() 函数将其加载到WordPress自定义区域。下面给出了CSS文件排队示例-

add_action(\'admin_enqueue_scripts\', function() {
   wp_enqueue_style(\'your-prefix-admin\', get_template_directory_uri().\'/assets/css/admin.css\');
});
注意:此代码应放入主题的functions.php 文件您应该创建一个名为admin.css 在主题的assets/css目录中(如果不存在,则创建目录)。

对于子主题,您应该get_stylesheet_directory_uri() 函数而不是get_template_directory_uri() 作用

SO网友:Mark Kaplun

我想说,通过定制器进行重大CSS更改通常是不明智的。除了有限的空间之外,很难找到您可能需要修改的特定CSS规则,而且您没有更改的时间和原因的历史记录。

您应该在主题中添加CSS规则,无论是主主题还是子主题,都应该在GIT下。

是的,这样做需要稍微多一些时间,但在第一次需要了解为什么有特定规则时,您将收回所有投资。

结束