在 WordPress 网站上隐藏工具栏图形的教程

.extra-menu {背景颜色：#f3f3f3; .extra-menu .extra-menu-h {高度：36px; .extra-menu .extra-menu-h h3 { 显示：内嵌块; } .extra-menu ul a{ 文本装饰: 无; .extra-menu .menu-child { 文本缩进: 4em; .extra-menu .menu-child:before { 左: 4em } ; .extra-menu-h h3 { line-height: 36px; } .collapse-toggle { float: right; } 光标：用户选择：无。 显示：内联弯曲；对齐：中心； .collapse-toggle img {宽度：30％； .collapse-content { margin-bottom：0px ！ 20px !重要；溢出：隐藏；最大高度：0；过渡：最大高度 0.3 秒缓出。 .collapse-content.expanded {max-height: 1000px; /* 设置足够大的值以允许内容完全展开 */ } .ph-id {position:relative; } jQuery(document).ready(function( $ ) { $('.collapse-toggle').on('click',function(){ var content = document.querySelector('.collapse -content'); content.classList.toggle('expanded'); if (content.classList.contains('expanded')) { $(this).find('div').text ('折叠'); (this).find('img').css('变换','旋转(180deg)'); } else { $(this).find('div').text('expand'); ).find('img').css('transform','rotate(0deg)');} }) })

WordPress 仪表板顶部的工具栏提供了管理不同部分的快速链接和功能。 但是，在某些情况下，隐藏工具栏可以改善您的网站体验和管理。 因此，网站管理员可以根据需要隐藏或禁用 WordPress 工具栏，通常是通过用户设置、插件或代码片段。 以下是具体步骤：