小编Sha*_*lor的帖子

在 Wordpress 中隐藏管理菜单项

我试图对除一个(我自己)以外的所有用户隐藏 Wordpress 中的某些管理菜单项。

我可以找到各种教程,但它们大多隐藏在用户角色而不是用户上。

我从 Wordpress 法典中找到了这个:

<?php 
function custom_menu_page_removing() {
    remove_menu_page( $menu_slug );
}
add_action( 'admin_menu', 'custom_menu_page_removing' );
?>
Run Code Online (Sandbox Code Playgroud)

但我并不完全理解它,而且我认为我需要向它添加更多的 PHP 来基本上使代码说:

如果用户不是 shaun@seedcreativity.co.uk(我!)

然后删除这些菜单项:

商品 ID 1、商品 ID 2、商品 ID 3 等...

任何人都可以帮忙吗?

php wordpress function

5
推荐指数
3
解决办法
2万
查看次数

CSS菱形/三角形分隔线/边框

我要在纯CSS中创建以下黄金分界线。

在此处输入图片说明

我正在尝试使用transform:scale;CSS 创建此文件,到目前为止,我发现了以下内容:

.border_angle {
	border: 50vw solid transparent;
	width: 0;
	height: 0;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;

	transform: scaleY(0.105) translateY(-50%);
	-webkit-transform: scaleY(0.105) translateY(-50%);
	-o-transform: scaleY(0.105) translateY(-50%);
	-moz-transform: scaleY(0.105) translateY(-50%);
	-ms-transform: scaleY(0.105) translateY(-50%);
	
	position: absolute;
	transform-origin: top center;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
}

.border_angle_gold_l {
	border-left-color: #BE955A;
}

.border_angle_gold-light_r {
	border-right-color: #CCA56B;
}
Run Code Online (Sandbox Code Playgroud)
<div style="margin-top: 200px;" class="border_angle border_angle_gold_l border_angle_gold-light_r"></div>
Run Code Online (Sandbox Code Playgroud)

本质上,我几乎拥有它,但是我只需要反转三角形即可!!我不知道如何...任何帮助将不胜感激。

html css css3 css-transforms css-shapes

4
推荐指数
1
解决办法
1234
查看次数

CSS:last-child AND:将鼠标悬停在ul中的链接上

我正在对导航菜单的最后一个子元素进行样式设置,似乎可以使用以下代码来做到这一点:

.aston-menu-light ul > li:last-child {
    border:2px solid blue;
    border-radius: 50px;
    padding:0 20px 0 20px;
} 

.aston-menu-light ul > li > ul > li:last-child {
    border:none !important;
    padding:0 !important;
} 

.aston-menu-light ul > li:last-child:hover {
    background-color:#ffff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
} 
Run Code Online (Sandbox Code Playgroud)

当我尝试将<a>鼠标悬停在最后一个孩子上时,麻烦就来了。我正在使用这个:

.aston-menu-light ul > li > a:last-child:hover {
    color:red !important;
} 
Run Code Online (Sandbox Code Playgroud)

但这似乎为所有<a>标签加上了样式,而不仅仅是最后一个孩子。我已经尝试过各种变体,例如:ul > li a但我似乎无法正常工作。

我在这里有一个Codepen:https ://codepen.io/shaun-taylor/pen/LXdGGN

我的主要目标是,将鼠标悬停在顶级链接上时,仅将其上的最后一个链接变为红色,谢谢您的阅读!

html css href hover css-selectors

0
推荐指数
1
解决办法
673
查看次数

标签 统计

css ×2

html ×2

css-selectors ×1

css-shapes ×1

css-transforms ×1

css3 ×1

function ×1

hover ×1

href ×1

php ×1

wordpress ×1