{"id":19003765,"date":"2026-08-26T15:47:08","date_gmt":"2026-08-26T15:47:08","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/script-in-frontend\/"},"modified":"2026-08-26T15:47:08","modified_gmt":"2026-08-26T15:47:08","slug":"script-in-frontend","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/script-in-frontend\/","title":{"rendered":"Script in frontend"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><p>There&#8217;s one more small thing: please load the script in the frontend only if the admin bar is also displayed.<\/p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script&gt;<br \/>                if( null != document.querySelector(\"#wp-admin-bar-my-sites &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-my-sites\").id =\"wp-admin-bar-my-sites-custom\";<br \/>                }<br \/>                if( null != document.querySelector(\"#wp-admin-bar-new-content &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-new-content\").id =\"wp-admin-bar-new-content-custom\";<br \/>                }<br \/>                if( null != document.querySelector(\"#wp-admin-bar-comments &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-comments\").id =\"wp-admin-bar-comments-custom\";<br \/>                }<br \/>                if( null != document.querySelector(\"#wp-admin-bar-updates &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-updates\").id =\"wp-admin-bar-updates-custom\";<br \/>                }<br \/>                if( null != document.querySelector(\"#wp-admin-bar-customize &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-customize\").id =\"wp-admin-bar-customize-custom\";<br \/>                }<br \/>                if( null != document.querySelector(\"#wp-admin-bar-site-editor &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-site-editor\").id =\"wp-admin-bar-site-editor-custom\";<br \/>                }<br \/>                if( null != document.querySelector(\"#wp-admin-bar-site-name &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-site-name\").id =\"wp-admin-bar-site-name-custom\";<br \/>                }<br \/>                if( null != document.querySelector(\"#wp-admin-bar-wp-logo &gt; .ab-item &gt; .jlt-admin-bar-menu\")){<br \/>                    document.querySelector(\"#wp-admin-bar-wp-logo\").id =\"wp-admin-bar-wp-logo-custom\";<br \/>                }<br \/>            &lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">I also see this code snippet in the source code when I open my website without logging in, or when I&#8217;ve disabled the admin bar in the front end for the user.<\/p>\n","protected":false},"template":"","class_list":["post-19003765","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19003765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19003765\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19003765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}