时间戳

首页 > 解决方案 > 在 php 中设置多个链接的样式

php - 在 php 中设置多个链接的样式

问题描述

我有一些 php 可以在我的网站上设置链接样式。但是，当我尝试使用相同的代码以不同的方式设置其他链接的样式时，它会破坏我的网站。

例如我有：

add_action('admin_head', 'my_custom_css');
function my_custom_css() {
echo '<style>
.events-dashboard1 {background-color: green;}
</style>';
}

这可行，但是当我尝试像这样复制时：

add_action('admin_head', 'my_custom_css');
function my_custom_css() {
echo '<style>
.post-job1.post-event1 {background-color: #e5f25c; color: white
!important;}
</style>';
}

网站中断。我进行了调查，发现使用多个这样的类是行不通的。但是，如果我只用 1 个类重新发布相同的 php 代码，它就会中断。尝试改变格式 - 没有。

html:

<div id="adminmenuwrap">
<ul id="adminmenu">
<li class="wp-first-item wp-has-submenu wp-has-current-submenu wp- 
menu-open menu-top menu-top-first menu-icon-dashboard menu-top. 
first" id="menu-dashboard">
<a href='index.php' class="wp-first-item 
wp-has-submenu wp-has-current-submenu wp-menu-open menu-top menu- 
top-first menu-icon-dashboard menu-top-first">
<div class="wp-menu- 
arrow"><div></div>
</div><div class='wp-menu-image dashicons-before 
dashicons-dashboard'><br /></div>
<div class='wp-menu- 
name'>Dashboard</div>
</a>
<ul class='wp-submenu wp-submenu-wrap'>
<li class='wp-submenu-head' aria- 
hidden='true'>Dashboard</li>
            <li class="wp-first-item current">.
                <a href='index.php' class="wp-first-item current" 
aria- current="page">Home</a></li>
            <li><a href='update-core.php'>Updates 
<span class='update-plugins count-37'><span class='update. 
count'>37</span></span></a></li>
            <li class="jobs-dashboard1"><a 
href='https://adsler.co.uk/jobs-dashboard/' class="jobs. 
dashboard1">Jobs</a></li>
            <li class="post-job1"><a 
href='https://adsler.co.uk/post-a-job/' class="post-job1">Post A 
Job</a></li>
            <li class="events-dashboard1"><a 
 href='https://adsler.co.uk/your-events-dashboard/' class="events. 
 dashboard1">Events</a></li>
            <li class="post-event1"><a 
href='https://adsler.co.uk/post-an-event/' class="post-event1">Post 
An Event</a></li>
        </ul>
    </li>

所以现在我有四个链接，其中两个我不能样式，另外两个是上面代码和下面代码的样式。每人一份：

function custom_admin_css() { echo ' <style> .jobs- 
dashboard1 { background-color: green; } </style>'; } 
add_action('admin_head', 'custom_admin_css');

标签： phphtmlcsswordpress

解决方案

只需将所有样式放在同一个标​​签下即可。看来您正在尝试两次使用相同的功能，这是您无法做到的。

add_action('admin_head', 'my_custom_css');
function my_custom_css() {
echo '<style>
.events-dashboard1 {background-color: green;}
.post-job1, .post-event1 {background-color: #e5f25c; color: white
!important;}

/* Any other CSS you have put here */

</style>';
}

最终，您应该做的是创建一个 CSS 文件。把你的 CSS 放进去。然后入队。像这样。

管理员样式.css

.events-dashboard1 {background-color: green;}
.post-job1, .post-event1 {background-color: #e5f25c; color: white
!important;}

/* the rest of your CSS */

将文件排入队列

add_action('admin_head', 'my_custom_css');
function my_custom_css() {
  wp_enqueue_style('admin-css', '/path/to/file/admin-styles.css');
}

推荐阅读