Sometimes I’m on an admin screen and I just wanna go back to the parent screen. For example, I’m editing a single post and I wanna go back to the All Posts screen. In that example, it’s easy. But for others, I don’t like futzing around to find the correct menu item. So this script attempts to cleverly find the correct parent page, then adds a back button to your current screen. It’s not always 100% accurate, but it works well enough for me for now.
Before
➡️
After
<?php
namespace SuZpjtle;
if (\current_user_can('manage_options')) {
\add_action( 'admin_footer', '\SuZpjtle\add_script_to_page' );
function add_script_to_page() {
global $pagenow;
$pages = array(
'post.php',
// 'edit.php',
'admin.php',
'term.php',
'profile.php',
'user-new.php',
'user-edit.php',
'plugin-install.php',
);
if (in_array($pagenow,$pages)) {
?>
<script type="text/javascript">
function addTheBackButton() {
if (window.jQuery) {
let $current = jQuery('#adminmenu ul.wp-submenu a.current');
if ($current.length) {
let newHref, newTitle;
let $heading = jQuery('div.wrap > h1').first();
let textArray = $heading.text().trim().split(' ');
let keyword = textArray.length ? (textArray[1]||textArray[0]) : '';
let $currentMenu = jQuery('#adminmenu li.wp-has-current-submenu ul.wp-submenu');
let $currentItem = $currentMenu.find('a.current');
let $currentFirst = $currentMenu.find('li.wp-first-item > a');
let currentIsFirst = $currentFirst.hasClass('current');
let headingText = textArray.length ? `${textArray[0]} ${textArray[1]}`: '';
let currentText = $currentItem.text().trim();
let h1EqMenuText = (headingText===currentText);
let pathArray = window.location.pathname.split('/');
let pathFile = pathArray[pathArray.length-1];
let locEqMenuHref = (pathFile===$currentItem.attr('href'));
if (h1EqMenuText || locEqMenuHref) {
newHref = $currentFirst.attr('href');
newTitle = $currentFirst.text().trim();
} else {
newHref = $currentItem.attr('href');
newTitle = $currentItem.text().trim();
}
let $newBtn = jQuery(`<a href="${newHref}" title="${newTitle}" class="page-title-action customBackBtn">‹</a>`);
$heading.prepend($newBtn);
}
}
};
function addTheBackButtonDelayed() {
if (window.jQuery) setTimeout(addTheBackButton,2500);
}
window.addEventListener('DOMContentLoaded', addTheBackButtonDelayed);
</script>
<style>a.customBackBtn { margin: 0 4px; }</style>
<?php }
}
}
Leave a Reply