Thursday, September 29, 2016

WordPress Development Best Practices and Tips

WordPress is easily the most powerful open source blogging and content management system available online today, and so working knowledge of its intricacies is a boon to any developer or designer resume.
This resource contains a collection of WordPress development best practices and WordPress development tips provided by our Toptal network members. As such, this page will be updated on a regular basis to include additional information and cover emerging techniques. This is a community driven project, so you are encouraged to contribute as well, and we are counting on your feedback.
Check out the Toptal resource pages for additional information on WordPress development; there is a WordPress developer hiring guide and WordPress developer interview questions.

Use Child Themes and Plugins

A lot of newcomers to WordPress dive right in and start modifying their core theme files. This is a definite mistake. All of your changes will disappear right after an upgrade, and since plugins and themes are updated about as often as apps on your phone, this is pretty frequently.
To avoid this, create children of your plugins and themes. Not only will you preserve your changes, you can upgrade on your own time. The same steps used to create a child theme can be applied to creating a child plugin, but let’s use creating a child theme as our example.
To get started making your child theme, create a new folder in your themes folder with a unique name, then create a style.css file in your new folder.
In WordPress, all theme parameters are stored in the style.css file as the first comment block. Open the style.css from your original theme, the parent, to see an example of this.
For your child theme, go ahead and copy that comment block from your original theme’s style.css to the new file and rename it. Adding the template parameter to this header will link your new theme to the original. The Template parameter should point to the folder name of the original theme, like so:
Theme Name: Twenty Fourteen Child Theme
Description: My new child theme based on Twenty Fourteen
Template: twentyfourteen
Version: 1.0
Now, if you want to modify files of the original theme, copy them from the original theme’s folder and paste them into your child theme folder. WordPress will use original template files unless it sees the same file in your child theme. So if you want to make changes to header.php, copy it from your original theme into your new child theme folder, and make the changes in the copy. For adding new or modified code, you likewise create a new functions file in your child theme and make your changes there.
This same file copying strategy goes for many plugins as well: create a folder with the same name as a plugin inside your child theme, and then adhering to the file structure of the original plugin folder, copy files from the original plugin to your new folder and modify them. Most major plugins support this, but it’s always good to check with the author if you are not sure.

Speed Things Up with Caching

WordPress optimized hosting services such as Siteground, or the more expensive Wpengine, automatically support WordPress caching. If your host is one that has WordPress specific caching available, it’s the best option.
For those running on a VPS server with root access, Google PageSpeed is a turn key caching and optimization solution by Google that works with Apache and nginx. If that’s of interest to you, check out this guide on how to install PageSpeed on Plesk with CentOS.
If all of that sounds like too much work, then go with Cloudflare, a free CDN/Firewall/Caching and minification system.
Speaking of minification, minify your files yourself during development. Third party tools tend to break things more often than not, especially during upgrades. Doing it yourself gives you more control and awareness of when and where things go wrong.

Pay Attention to Security

WordPress’s popularity makes it a high priority target for hackers. If you don’t update often, you are pretty much asking to get your site hacked.
Automatic updates are a little too dangerous for users with a lot of customizations and plugins, which is why I strongly suggest installing some sort of security plugin.
I personally recommend iTheme Security, which implements security options like a password lockout and file monitoring. And Wordfence Security, a WordPress specific firewall for your site.

Three Developer Tools to Make Life Easier

WordPress has many plugins and add-ons to make your developer life a lot easier. In particular, I recommend:


WP-Cli lets you work with WordPress using the command line. With this great tool you can upgrade and downgrade WordPress in seconds, as well as update plugins. Notably, when you find yourself migrating to a different server, the built in search-replace command will take care of all the url changes for you, and it’s worth installing it simply because of that.

Advanced Database Cleaner

The Advanced Database Cleaner plugin cleans out spam comments, built in revisions, and transients. You can even set up tasks to run automatically.

Query Monitor

When things are running slowly and you’re not sure what to blame, Query Monitor lets you see what queries are taking too long to execute, as well as show you PHP warnings and errors.

Don't Overdose on Plugins

