I still see some WordPress footprints in my source code. How can I hide them?
Update Since v4.5: You don’t need to separate rules with = or = =. There is a new tab called Replace Tools which make things a lot easier!
Just make sure you chosen ‘Full Page’ as Replace Mode. In most cases this solve your problem so you don’t need to continue!
More Details: If there’s still some WP related code you can use Replace in HTML to change them. For example, to change this:
div class = 'My_WP_THEME'
Just add this rule to Replace in HTML:
My_WP_THEME => My_Site
Note that if previous word is class or id (like above) this means that may be used by the theme or plugins for a specific purpose so after changing it make sure everything works well. If not you need to replace, for example, My_WP_THEME with My_Site in all stylesheets or scripts of your theme (or sometimes plugin) manually. This needs a little knowledge of coding so if you are newbie it’s better to ignore it.
To REMOVE something from your source code just leave the second part blank:
Important: You should NEVER use Replace in HTML to change a part URLs but it’s possible to remove entire an URL.
Another point is that you may change a URL accidentally, for example, if there’s a URL like following in your source code: domain.com/My_WP_THEM/js/ it will be changed to domain.com/My_Site/js/ and this will break it! To avoid such problems you need to choose first part of replace rule carefully. If we add some more characters (here ” “) to our first rule this problem will be solved:
To change URLs use Replace URLs. It’s similar to Replace in HTML. The point here is the first part should be base on WP root directory. First part usually starts with something like wp-content and NOT http://domain.com or < ? php echo … ?> (!!).
Here’s a sample code for Replace URLs to rename Woo Commerce assets files:
wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css => shop_lt.css
wp-content/plugins/woocommerce/assets/css/woocommerce.css => shop.css
wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css => shop-sm.css
PS: You can change second part (like shop.css) to anything else.