如何在没有访问“...wp-includes/admin-bar.php”的情况下将左右边距添加到管理栏?

时间:2013-10-21 作者:David Murphy

由于主机设置了安全限制,我无法访问“wp-includes/admin-bar.php”,他们建议我使用我不熟悉的css样式表。

我希望在管理栏中的链接(登录/注册/注销等)上添加一个左右边距,以便它们与主要内容对齐,并在移动设备上正确显示。

如何做到这一点?

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

如果您使用firefox、chrome或safari浏览您的网站,您可以检查每个页面的元素。例如,在chrome中,您可以在浏览器窗口的任意位置单击鼠标右键,然后选择“inspect element”。现在,您应该能够看到该页面的代码,并找到管理栏使用的css类。

例如:

<div id="wpadminbar" class="" role="navigation">
</div>
一旦您知道css的目标类,就可以编辑您的样式。css来更改这些元素。您需要具备一些基本的css技能。您还需要在css中使用属性“!important”,以确保它覆盖默认的wordpress css。

SO网友:David Murphy

通过将此添加到样式中解决。css:

#wpadminbar { min-width: 0; }

这就是功能。php:

function style_admin_bar() {
echo \'<style type="text/css">
#wpadminbar .quicklinks {

    margin-right: 13.5%;
    margin-left: 13.5%;
}
</style> } add_action( \'admin_head\', \'style_admin_bar\' ); // backend
add_action( \'wp_head\', \'style_admin_bar\' ); // frontend

结束

相关推荐

用于WordPress Customizer API重写的自定义样式表,而不是内联CSS

我已经看过Wordpress定制器API,它看起来能够实现我想要的;允许开发人员留出尽可能多的动态样式,稍后可由Wordpress管理员进行配置。然而,推荐的注入样式的机制并不酷。我在网上和Wordpress上读到的所有指南都建议将它们内联添加到文档的开头。随着此类文档在网络上的普及,我无法找到一个关于如何将这些代码整齐地添加到样式表中的明确指南!可以从PHP样式表中调用get theme mod()吗?抱歉,请容忍我,因为我刚刚接触PHP和Wordpress文档数周。任何建议都很好,我相信有很多开发人员