101 WordPress Tips, Tricks and Hacks Every Serious Blogger Must Know
We all want to get the most out of every website we run – and WordPress is no exception. When we first started this site, there were many things we couldn’t figure out and we had to go it alone.The authors of this website want to make sure you jumpstart your learning process and get the most out of WordPress right now! With WordPress being the CMS of choice for 30% of ALL websites on the internet, 40% of the top 10K sites, and with it being the CMS of choice for 50% of websites which use a CMS, we’re sure we speak for many people when we say these WordPress tips will help you push WordPress blog to its full potential!The great thing about WordPress is that its popularity has led to a large number of tips and tutorials available which can show you how to do lots of stuff, small WordPress tricks which push your website to its maximum potential.
WordPress has matured significantly over the years, from a humble blog to a CMS that is so flexible that it allows you to create any kind of website today. From a personal blog to an e-commerce site to a niche social network, you can count on WordPress and all kinds of WordPress themes to allow you to create a great website. Themes of note including the best-selling items, Divi and Avada which we’ve looked at and reviewed fully in separate posts here and here. We’ve got a full listing of themes and roundups we’ve looked and reviewed in detail in a specific section for this purpose here.
And with the growth comes the need for WordPress tricks or “hacks” – small changes in the WordPress code to optimize the performance and display of WordPress.
However, most users are not developers and do not have much experience with code. Thus, many people are not able to use WordPress tricks to tweak and optimize their sites to add more functionality.
In this article we’ll show you how to do some cool WordPress tips without hiring a developer – these are a few simple WordPress tricks (or small tweaks/changes in WordPress code) which allow you to get more, much more from your WordPress website installation.
Why do we call these tricks or hacks? Wikipedia defines a programming hack as “an inelegant but effective solution to a computing problem”. So since we are changing the WP files – we are calling these changes hacks – essentially it’s just WordPress tips and tricks which you should use to make your overall WP experience healthier without having to go through a huge amount of tutorials.
Note: This article assumes you know that some basic HTML/CSS coding. If you’re not ready to do any of these changes yourself, why don’t you have a try and hire a WordPress developer from the top 3% of talent from Toptal? This way you’ll all of the benefits without any of the hassle of coding involved.
You’ll find that many of these tips involve changes to one of the template files, such as functions.php, single.php, headers or another file. Make sure you back up the files before making any tweaks on any of these files because errors might break your site and you will need to revert to a working version of the file.
Add new features to your WP site using the following tricks tips and tweaks. If you’d like to get more of these, we have a whole list here.
1. Add one or more footer widget areas
Not every website support footer widgets. So this tweak will help you add multiple footer widgets into your WordPress theme. Read the tutorial here.
2. Customize log in page
Adding a few tweaks on your functions file will let you customize your login page. Here’s what you need to do.
a) In your current theme directory (../wp-content/themes/your-theme-name), add a folder called “login”. Create a CSS file inside the login folder and name it custom-login-styles.css
b) Next, add the following code into your functions.php file
function my_custom_login() { echo ”; } add_action(‘login_head’, ‘my_custom_login’);
Simply customize your CSS file, custom-login-styles.css. This will reflect on the login page.
To change the logo which appears you can use the following, remember to tweak the values of the logo image to the ones on your own site. The size of the logo should be 80px by 80px
function my_login_logo() { ?>
It is possible to custom design a page with simple HTML/CSS and installs it on your site. All that needed is to simply add the following code into the top of your custom HTML page.
php /* Template Name: Squeeze */ ?>
After adding the code, save the page as squeeze.php and upload it to your current theme folder (../wp-content/themes/your-theme-name)
Once the file is uploaded, create a new page and choose the template Squeeze under ‘Page Attributes’. Publish the page to see it live.
4. Add infinite scroll WordPress trick
Automatically load new content when the reader scrolls down and approaches the bottom of the page. Infinite scroll is a Jetpack plugin feature. If you’re using a well-coded theme like the default WordPress theme, your theme will support infinite scroll.
Install the Jetpack plugin, enable infinite scroll feature and add the following code to your functions file.
‘Post revisions’ is one of the best features of WordPress. However, some users might not need this feature especially for those who have limited database space. This tip will enable you to save on space-related to storing of revisions
To disable the feature, add the following code to wp-config.php file
This code will disable all the future revisions, and it extends the autosave interval from 60 to 120 seconds. It means your post will be autosaving every 120 seconds. If you want to learn more about WordPress autosave, check out our full article here: https://www.collectiveray.com/wordpress-autosave
6. Add a customized CSS file
Add a customized CSS file with the name ‘custom.css’ to your theme by adding the following code to your functions file.
Make sure you change to the actual name of the parent theme and call the parent theme’s CSS file within your child theme’s CSS file. Use normal quotes instead of curly quotes. We also have a detailed tutorial on how to add a child theme and widget area here.
8. Use normal quotes instead of curly quotes
If you have ever shared a code snippet on WordPress, you might have noted that by default, WordPress turns normal quotes to smart codes, which could break the code snippet you’re about to publish.
To disable this feature, insert the following code snippet to your functions.php file – another of those WordPress tips which seems small but is quite essential
remove_filter(‘the_content’, ‘wptexturize’);
9. Display random image header
If you are a person who would love to display random image headers on your blog, this trick is for you.
Name your image 1.jpg, 2.jpg, 3.jpg, and so on. Upload those images to images folder inside your theme directory. Then, paste the following code to the header file.
ISD ofron suport IT me staf të kualifikuar të gatshëm 24×7. Suporti ynë është i disponueshëm online, offline, remote, offsite dhe përmes manualeve të përdorimit dhe të administrimit. Suporti i ISD ofrohet në forma të ndryshme: të herëpashershëm, me kontratë të thjeshtë dhe me kontratë profesionale.