WordPress is the most popular CMS platform. We are going to show you the most popular tips, tricks, and hacks for WordPress websites. These tricks are going to make your live easier.<\/p>\r\n
By default, WordPress displays blog posts on the Home page. It’s recommended to use custom page for website front-end.<\/p>\r\n
To do that navigate to Pages<\/strong> > All Pages<\/strong> section in your back-end.<\/p>\r\n\t<\/li>\r\n\t Enter your page title and specify its content. Once a page is ready, click on the Publish<\/strong> button.<\/p>\r\n\t<\/li>\r\n\t You will need to set up this page as a Home page now. Open Settings<\/strong> > Reading<\/strong> page in your admin panel.<\/p>\r\n\t<\/li>\r\n\t Enable A static page (select below)<\/strong> option from the Your homepage displays<\/strong> section and select page you added from the Homepage<\/strong> dropdown.<\/p>\r\n\t\r\n\t<\/li>\r\n<\/ol>\r\n Do you know the situation when your site is down? The first thing you need to do is plugin deactivation. Your admin panel is locked and you don’t know what to do. Just follow the further steps:<\/p>\r\n Connect to your server using FTP or hosting cPanel. Open wp-content\/plugins<\/strong> directory.<\/p>\r\n\t<\/li>\r\n\t Now just rename plugins folder to plugins_backup<\/em>. All plugins will be deactivated right away. You can try to access your website now.<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n Google Analytics allows you to gather information about the most popular posts on your website, get info about site visitors. To get this info you need to do 2 simple steps:<\/p>\r\n Getting Google Analytics code.<\/p>\r\n\t<\/li>\r\n\t Inserting this code to WordPress website.<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n We recommend that you check our video tutorial on how to install Google Analytics on WordPress<\/a> to get more details.<\/p>\r\n\r\n WordPress has a backend where all the changes are performed. That page is password protected by default. Users enter their login details when trying to access the admin panel. But there is one more way to protect your website backend. You can enable wp-admin directory password protection.<\/p>\r\n Login into your hosting cPanel and locate Password Protect Directories<\/strong> icon under the security section.<\/p>\r\n\t<\/li>\r\n\t You will see popup asking you to select password protected directory. Choose \/wp-admin\/<\/strong> directory and specify your username and password.<\/p>\r\n\t<\/li>\r\n\t Try to access your admin panel page now. You should see an authorization box now.<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n You can enter your login details to WordPress unlimited times. It allows to guess your password. To protect your site from hackers we recommend that you limit login attempts for your website.<\/p>\r\n You can use Login LockDown<\/a><\/strong> plugin to do that.<\/p>\r\n\t\t Navigate to Plugins<\/strong> > Add New<\/strong> page in your back-end. Enter ‘Login LockDown’ to the search field<\/p>\r\n\t\t\t<\/li>\r\n\t\t\t Install and activate the plugin.<\/p>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t Open Settings<\/strong> > Login LockDown<\/strong> page in your admin panel.<\/p>\r\n\t<\/li>\r\n\t Change core plugin settings:<\/p>\r\n\r\n\t\t You can change max login retries here. Number of failed login attempts within the “Retry Time Period Restriction”<\/strong> needed to trigger a LockDown.<\/p>\r\n\t\t\t<\/li>\r\n\t\t\t Set up retry time period restriction (minutes). Amount of time that determines the rate at which failed login attempts are allowed before a LockDown occurs.<\/p>\r\n\t\t\t<\/li>\r\n\t\t\t You can decide on how long a particular IP block will be locked out for once a LockDown has been triggered. You can do that under the Lockout Length (minutes)<\/strong>.<\/p>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n You can see your WordPress version in the bottom right corner. It’s better to remove WordPress version notification for security reasons.<\/p>\r\n You can use following PHP code to do that:<\/p>\r\n Just add those lines to your functions.php file<\/strong> and check the result.<\/p>\r\n\r\n You are going to add custom CSS to customize the appearance and layout of your site. Custom CSS code allows you to adjust colors, font size, paddings, etc.<\/p>\r\n The best way to add additional CSS is to use an inbuilt customizer. You can do that under Appearance<\/strong> > Customize<\/strong> section in your backed.<\/p>\r\n\r\n Locate Additional CSS<\/strong> tab on the next screen and add the CSS code to the field you will see. Don’t forget to publish your changes.<\/p>\r\n\r\n Text widgets don’t allow you to add shortcodes. They can be used for plain text or HTML code only.<\/p>\r\n To enable shortocodes for the widgets section you need to perform a few simple steps:<\/p>\r\n Open Appearance<\/strong> > Editor<\/strong> page in your backend.<\/p><\/li>\r\n\t Locate functions.php<\/strong> file there.<\/p><\/li>\r\n\t Add following function to that file:<\/p>\r\n\t\t Save file by clicking Update file button<\/strong>. That is it! Feel free to add shortcode to text widgets now. You can manage widgets under the Appearance<\/strong> > Widgets<\/strong> page in your backend.<\/p><\/li>\r\n<\/ol>\r\n\r\n Do you want to add a custom link to your website menu? But at the same time, you don’t want your site visitors to be redirected out from your website? You can make this custom link open in a new window.<\/p>\r\n Open Appearance<\/strong> > Menus<\/strong> page in your backend.<\/p>\r\n\t<\/li>\r\n\t Expand menu item that has to be opened in a new window and check if Open link in a new window<\/strong> option is available. The most likely you will not see it. But don’t get upset. You can easily enable it:<\/p>\r\n\t\t Click Screen Options<\/strong> tab in top right corner.<\/p><\/li>\r\n\t\t\t Check Link Target<\/strong> option under the Show advanced menu properties<\/strong> section.<\/p><\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t Now your can scroll down to your menu item. You will see Open link in a new window<\/strong> option available. Check it to make your menu item open in a new link and avoid site redirection.<\/p>\t\r\n\t\t\r\n\t<\/li>\r\n\t Save menu and check your site to see the change.<\/p><\/li>\r\n<\/ol>\r\n\r\n “How do I know what CSS code to edit?” – That is the question we hear every day. We will provide you with a short guide on how to find our CSS code to edit.<\/p>\r\n Almost all browsers have inspect element option. Let’s take a closer look at Chrome Inspector tool.<\/p>\r\n Open your website and right click with your mouse on the element you want to modify.<\/p><\/li>\r\n\t Select Inspect<\/strong> option from browser’s menu (or just use Ctrl+Shift+I hotkeys).<\/p><\/li>\r\n\t You can see new box on your screen now. It contains your page HTML and CSS code. That is what we need.<\/p>\r\n\r\n\t<\/li>\r\n\t From the CSS section you can get CSS code to edit.<\/p>\r\n\t\t You can make the changes here. They will be immediately shown on your screen. But remember! changes will not be saved on your website. You need to add them to CSS files or Additional CSS field (refer to Adding custom CSS to a WordPress Theme section in this tutorial).<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n We recommend that you check our video tutorial on how to use Google Chrome Web Inspector<\/a> for more details.<\/p>\r\n\r\n WordPress is very flexible platform. It allows you to add users with different roles. Also, you can enable user registration. So your site visitors will register on your website themselves. A few simple steps have to be done:<\/p>\r\n Login into your WordPress backend and open Settings<\/strong> > General<\/strong> page from WordPress menu.<\/p><\/li>\r\n\t Locate Membership<\/strong> section and enable Anyone can register<\/strong> option.<\/p>\r\n\t\r\n\t<\/li>\r\n<\/ol>\r\n For more details check how to allow user registration on your WordPress site<\/a> tutorial.<\/p>\r\n\r\n All the comments on WordPress websites have default gravatar image called ‘Mystery Person’. To have some unique image for your blog comments you can upload custom gravatar images.<\/p>\r\n First of all you need to upload your picture to the website. It can be done under the Media Library<\/strong> section in your backend.<\/p>\r\n Don’t forget to copy image URL after upload.<\/p>\r\n\r\n Now you can proceed to the next step, gravatar implementation. Open your theme functions.php<\/strong> file (it can be found under Appearance<\/strong> > Editor<\/strong> page in your back-end) and paste following function:<\/p>\r\n Replace $myavatar<\/strong> value with custom image URL you added earlier.<\/p>\r\n Visit Settings<\/strong> > Discussions<\/strong> page to see your new gravatar image added there.<\/p>\r\n\r\n That is not an easy task to add image to WordPress sidebar. There is no simple upload image featured available by default. But there is one simple way to add insert image to the sidebar.<\/p>\r\n First of all you need to upload image to your website. It could be done under the Media Library<\/strong> > Add New<\/strong> section in your back-end. Don’t forget to copy image URL after upload.<\/p>\r\n\t<\/li>\r\n\t Next, go to Appearance<\/strong> > Widgets<\/strong> page. Select Text<\/strong> widget from the widgets available and drop it to the Sidebar<\/strong> position.<\/p><\/li>\r\n\t Inside this widget you will need to insert HTML code:<\/p>\r\n\t\t Where Paste image URL here<\/em> is your image URL and Alternate text<\/em> is your alternative text.<\/p>\t\r\n\t\t\r\n\t<\/li>\r\n\t Save widget by clicking Save<\/strong> button. Ready! Image is added to sidebar now.<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n To protect your posts from getting regular spam content you can disable comments on the old articles. This option is available in WordPress by default. So you can easily turn it off from the Settings<\/strong> > Discuss<\/strong> page in your backend.<\/p>\r\n\r\n\r\n WordPress posts are assigned to one author by default. But you can assign it to several authors. The best option is additional Co-Authors Plus plugin installation.<\/p>\r\n Install plugin following our video tutorial on how to install a WordPress plugin for beginners<\/a> and configure it:<\/p>\r\n Now edit post or page where you need to have multiple authors.<\/p><\/li>\r\n\t Locate Authors<\/strong> section on the post page.<\/p>\r\n\r\n\t<\/li>\r\n\t Click on an author to change them. Also you can drag to change their order, click on Remove<\/strong> to remove them.<\/p><\/li>\r\n<\/ol>\r\n\r\nDeactivate All Plugins when not able to access WP-admin<\/h3>\r\n
\r\n\t
Install Google Analytics in WordPress<\/h3>\r\n
\r\n\t
Password Protect WordPress Admin Directory<\/h3>\r\n
\r\n\t
Limit login attempts<\/h3>\r\n
\r\n\t
\r\n\t\t\t
\r\n\t\t\t
Remove WordPress Version Number<\/h3>\r\n
function my_remove_version() {\r\n\treturn '';\r\n\t}\r\n\tadd_filter('the_generator', 'my_remove_version');<\/pre>\r\nAdding custom CSS to a WordPress Theme<\/h3>\r\n
Use Shortcodes inside Text Widgets<\/h3>\r\n
\r\n\t
add_filter('widget_text', 'do_shortcode');<\/pre>\r\n\t<\/li>\r\n\tOpen Navigation Menu Link in New Window<\/h3>\r\n
\r\n\t
\r\n\t\t\t
Using Inspect Element Tool to Customize WordPress<\/h3>\r\n
\r\n\t
Allow user registration on your WordPress Site<\/h3>\r\n
\r\n\t
Add Custom Default Gravatar Image<\/h3>\r\n
add_filter( 'avatar_defaults', 'wpb_new_gravatar' );\r\n\tfunction wpb_new_gravatar ($avatar_defaults) {\r\n\t$myavatar = 'http:\/\/example.com\/wp-content\/uploads\/2017\/01\/wpb-default-gravatar.png';\r\n\t$avatar_defaults[$myavatar] = \"Default Gravatar\";\r\n\treturn $avatar_defaults;\r\n\t}<\/pre>\r\nAdd Images in WordPress Sidebar<\/h3>\r\n
\r\n\t
<img src="Paste image URL here" alt="Alternate text" \/><\/pre>\r\n\t\t
Automatically Close Comments on Old Articles<\/h3>\r\n
Add multiple authors to a WordPress post<\/h3>\r\n
\r\n\t
Add Category Icons in WordPress<\/h3>\r\n