WordPress如何实现高亮代码功能

我在11月初的时候，重新对justnews主题关于该高亮代码插件做了适配，用到的css代码如下：

.enlighter>div {
display: block!important;
}
.enlighter-t-monokai div.enlighter>div {
padding: 0!important;
}
.enlighter-t-monokai.enlighter-hover div.enlighter>div:hover>div>span {
color: #fff;
}
.enlighter-default {
border-top-left-radius: 10px;
border-bottom-right-radius: 20px;
padding-top: 34px!important;
margin-bottom: 20px!important;
background: #444!important;
}
.enlighter-default .enlighter {
max-height: 510px;
overflow: auto;
white-space: nowrap;
display: block;
background: #444;
}
.enlighter-default::after {
content: ” “;
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #c7c7c7;
width: 12px;
height: 12px;
top: 0;
left: 15px;
margin-top: 11px;
-webkit-box-shadow: 20px 0 #c7c7c7, 40px 0 #c7c7c7;
box-shadow: 20px 0 #c7c7c7, 40px 0 #c7c7c7;
transition-duration: .3s;
}
.enlighter-default:hover::after {
background: #fc625d;
-webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
}
.enlighter-t-monokai.enlighter-linenumbers div.enlighter>div::before {
color: #ccc;
background: #555;
}
.enlighter-default.enlighter-hover div.enlighter>div:hover:before {
color: #fff;
}