Yes, WordPress has tons of plugins, but that doesn’t mean you should install them all. The more plugins you have, the bulkier your site and the slower your loading times, so don’t use plugins unless absolutely necessary. If you only need to add a few custom fields to your posts (a functionality already included in WordPress) don’t overengineer the solution by installing the advanced custom field plugin, ACF.
If you must use a lot of plugins, make sure you have Plugin Organizer installed to manage them. This great plugin lets you specify what plugins are activated on which pages (you can even use regular expressions), and this selective loading will significantly speed up your site.
You can also use tools like P3 (Plugin Performance Profiler) to see what plugins are taking up most of your precious resources.

Spring Clean Your WordPress Functions

Although great, WordPress comes out of the box with a lot of things that cannot be turned off in the settings. Here are a handful of steps to take any fresh WordPress install and make it more secure and perform better:

Remove the WordPress Version

Get rid of the WordPress version number to make your site harder to be identified by hackers. To do this, add the following to your functions.php file:
add_filter( 'the_generator', '__return_null' );

Remove Script Versions

Get rid of the version number after scripts. By default, WordPress adds versions to all your scripts. This can lead to issues with caching/minification plugins, as well as helps hackers identify your site better. To prevent this functionality, add the following code to your theme functions file:
function remove_cssjs_ver( $src ) {
  if( strpos( $src, '?ver=' ) )
   $src = remove_query_arg( 'ver', $src );
  return $src;
add_filter( 'style_loader_src', 'remove_cssjs_ver', 1000 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 1000 );

Restrict WooCommerce

Did you install WooCommerce, and now the site is running slowly? Adding this function to your functions.phpwill prevent WooCommerce from loading its scripts on non-WooCommerce pages:
 * Tweak WooCommerce styles and scripts.
 * Original credit goes to Greg from:
function grd_woocommerce_script_cleaner() {
 // Remove the generator tag, to reduce WooCommerce based hacking attacks
 remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
 // Unless we're in the store, remove all the scripts and junk!
 if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
  wp_dequeue_style( 'woocommerce_frontend_styles' );
  wp_dequeue_style( 'woocommerce-general');
  wp_dequeue_style( 'woocommerce-layout' );
  wp_dequeue_style( 'woocommerce-smallscreen' );
  wp_dequeue_style( 'woocommerce_fancybox_styles' );
  wp_dequeue_style( 'woocommerce_chosen_styles' );
  wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
  wp_dequeue_style( 'select2' );
  wp_dequeue_script( 'wc-add-payment-method' );
  wp_dequeue_script( 'wc-lost-password' );
  wp_dequeue_script( 'wc_price_slider' );
  wp_dequeue_script( 'wc-single-product' );
  wp_dequeue_script( 'wc-add-to-cart' );
  wp_dequeue_script( 'wc-cart-fragments' );
  wp_dequeue_script( 'wc-credit-card-form' );
  wp_dequeue_script( 'wc-checkout' );
  wp_dequeue_script( 'wc-add-to-cart-variation' );
  wp_dequeue_script( 'wc-single-product' );
  wp_dequeue_script( 'wc-cart' ); 
  wp_dequeue_script( 'wc-chosen' );
  wp_dequeue_script( 'woocommerce' );
  wp_dequeue_script( 'prettyPhoto' );
  wp_dequeue_script( 'prettyPhoto-init' );
  wp_dequeue_script( 'jquery-blockui' );
  wp_dequeue_script( 'jquery-placeholder' );
  wp_dequeue_script( 'jquery-payment' );
  wp_dequeue_script( 'jqueryui' );
  wp_dequeue_script( 'fancybox' );
  wp_dequeue_script( 'wcqi-js' );

add_action( 'wp_enqueue_scripts', 'grd_woocommerce_script_cleaner', 99 );

Enable Shortcodes in a Widget Area

Trying to use shortcodes in a widget area and getting nothing? Drop this in into functions.php to use shortcodes in widget areas:
add_filter('widget_text', 'do_shortcode');

Use a Function to Load Scripts and CSS

WordPress already keeps track of all the scripts and CSS that it has loaded, so instead of adding your JS and CSS into a header or footer, let WordPress handle it with its enqueue functionality. This way WordPress will keep dependencies in check and you will avoid potential conflicts. You add enqueue methods to your theme’s function.php file: wp_enqueue_script() or wp_enqueue_style(), respectively. Here is an example with some explanatory comments:
function add_theme_scripts() {
//example script from CDN, true means our script will be in the footer.
wp_enqueue_script( 'particles', '//', array(), null, true );

//All referred to when to load your style like: 'screen', 'print' or 'handheld.
wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/slider.css',false, null,'all'); 

//this will actually execute our function above
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );’s Theme Handbook further explains the many parameters to an enqueue method, but here’s the method signature for both enqueue methods:
wp_enqueue_style($handle, $src, $deps, $ver, $media );
wp_enqueue_script($handle, $src, $deps, $ver, $in_footer);
As you can see, the only difference between these two methods is the final parameter. For wp_enqueue_style(), the last parameter sets the media for which this stylesheet has been defined. Such as screen (computer), print (print preview mode), handheld, and so on. The last parameter for wp_enqueue_script() specifies whether or not the script should be loaded in the footer.
Here’s a breakdown for the other parameters in our example:
  • $handle is the name of the stylesheet, which can be anything you’d like.
  • $src is where the stylesheet is located (CDN, local, etc). This is the only required parameter.
  • $deps stands for dependencies. When passed a stylesheet handle, it will load it before executing the source script. When $deps is passed in wp_enqueue_script(), it’s an array.
  • $ver sets the version number.
  • $media is the wp_enqueue_style() only parameter. It specifies which type of display media the stylesheet is designed for, such as ‘all’, ‘screen’, ‘print’ or ‘handheld.’
  • $in_footer is the wp_enqueue_script()’s only parameter, a boolean that allows you to place your scripts in the footer of your HTML rather than in the header, which means it will not delay the loading of the DOM tree.



seoindiarank chennai said...

wow amazing post.The key points you mentioned here related to maintenance of car is really awesome.Checking all fluid levels,changing oil and of course the regular service of the car which is necessary to maintain our vehicle.Thank you for the information.
Digital Marketing Company in Chennai

smrithi said...

Thanks for sharing this Informative content. Well explained. Got to learn new things from your Blog on SAP SD.SAP SD

amala amala said...

Finding the time and actual effort to create a superb article like this is great thing. I’ll learn many new stuff right here! Good luck for the next post buddy..
Fresher Jobs
Fresher Opening

Flip Jork said...

Throughout this experience, I’ve learned many lessons, and would like to share them with you in this article. login exam

vino said...

Thank you for taking time & sharing the insights. Really a great post about Wordpress Development .

Web Designer Houston | Web Design and Web Development Company Houston

Orion Technosoft said...

great article, its helps us alot.
Wordpress Development in Pune
Digital Marketing Services

Anonymous said...

you are posting a good information for people and keep maintain and give more update too.
Web Design Company in Chennai

Alex Joseph said...

I agree with you. If you are beginner never go with the full development of theme. First build a child theme and then full theme

Philips Huges said...

Its a wonderful post and very helpful, thanks for all this information. You are including better information regarding this topic in an effective way.Thank you so much

Installment Loans Near Me
Title loans Near Me
Cash Advances Near Me

Subarna said...

Your post is just outstanding! thanks for such a post,its really going great work.

web design austin
Houston wordpress developers

ananthi said...

this is very nice post and thanks for sharing this wonderful information to us.i really would like to appreciate to your attention for us.

Hadoop Training in Chennai

webwing said...

This blog post is really great; the quality information of this post is genuinely incredible.
top web development agency | affordable web design company

Nemco said...

You have provided an nice article, Thank you very much for this one. And i hope this will be useful for many people.. and i am waiting for your next post keep on updating these kinds of knowledgeable things...
wordpress plugin development | web application development said...

These blog is conveys a useful information to viewers. I like your article is nice.

Python Training in Chennai

vinothika said...

I like your way to describe every points and i get a better knowledge to your post. Thanks for giving plesant information.

Hadoop Training in Chennai

Fahim Shakir Website Developer said...

I just read your blog-WordPress Development Best Practices and Tips.
It is really impressive and informative. The way you expressed all thoughts is mind blowing. Good Job!

wordpress development services

Acme Webtechnology said...

Not only for blog readers- WordPress Development Best Practices and Tips will also b helpful for developers. Because they can get some advantage after reading this post.

hire wordpress developer

Shanaya said...

This blog is amazing i really appreciate your effort ...Thank You for sharing this.

Abhijit Kulkarni said...

Excellent tips. Really useful stuff .Never had an idea about this, will look for more of such informative posts from your side... Good job...Keep it up

Ancy merina said...
This comment has been removed by the author.
Sonica Surwase said...

Great article about wordpress development services.
Wordpress Website Development Services in Pune

Search Optimization said...

The blog is useful.

PYTHON Training in Chennai

Deva nikitha said...

It is more useful and knowledgeable.Its really an Excellent post.
SAP Training in Chennai
SAP FICO Training in Chennai
SAP MM Training in Chennai

Vibha said...

Looking For Hire Web Developer who is reliable and experienced enough to fulfill your desires for website functionality and design. Hire Dedicated Web Developers from us in affordable budget.

john ryans said...

Thank you for sharing WordPress related information. WordPress is a good resource for developing and designing Wordpress based website, Thanks for sharing such an amazing article
To know more, click here

Donald Orcutt said...

You have described each and everything about the wordpress. I really got lot of information from this post. Thank you very much for the post.

We at W3care Technologies, provide WP theme Development at reasonable cost.

carney brock said...

waaaw... thanks for your important information you are feeding us with on this.
Web development in Canada
Web development in Toronto

Vaasugi A said...

Its really an Excellent post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog. Thanks for sharing....

Carwash in omr
usedcars in omr
automotors in omr
car accessories in omr

Fubit-A Complete Web Solution said...

Fubit a leading offshore Wordpress website development company offering Custom WordPress themes,templates,Plugin and WordPress CMS development & WordPress Customization services.

Nevil said...

Thank you for sharing your thoughts WordPress related. We provide WordPress/WooCommerce Support, Security, Maintenance and Optimization and good resource for developing and designing amazing websites. Visit MakeWebBetter

Thanks again :)

Augurs Technologies Pvt Ltd. said...

Web Development Services USA

Suruchi Pandey said...

Great tips been shared by you, thank you for taking time to post these details here with us. Hope listen you soon again. Keep blogging.
Web Design Company | Web development Lucknow

Sneha Gopal said...

Hey there. That's some wonderful blog you've got there. It was really helpful and I am really glad that you posted this for the benefit of the people.Also check
Wordpress Development Company in Chennai

WordPress Development Service Company from Surat, India said...

Thank you for sharing your thoughts WordPress related.

Wordpress Website development and Design company from Surat
eCommerce website development service from Surat
Search Engine Optimization service from Surat
Wordpress maintenance service from Surat

best SEO service provider in surat said...

Nice post.

Website Hosting service from Surat, India

Anonymous said...

if you want to Hire WordPress Developer to build your responsive and scalable web solutions completely based on your requirements. You can hire wordpress programmer to develope your websites and application on hourly or fixed basis from us. We offer you the flexibility to Hire Web Developer USA as well as you can Hire Dedicated Programmers from USA to develop your website on WordPress, Magento, Joomla, Shopify, BigCommerce or any other Php and similar platforms.

Augurs Technologies Pvt Ltd. said...

Python Development Company India, Python Development Services USA, Best Python Development Services UK

Katherine Colon said...

Thank you for sharing such a great information with us.this is the best tips for Wordpress Development.

Katherine Colon said...

Thank you for sharing such a great information with us.this is the best tips for Wordpress Development.

Anonymous said...

Word press is a best Open Source CMS which allows it to be used free of cost. You can use it on any kind of personal or commercial website without have to pay a single penny for it. It is built on PHP/MySQL (which is again Open Source) and licensed under GPL.
wordpress interview questions

Zinavo said...

Thank you so much for sharing this. I appreciate your efforts on making this collection. Website Development Company in Bangalore | Web
Designing Companies in Bangalore

Ecommerce Experts Bangalore said...

Great blog! Keep sharing your services with us. Ecommerce Web Design Company In Bangalore | Best Ecommerce Web Design Company Bangalore

Mapzitech said...

R u Looking Adorable Development in dwarka so Visit Now Web Development In Dwarka

Host Reboot said...

remotely sited windows server hostingbuy cheap rdp Just about every RDP assistance is sold with independently owned Residential providing 100% anonymity and also highest rate. You may pick your RDP assistance Out Of 20+ U S A Server destinations.

Clicks Bazaar said...

I agree with you If you are getting started then never go with full development of the theme. First create a child theme and then complete the subject. ClicksBazaar

Technologies Augurs said...

Wordpress Development Services India

Anonymous said...

Web Development Company USA
Best Web Development Company in USA
Website Design Company
Web Design Company Near Me
Custom Web Design & Development Company
Ecommerce Web Design & Development Company
Php Development Company
WordPress Development Company
Web Development Company USA
Best Web Development Company in USA
Website Design Company
Web Design Company Near Me
Custom Web Design & Development Company
Ecommerce Web Design & Development Company
Php Development Company
WordPress Development Company

sathya said...

Nice post. It is really interesting. Thanks for sharing the post!
fridge online shopping
refrigerator online shopping
refrigerator price online
online fridge price
Washing Machine Sale
washing machine online offers
Online Shopping

muthu said...

Learn about other Apache projects that are part of the Hadoop ecosystem, including Pig, Hive, HBase, ZooKeeper, Oozie, Sqoop, Flume, among others. Big Data University provides separate courses on these other projects, but we recommend you start here.

Bigdata training in Chennai OMR

Krystal said...

Nice post. It is really interesting. Thanks for sharing the post!
web development Singapore
web design singapore
SSL certificate Singapore
Email hosting Singapore

S Happy said...

Nice post. It is really interesting. Thanks for sharing.
Hotels in Tuticorin, Hotels in Thoothukudi, Best Hotel in Tuticorin

elsalmy comp said...

Insect Control Company*Insulation Company*Company inspection Villas*Water leak detection company*Company Cleaning Villas*Furniture Moving Company*Insect Control Company*Insulation Company

Amar G said...

Important set of
Laravel Interview Questions and Answers
DBMS Interview Questions and Answers
WordPress Interview Questions and Answers
SSIS Interview Questions and Answers
Django Interview Questions and Answers

Webgensis Official said...

Looking to Hire Wordpress Developer
? You are now at the right place. We,at webgensis is leading IT service provider company having team of experienced designers and developers to offer quality services to our clients. if you have any query relevant to WordPress web development.

Meena said...

Nice Blog. It is very interesting and more information. website development company in chennai
website designing company in Chennai
Website design company in chennai
web designing company in chennai
web design company in chennai

Krystal said...

Nice post. It is really interesting. Thanks for sharing the post!
SATHYA Technosoft Pte Ltd
Domain Registration Company in Singapore
Website Design Singapore
Web Development Singapore
Web Design Singapore
Domain Email Hosting Singapore
Professional Email address for Business
SSL Certificate Singapore

Segmentweb Industries said...

Thanks for providing great information. really useful for me. your blog is beautiful.
Logo Design Company in Jaipur | Logo Design Services in Jaipur
Web Design Company in Jaipur | Web Design Services in Jaipur

Hannah Jane said...

I truly like how your class timings of your online journal. I delighted in perusing your online journal and it is both instructional and intriguing.

Mobile App Development Company | Web Development Company India

Ram Niwas said...

Great information!!! Thanks for sharing... Waiting for your upcoming blogs...

Web Designing Company in Delhi
Website Design Company in Delhi
Website Designing Company in Delhi
Website Development Company in Delhi

Augurs Technologies Pvt Ltd. said...

Website Designing Services India,
ERP Software Development Companies in India,
PHP Development Company in India,
Python Development Company India,
Top Python Development Services India,

Rigid Box said...

Information from this blog is very useful for me, am very happy to read this blog Kindly visit us @ Luxury Watch Box | Shoe Box Manufacturer |  Candle Packaging Boxes

Webpace India said...


cms website development company in India
Website Designing Company in Delhi

Anonymous said...

Hire WordPress Developer
Hire Divi Theme Developer
Hire Divi Child Theme Developer
Hire Custom WordPress Theme Developer
Hire WooCommerce Developer
Hire Php Developer

Tech9logy Creators said...

Very good brief and this post helped me alot. Say thank you I searching for your facts. Thanks for sharing with us!
wordpress support service
custom wordpress development
wordpress theme development
wordpress plugin development

skyler Kate said...

Nice blog & very informative. Thank you so much for sharing this info. Please keep sharing related this topic wordpress web development company.

Unknown said...

I have always knew about this stuff but after reading your blog, it still gives me a lot to learn. There are things I’m not aware of before but now I am aware.
Thanks for posting such helpful article on wordpress development.
wordpress website developer in jaipur
wordpress development company in jaipur
wordpress designer in jaipur

Unknown said...

I have always knew about this stuff but after reading your blog, it still gives me a lot to learn. There are things I’m not aware of before but now I am aware.
Thanks for posting such helpful article on wordpress development.
wordpress website developer in jaipur
wordpress development company in jaipur
wordpress designer in jaipur

Anonymous said...

Hire WordPress Developer
Hire Magento Developer
Hire Hubspot COS Developer
Hire SASS Designer
Hire LESS CSS Designer
Hire Divi Theme Developer
Hire Php Programmer
Hire Genesis Framework Developer
Hire WooCommerce Developer

htop said...

best devops training in chennai
best hadoop training in chennai
best hadoop training in omr
hadoop training in sholinganallur
best java training in chennai
best python training in chennai
selenium training in chennai

Jon Sigurdsson said...

Thanks for the detailed guide!
That was highly informative

Melbourne Web Developer

Digitalseovillage said...

WordPress is the best CMS for web development. About 30% of websites are developed using wordPress.

Arya said...

norton product key
www mcafee activate
comcast customer support number
avg antivirus tech support phone number
webroot customer service Phone number

Arya said...

Thanks for sharing such a nice Blog.I like it.
kaspersky customer service Phone number
Outlook 365 support phone number
microsoft edge customer service
webroot activation code
trendmicro com bestbuypc

event management said...

very nice blog.
Event management company in chennai

Wordpress Website Developer said...

Thank you for this detailed information.
Wordpress speed optimization
Psd to WordPress Conversion
WordPress Customization Services
WordPress SEO Services

Sucheta Smith said...

Thanks for sharing such wonderful information. This was really helpful.
Hire Top Magento Companies

developer rahul said...

Build Website in Wordpress for Online Store @ Wordpress web designer service in USA

Carol William said...

Sigma Solve experts customize the wordpress web development platform with plug-ins and themes to visually and functionally transform your website. With tailored designs and powerful functionalities, we can convert your business ideas to reality and allow you to easily promote your business or your brand without hassle.

Priti said...

As a developer in the Top Web Development Company in India,This article is very helpful for me...easy and best practices...Thanks for this

Saurabh Shukla said...

Excellence blog! Thanks for being an inspiration to me. I read this article and I got far more about WordPress development company India. So, it was a great experience to read your blog. Keep sharing like more!

Webyugg said...

Happy Blogging Nice Post on Blogs.Thank you sharing for them.
Wordpress Web Development Company in Delhi
Wordpress Web Development in Delhi
Wordpress Web Development in Delhi NCR
Wordpress Website development company in delhi NCR
Best WordPress development company in delhi NCR

Dhananjay Kumar Yadav said...

Great contents for wordpress lovers.Keep the good work doing

Vibhuti Technologies said...

Your blog post is amazing and full of knowledge, thanks for publishing your post. I want to tell you everyone that I also provide Wordpress Development Services in the USA at a very prominent price.

Amit said...

Its amazing post and contents of this post is very helpful.

Web Development Company in Bangalore | Website Design Company in Bangalore

Anonymous said...

Hire WordPress Developer
PSD to WordPress Developement
Sketch to WordPress Development
Hire Custom WordPress Developer

ActiveCool Fashion said...


Thanks For sharing this information.
Clothing manufacturers Singapore
corporate uniform singapore