如何在functions.php中设置类的样式

[![在此处输入图像说明] [1]] [1]我在函数中添加了一些类。 像这样的PHP:</ p>

  add_action('admin_menu',
'wpso_custom_links_admin_menu');

function wpso_custom_links_admin_menu(){
global $ submenu;
$ submenu [ 'index.php'] [] =数组('Link One','read',
'https://www.example.com/','','jobs-dashboard');
$ submenu [ 'index.php'] [] =数组('Link Two','read',
'https://asdf.com/','','events-dashboard
');
}
</ code> </ pre>

然后我添加了css:</ p>

 。  jobs-dashboard {background-color:green;} 
</ code> </ pre>

无效。 为什么不? </ p>

[1]: https://i.stack.imgur.com/IEdMC.jpg </ p>
</ div>

展开原文

原文

[![enter image description here][1]][1]I added I some classes to my functions.php like so:

add_action('admin_menu',
    'wpso_custom_links_admin_menu');

function wpso_custom_links_admin_menu() {
        global $submenu;
        $submenu['index.php'][] = array('Link One', 'read',
            'https://www.example.com/', '', 'jobs-dashboard');
        $submenu['index.php'][] = array('Link Two', 'read',
            'https://asdf.com/', '', 'events-dashboard
            ');
        }

Then I added css:

. jobs-dashboard {background-color: green;}

Didn't work. Why not? enter image description here

[1]: https://i.stack.imgur.com/IEdMC.jpgenter image description hereenter image description here

dsvtnz6350
dsvtnz6350 让我们在聊天中继续讨论。
大约一年之前 回复
duan0714
duan0714 看网站adsler.co.uk也看到上面的截图。还是行不通。
大约一年之前 回复
down101102
down101102 那应该是工作。我试过它的工作原理。只需清除捕获并看到。清除捕获后,如果它不工作添加重要像-.jobs-dashboard{background-color:green!important;}
大约一年之前 回复
douduan5086
douduan5086 是的,我检查了view-source并且已经注册了。在那。
大约一年之前 回复
doutang7383
doutang7383 在哪里添加了这种样式,css文件应该在admin_enqueue_scripts中注册。喜欢功能admin_style(){wp_enqueue_style('admin-styles',get_template_directory_uri()。'/admin.css');}add_action('admin_enqueue_scripts','admin_style');
大约一年之前 回复
duangang1991
duangang1991 在我的额外的CSS框中..
大约一年之前 回复
doujiao1814
doujiao1814 你在哪里添加了这个CSS?
大约一年之前 回复
drqyxkzbs21968684
drqyxkzbs21968684 使用这个:-prnt.sc/o2v6s9。但最好添加渲染的makr-upHTML和css代码
大约一年之前 回复
dqq46733
dqq46733 如何在此处添加屏幕截图?
大约一年之前 回复
dp709369831
dp709369831 向我们展示DOM中标记的样子-你能截取DevTools视图吗?
大约一年之前 回复
douzhanyan5015
douzhanyan5015 谢谢,但这只是StackOverflow排版布局...空间没有出现在编辑/预发布页面...
大约一年之前 回复
douou6696
douou6696 好像是TYPO的错误。。jobs-dashboard需要是.jobs-dashboard。之间没有空格。和css时的类名
大约一年之前 回复
douewei1665
douewei1665 .jobs-dashboard尝试之间没有空格。和班级名称
大约一年之前 回复

2个回答

It looks like you are using your themes additional CSS option, which is typically for front end CSS changes.

To add CSS to the admin area you can use the admin_head hook in your functions.php.

add_action('admin_head', 'my_custom_css');
function my_custom_css() {
  echo '<style>
    .jobs-dashboard {background-color: green;}
  </style>';
}
dousui6193
dousui6193 谢谢。 你辜负了你的名字:-)
大约一年之前 回复
douyin6188
douyin6188 是的,您可以根据需要添加任意数量的样式和选择器。 只需确保所有css都在<style> </ style>标记内。 关于颜色:白色不起作用。 首先检查您尝试更改颜色的元素,并确保它没有被其他样式覆盖,或者您的目标是错误的元素。 如果你正在努力,它绝对是正确的元素,你可以尝试颜色:白色!重要;
大约一年之前 回复
doudou348131346
doudou348131346 谢谢。 工作。 但为什么不让它添加颜色:白色;? 另外,我可以像这样添加多个类吗? add_action('admin_head','my_custom_css'); function my_custom_css(){echo'<style> .jobs-dashboard.events-dashboard1 {background-color:green; 白颜色;}? </风格>'; }?
大约一年之前 回复



我认为它不起作用,因为你在课堂上放了一个空格:</ p>

 < 代码>。  jobs-dashboard {background-color:green;} 
</ code> </ pre>
</ div>

展开原文

原文

I think it doesn't work because you put a space in you class:

. jobs-dashboard {background-color: green;}

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问