Posts

Showing posts from 2018

How to Display Custom Wordpress Header with Google Analytics Site Tage and Adwords Site Tag

This post assumes you know how to create custom page templates in Wordpress using child themes. Locate this line of code in your page template (page.php) get_header(); Download the header.php file from the parent theme folder into your child theme folder Rename the header.php file you downloaded to header-with-analytics.php Change the get_header function in your page template to include the custom header file. In the brackets add the custom header filename like this get_header("with-analytics"); Everything after the header- in the filename is what you place between the brackets. Save and upload the custom header PHP file. Upload your modified page template file (page.php) Now the page template will load your custom header file called header-with-analytics.php Place your Google Analytics Site Tag or Google Adwords Conversion Tracking code in this header-with-analytics.php file as per Googles instructions.
Post a Comment
Read more

How To Add Wordpress Shortcode to PHP Template File

If you're trying to add a Wordpress Shortcode to your custom theme page template you will find that outputting the shortcode in HTML won't work like this: <p>[shortcode here]</p> You will need to use the Wordpress function do_shortcode. This will work <?php echo do_shortcode('[shortcode_here]'); ?>
Post a Comment
Read more

Eliminate render-blocking JavaScript and CSS

If you use Googles neat PageSpeed Insights tool found here ( https://developers.google.com/speed/pagespeed/insights/ ) you will most likely encounter an optimization suggestion to Eliminate render-blocking JavaScript and CSS in above-the-fold content You can do this by using something called a Critical Path CSS generator Why use this? Without these tweaks a user will see a blank web page when accessing your site in the seconds it takes to render the stylesheets and HTML A Critical Path CSS Generator takes your CSS file contents and filters out the styles needed to load first. Ok, so what do I do then? You simply copy this filtered styles and minify them on www.minifier.org This minifier online tool removes whitespace, strips comments, combines files, and optimizes/shortens a few common programming patterns. You then paste that "minified" code between the <head></head> tags of your webpage with the <style></style> tags But you're
Post a Comment
Read more