Skip to content

Instantly share code, notes, and snippets.

@gsarig
Last active April 4, 2020 17:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gsarig/5052928650b69dadf7febdbcb6ab14c7 to your computer and use it in GitHub Desktop.
Save gsarig/5052928650b69dadf7febdbcb6ab14c7 to your computer and use it in GitHub Desktop.
A Greasemonkey script to display ACF field names next to their labels on WordPress Admin (read more: https://www.gsarigiannidis.gr/quickly-view-an-acf-field-s-name-on-wordpress-admin/)
// ==UserScript==
// @name Show ACF field names in WP Admin
// @match http://*/wp-admin/*
// @match https://*/wp-admin/*
// @match http://*/*/wp-admin/*
// @match https://*/*/wp-admin/*
// @version 1
// @grant none
// ==/UserScript==
var field = document.querySelectorAll('.acf-field'),
i;
if(field.length) {
for (i = 0; i < field.length; i++) {
var thisField = field[i],
fieldName = thisField.dataset.name,
fieldLabel = document.createElement('span');
fieldLabel.style.cssText = 'color:#999;font-weight:normal;';
fieldLabel.innerHTML = ' [' + fieldName + ']';
thisField.querySelector('.acf-label label').appendChild(fieldLabel);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment