Displaying your posts neatly in grid layout will improve the readability of the content and thus the site performance. Your visitors can navigate easily through information. In this article, we’ll learn how to display posts in a grid layout in the home page of a WordPress website.
3 simple steps to display posts in grid layout.
Install a Post grid plugin.
Set up a Static Homepage
Copy the shortcode and paste it in your home page
Note: You can use same method to create grid layout in any other part of your website. Install post grid plugin add the shortcode to WordPress theme template.
The url of a page plays and important role in improving your rank on search results page. Search engines and users see the full URL when navigating through search results. URL signal the target audience what the contents of a page is about. When set correctly, it allows your readers to have a clear understanding on what your post is about and also helps visitors find your page faster. In fact, It is better to match your Page URL with Page Title. Adding keyword in URL makes it more user friendly and attractive for users.
By default, wordPress use post IDs instead of a keyword text URL. This is bad for SEO as your links won’t be related to any keyword that you are targeting.
Although WordPress has a built-in support for SEO-friendly structure.
WordPress assign a unique number to each and every item in the site. For example, the User ID is a unique number generated by the WordPress system to help you to identify each user on a website. Sometimes while installing a new theme or arranging multiple items in your WordPress site, you will need to find a user ID , post ID or category ID. There are different ways to find the ID.
How to find Category Id in wordpress
From your wordpress admin, Go to Posts » Categories
Move the mouse over the Category title (without clicking) and notice the URL that shows up at the bottom left corner of the browser, as shown in the above screenshot. On the link look for the part tag_ID=a, where ‘a’ is the WordPress category ID.
Click on the category name. WordPress will open the category editor page. Look at the browser address bar. You will be able to see the category ID in your browser’s address bar.
Simply move the mouse cursor over the WordPress Category name and right click on it . Select Copy Link Location’ or ‘Copy Link Address’ from the right click menu and paste the URL to a text editor such as notepad
WordPress categories are very convenient way to group related posts together. Your reader can find posts in a specific category in one page and read pots of their interest . Setting up categories provide a proper site structure. You can assign one or more categories while creating the post. See fig below.
In wordpress each category has its own page. Add category title to your menu. (Refer How to add navigation menu). Your reader can view all the posts on a certain topic in one place.
Before proceeding let us have a look at creating category page in wordpress. Visit Posts » Categories page. On this page you can Add / Edit WordPress categories. Refer the following image to see how to add/find category slug. We are going to use category slug while creating template.
Click on View link to view category page. When a viewer clicks on a Category link by default, WordPress shows a page with list of Posts in that particular Category. But you can easily create a custom looking page for different categories on your site.
Since Navigation menu guide your visitors to important sections of your website, it is the most important design element on any page.
In most wordpress themes, this menu is placed as a horizontal menu close to the header. Of course, the menu location can vary depending on your theme and some themes support more than one menu locations.
When you install wordpress, it automatically creates a default Navigation menu. This menu contains a list of your top-level pages. It’s generally a bad idea to include a list of all page titles in menu. Keep your Navigation Short and List the Most Important Pages First.
Fortunately wordPress provides a user friendly interface which let you add and manage any any page including category and tag archives, posts, pages and custom links.
Step 1:Login to the WordPress Dashboard.
Step 2: From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.
Did you know that sometimes monthly newsletters or weekly special offers from your WordPress site are going to your recipients’junk folders? This is a common problem with emails that are sent from a website via PHP. Different mailbox providers adopt different techniques to decide when an email is or is not spam.
Why does that happen? How can you stop this from happening? In this tutorial, we’ll show you how to fix this email issue. Read More
WordPress includes an easy to use mechanism to create your own menus and menu structure. From your wordpress admin panel click on Appearance >>Menu.
Here you can see existing menus and menu display locations. You can create as many menus as you want. But displaying this menu varies from theme to theme. This tutorial describes how to add additional menu locations to an existing WordPress theme. Read More
A WordPress Theme is a collection of files that produce the graphical interface for a wordpress website. You can find plenty of free or premium themes on internet. A good premium theme providers will aggressively
Update their themes with new features and functionality
Add more security features or bug Fixes
Update any browser compatibility issue
Keep up with the latest WordPress enhancements.
Whenever a new version of your WordPress theme is released, WordPress dashboard will notify you to update your theme to the latest version. WordPress experts always recommend you to update yo themes to your theme to latest version.
But when you update your theme, you’ll lose all the tweaks you made to it. How can you update a WordPress Theme without losing customization? WordPress is providing an easy mechanism to solve this issue. It is parent theme child themes combination.
What is a Parent Theme?
A parent theme is a complete theme which includes all of the required WordPress template files. Any theme in your /wp-content/themes/ folder is considered as parent theme. What is a Child Theme?
A child theme is simply a theme that inherits the functionality and looks of another theme – the parent. Read More
Spam is a huge problem for every website. Spammers love WordPress sites. Spam comments are irritating, and your readers might lose faith in you. Spam comments can negatively impact your search engine rankings. Akismet is one of the best comment spam filtering service that blocks spam in comments automatically. It is free to use and is highly recommended.
In this post, I will share how to configure Akismet For wordPress blog.
Activate Akismet Plugin
Akismet comes pre-installed with wordpress installation. You need to activate it. Go to Plugins > Installed Plugins. Click on Activate link next to Akismet Plugin
Enter API key
After activating Akismet, it will require an API key. If you already have a key enter and proceed. If you do not have a key, you can get it for FREE. Click on “Get your key”, you will be directed to Akismet’s website. Read More
Most website creators using WordPress today to create website. You can easily build and manage your site with WordPress. When you convert your your existing business website(.html / .php/ .aspx files) to wordpress, it’s a good idea to set up a blog and test a new version in a subfolder (example.com/WordPress) so that it does not affect their main domain. Once completed, you can move the new site over to the root directory for the domain.
This tutorial assumes you have already created, tested your site in a subfolder called “wordpress”. Refer following articles if you need help on how to install wordpress.
Log into your WordPress Admin, go to Settings -> General.
Change WordPress address (URI) from (example.com/WordPress to example.com)
Change Site Address address (URL) from (example.com/WordPress to example.com)
Step2: Physically move the files from a sub folder to your main folder
Before moving the wordpress files to root, take a backup of your site in root folder. After you have made your backup, it is time to move your WordPress to the primary folder. You can use the cPanel File manager, an FTP program, Shell using SSH, or HTML editor like DreamWeaver.
Moving Files Using Cpanel
Log into your cPanel dashboard.
From the main cPanel area, look for the Files category and then click on the File Manager tool.
Once inside the File Manager, you will want to navigate to the folder you have the WordPress site in. (For example, a folder named WordPress.)
You will see a list of all the WordPress files and folders in the right hand panel. Highlight them all and click on the Move File icon from the menu toolbar across the top of the page.
A popup will appear so you can enter the destination folder. Continuing with our WordPress folder example, it should show as public_html/WordPress. Remove the /WordPress from the destination path so that it simply displays as public_html. Click the Move Files button.
This will move the files up to the public_html folder. You should now see the same files as you have in your WordPress folder.
You can now delete the old WordPress folder.
Moving Files Using FTP
Open your FTP program. Select files from “WordPress ” folder.Drag files to root folder.
Having an interactive slideshow on top of a web page let you highlight your site’s important details on your site in a visual manner. Sliders immediately grab your visitors’ attention and allows users to quickly take action. Most websites put slideshow at the top of the page before their main content.
There are many WordPress slider plugins available which allow you to create your own sliders and add them to your home page, landing pages, posts, or any where you want.
Meta Slider is by far the most popular slider available for WordPress It comes with four jQuery sliders –Nivo Slider (responsive, 16 transition effects, four themes), Coin Slider (four transition effects), Flex Slider 2 (responsive, two transition effects, carousel mode), Responsive Slides (responsive, fade effect only).
In this page, you can create new slider. Creating a new slider is simple – add new slides, change settings and save.
Putting a Slider on wordpress post/pages
1: Create a post/page by going to Posts/Pages > Add New. 2: At the top of the page content, you will notice a button to add a slider. Click this button and select the slider from the options available (if you have only created one slider, there will only be one option).
How to put the slider on the front page of your website
1: To put the slider on the front page of your website, you will first need to create a page(as mentioned above) for home page. Go to Pages > Add New. 2: Add slider in the new page. 3:Once the page is ready, Go to Settings > Reading in WordPress and set the front page display as “a static page”. From the dropdown, select the newly created “Home” page as your static page.
By default, WordPress shows your most recent blog posts on the front page of your site. WordPress comes with built-in support for creating a splash page as the front page(static front page), and a separate page for blog posts.
From your admin panel go to Setttings » Reading. Scroll down to Front page displays option. But before going there, you need to create 2 new pages.
WordPress Custom Home Page and a Separate Blog Page
Do you want to have different design / appearance for different pages in WordPress? In this article, we will show you how to create and use a custom template for a page in WordPress.
From your wordpress admin, while creating a page you can see a template drop down menu under ‘Page Attributes’ section. Clicking on it will allow you to select the template for that page.
But first you need to create a custom page template and put it under your theme’s directory.
Creating a Custom Page template in WordPress
By default WordPress utilizes a template file called page.php to control the appearance of your pages. You will find it in /wp-content/themes/ directory. Now you need to add a custom page template here. The easiest way to get started is by creating a duplicate of existing page template (ie. page.php) provided by your theme. Rename your file like page-home.php, page-contact.php etc. Now start editing your custom page template file. You can make changes in their layout and appearance. This requires a basic understanding of HTML, CSS, and PHP. Once you are done customizing, upload it back to your theme folder using FTP.
You wrote a very long post and have some issues with load times on your posts, it is better to split that long WordPress post into multiple pages. Reading long posts can be hectic or boring for users. This can increase the bounce rate of your site. So for better presentation and readability, divide along post into several pages. This also will improve the look and feel of your site and increase the number of page views on your site.
Dividing your posts into two or more pages is simple in WordPress.
In the post editor, click on “Text” tab to switch to “Text” editor mode.
Add the following tag wherever you want to split your post.
You can add this tag anywhere you want as many times as you want.
WordPress Widgets are independent content blocks designed to provide specific function. Widget is a simple and easy-to-use way to arrange the various elements of your sidebar content or any widgetized areas of your theme. Widgets enable non-technical users to customize your theme without having to change any code.
There are so many different widgets available. WordPress by default comes with several widgets that can be seen on on the WordPress Administration Appearance > Widgets panel. See a list of Top wordpress sidebars widgets. Note: You can install new ones by searching the WordPress Plugins Directory. See how to install worpress plugin.
How to use Widgets
To use/display widgets, you need to add widget areas into your Theme. Most WordPress themes are widget ready. It would always be a good idea to select a theme that is Widget Ready. If theme is not widget ready, you can widgetize just about every part of your theme. See how to widgetize your theme.
Go to Appearance > Widgets. Here you can see available widgets and widget ready areas in your theme.
Choose a Widget and either drag it to the sidebar where you wish it to appear
Or click the widget, (select a destination sidebar if your theme has more than one) and click the Add Widget button.
Preview the site. You can see the new addition there.
To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
To customize the Widget features, click the down arrow in the upper right corner to expand the Widget’s interface.
To save the Widget’s customization, click Save.
To remove the Widget, click Delete link in the configuration options as show above.
How to add Widget area to your theme
You can widgetize just about every part of your theme. See how to widgetize your theme. Widget can be added to the header, footer, and elsewhere in the WordPress design and structure. There are 2 main parts to add widget area in your theme:
Register the widget area in functions.php
Insert widget area in the WordPress Theme
#1: Register widget area
Open the functions.php file from the WordPress Theme Editor . Add the following block of code. In this code, we are registering one sidebar. We have given a name(e.g.’Home right sidebar’) to identify them on Widgets screen and id(e.g.’home_right_1′) is used to call it in theme file to display.
WordPress is a great tool for creating functional websites. Most people consider WordPress as just a blogging platform. But the truth is wordpress is an extremely powerful platform to create different types of fully functional websites. Each new release of wordpress includes many features to enhance functionality of your WordPress site. In this article we will explore one such feature called ‘custom post types’ in WordPress. WordPress added this in version 3.0 onwards
What is custom post type? Do I need it?
Basically WordPress is designed to be a blogging platform. When it comes to creating content for your WordPress site, you can write either posts or Pages. By default, WordPress comes with certain post/page writing structure. i.e. your post title in the upper field, post body content in the main post editing box below it, select a category, add tags etc. In some situations, you want to create something different than this.
Examples of Custom Post Types
For example, you have a tech blog where you write IT-related news, events, updates etc. Now you want to add a product review section to your site and you do not mix this with regular blog content. You want to create a separate section for these Reviews. I’m sure you want to use a different structure and different set of data inside your review post. You can extend the existing WordPress infrastructure and accomplish this using ‘custom Post types’ along with ‘custom fields’.
Custom Post types allow you to create new content sections on your site. It will add a new administration menu, dedicated editing pages, custom taxonomies and many more utilities required for full fledged publishing.
Some other examples are:
A food blogger wants to rate recipes book post
A music blogger wants add a post to sell music album cds
A travel blogger wants to list popular tourist destinations
Make A Product Review With WordPress: Custom Post Types & Custom Fields
In this article I’ll explain how to create a custom post with an example. Let us see how to create a product review custom post. We’re going to add a new section of our website “Product Reviews” that is dedicated for product reviews. You can implement this using custom post types and custom fields. Please note that you’ll need to be familiar with PHP to adjust code based on your needs.
Step 1: Create a Custom Post Type
The easiest way to create a custom post type in WordPress is by using a plugin called Custom Post Type UI .
Upon activation, the plugin will add a new menu item in your WordPress admin menu called CPT UI
Go to CPT UI » Add New to create a new custom post type.
In this page you can see two columns. Custom Post Type UI plugin allows you to create custom post types (On your left) & custom taxonomies (On your right).
Create Custom Post Type – On your left, fill out the Post Type Name, Label fields and description. At the bottom you can see 2 links “Advanced Label Options & Advanced Options” . You can leave the default, or you can click on it to set new values. After filling click on the ‘Create Custom Post Type’ button to add your new custom post type.Now you can see new menu item in your WordPress admin left menu bar (just like posts /pages menu). The label entry will appear in your WordPress admin left menu bar. (See fig below). In my case I used the text “product reviews”.
Custom taxonomies – WordPress uses taxonomies to group post together. Two popular wordpress taxonomies are Categories and Tags. When you create a custom post type called product review, even though you can use categories, you may not want to mix this review with regular blog because they are used differently. So it is a good to create custom taxonomies to group custom posts.For example, create a new custom taxonomy called Review categories. Then you can add topic terms like: Computer, TV, Phone, etc. This would allow you and your users to sort reviews by each topic.Custom Post Type UI plugin allows you to create custom taxonomies. Go to CPT UI » Add New. In this page you can see fields to create custom taxonomies (On your right). Enter the fields Taxonomy Name, Label and Attach to Post Type( Note: Since I’m creating this custom taxonomy for custom post type, I selected Product reviews).
At the bottom you can see 2 links “Advanced Label Options & Advanced Options” . You can leave the default, or you can click on it to set new values. I just want to mention one option listed there >> hierarchical == false.
Now You can see new menu item to add Review Categories. Click on it and create new topics.
Now your custom post type is ready. From your WordPress admin left menu bar click on your newly created custom post type( In my case I used the text “product reviews”). Here you will see a regular post writing page on WordPress. But when you create a product review, you need to add additional information associated with each product. For e.g. a database of digital cameras for instance might need:
Rather than adding this info directly to the description of the product, It is wise to create custom fields to hold this info.
Step2: Adding Custom Fields to a Custom Post Type
Since WordPress native custom fields capability is not enough for our need, we are going to use a third-party plugin (read A Guide to WordPress Custom Fields). Here I’m using Advanced Custom Fields plugin. Advanced Custom Fields is a free plugin that let you create different types of custom fields, create them as a group and then assign that group to your custom post types. Many add-ons also available for this plugin. For e.g. if you want to use star rating , use this acf add-on.
After installing you will see custom fields menu link on left sidebar.
Here you can create a set of fields(called field group) and then assign this to your custom post types.
Click on “Custom Fields” and create a field group called “Product Review” . Click “Add Field” to create the fields needed. In this example I’m adding fields like “Pros”, “cons” etc.
In the “Location” section, you can assign this field group to your product review custom post type.
In the “Options” section, you can configure how you want your field group to be displayed. You can also decide which all other default WordPress inputs to be hidden when the field group is displayed.
Create a product review
Now that you created your cusom post and template, we will now see how you can create your custom post:
From your wordpress admin left menu Click Product Reviews >> Add Product Review.
Write and publish a product review. But when you view the post that is just created, WordPress template hierarchy will use default single.php template file. There these custom fields values will not be displayed. So next step: we need to work on a template that includes these custom post types into our site so they display properly. To display these custom posts, you need to either edit default template file or create a custom single post template.
Step3: Create Single Post Templates for Custom Post Type
Let us see how you can create a custom single post template. To display your Custom Post Type you need to create a new file name single-YOURCUSTOMPOSTNAME.php in your theme folder. So let’s say your custom post type is called”Productreview”, then you need to create single-productreview.php to display your single custom post.
Make a copy of the single.php file in your theme directory. Rename it to single-productreview.php. This isn’t something you can do from the wordpress dashboard. You need to copy the file using your hosting control panel or FTP application.
Refer this article to see how to FTP it to your theme directory.
Refer this article to see how to make a copy of single.php using cpanel.
Now go back to Appearance > Editor in your WordPress dashboard, select your theme, and the single-productreview.php file name in the right sidebar. Here you can add code to display custom fields or customize look and feel.
Displaying Custom Fields
To display the Custom Fields, Put the following tag within The Loop. Find where your main WordPress Loop originates.
Call the wordpress function get_post_meta().
Assign the name of the key that you want to appear. For example in my case, I want to display custom field called “pros”.
I hope, by now you understood about custom posts are and custom fields. There are many plugins available to enhance WordPress posting abilities. I suggest doing your own research and find the best solution to your need.
A sticky footer is a footer that stays below your webpage and it stays there even if the user scrolls down the page. A sticky footer helps create clicks and conversion. You can use this to create more attention to your posts, email optins, or whatever post that you feel will be a great way to earn conversions.
In this post, we’ll show you how to add a sticky footer bar in WordPress. To make things easier, we will be using a WordPress plugin. We will guide you from the plugin setup until you have generated your first sticky footer. Let’s Get Started
First, you’ll need to download and install Webloggerz WP Floating footer bar. We’ve chosen Webloggerz because it is an easy-to-use, fully customizable sticky footer plugin. What is great about this plugin is that you can add your social media profiles to your sticky footer.
Step 1: Activate
Once installed, activate the plugin right away so we can start using it. Once activated, a new menu will appear on the dashboard pane called Floating Bar.
Step 2: Setup
Click the Floating Bar menu so you can configure the floating bar to your liking. You’ll see a page similar to this:
There are two methods available: manual and automatic. In automatic mode, just enter the category ID of your choice and this plugin will display the posts one at a time.
In manual mode, you can use your HTML skills to add a form, embed a video, add a nifty music player and even embed a website in it.
In the example below, we used basic HTML forms to create a signup page and embed a YouTube video in the sticky footer.
The social links section lets you add your social media profiles in the sticky footer. Here’s how it will look like:
Step 3: Save and Enjoy!
Once you are satisfied with your sticky footer, click Save to save your changes. To fine tune your sticky footer, you might need to save and view the your progress from time to time. Which means, every change you do will affect the actual website itself. To avoid confusion from your visitors, it’s best to tune your sticky footer in a test site before using it on your live site especially if you’ll be using the manual method.
Here’s what the finished product will look like:
What To Expect
Webloggerz Sticky Footer bar is a quick and easy to use sticky footer plugin for your WordPress blog or website. This plugin sits below your page regardless if the visitor scrolls down a page or go to another page.
A sticky footer like this is great for showcasing your featured post, helps in generating clicks for those unpopular posts, or making signups easier for your visitors. Keep the bar as thin and as unobtrusive as possible otherwise, visitors will find in intrusive and annoying than useful. So don’t try to embed a video or add another website in this sticky footer bar even if you can.
Use it for optin forms and expect higher conversion rates. Why not give it a try?
So, what do you do if you see an update message (“#wordpress xx.x is available! Please update now”) in your WordPress Admin Screens? Never ignore that message. There are enormous variety of Scams and other malicious activities circulating around the internet. When wordpress notice a new malicious activity, they add updates to defend against them. WordPress constantly add new features, improvements and release ‘updates’ at regular intervals. Well, not just the WordPress core, but also plugins and themes providers also release ‘updates’ at regular intervals.
Check current site for updates
To check your website for WordPress Core, plugin, or theme updates, log into your wordpress admin and click Dashboard>>Updates.
You can see list of updates there.
Note: If a WordPress Plugin update is available, it also will be shown on the Plugin’s menu title, and on the Plugin List Page. If a WordPress theme update is available, it also will be shown on the theme List Page(Appearance>>Themes). You should always update WordPress Releases, Plugins and Themes to the latest version to make sure your website is also up-to-date with new features and security updates.
Version 3.7 onwards WordPress introduced automatic updates for minor releases (For example, it will automatically update itself from WordPress 3.7 to 3.7.1.). But this Auto update is not enabled for major releases like 3.7 to 3.8.
Update/upgrade your WordPress core, themes and plugins easily
Sure, updating can be a pain, but now you are able to update/upgrade your WordPress and plugins to a newer version easily and users never even realize that WordPress has updated. If your site is hosted with a managed WordPress hosting, the host usually takes care of automatic updates. For other users, you can enable automatic updates in 2 different ways.
WordPress blog comes with a great visual editor to #write a post mixed with images, links, and other html elements. Here is a step-by-step process for writing a new post in WordPress. Log into your WordPress administration panel(e.g. use URL: http://www.yoursitename.org/wp-admin). From your sidebar on left side, go to Posts > Add New
Now you can see Add New Post screen – following fig illustrate 6 simple steps to write a post.
Write your title
Enter a title in the first line of the form. Always choose titles that will interest people and indicate what your article is about.
Write your article
Start writing your post in the wordpress text editor. The WordPress text editor can be used in 2 forms – the Visual Editor and the HTML Editor. The visual editor is the default editing mode for WordPress. Click the “text” tab at the top of the text editor box to go to text editor mode and “Visual” tab to go to visual editor mode .
Visual editor allows you to easily create, edit, and format your blog content similar to that of a word processor. Let us see some editing icons contained within the visual editor. Make yourself familiar with the options available. Pass your mouse over the icon and a small tooltip will appear describing the icon and its purpose.
Create bold, underlined, italic, strike-through text: Highlight the text and click on bold, underlined, italic, strike-through icon.
Add, Edit & Remove Links
To add a link, highlight the text you want to add link and then click on insert/edit link icon. To edit a link, highlight the link you want to edit and then click on insert/edit link icon.
A pop-up box will appear. Enter the fields and click on Add link button.
To Remove Links, select the link text and click on ‘Remove link’ icon.
Lists and Block quotes
To create ordered list or unordered list, click on icon as shown in figure. Type your fist entry and hitting enter will create another list element.
Headings & Paragraph
Click on the drop down box labelled “Paragraph.” to view different headings and paragraph formatting
To change text color
Insert More tag
Instead of displaying entire post on your home page, it is a good idea to extract the first part of your post followed by a “more…” link. This will give visitors a good overview of your content without making them scroll forever and they can read full content by clicking on the ‘ more..’ link.
You can accomplish this by using insert more tag. See the fig below. Insert your cursor in the place where you want to display ‘more..’ link and click on “Insert read More tag” icon.
Write your posts in HTML – If you’re ready to write your posts in HTML, click on text tab and write your article in the post content area.
Now select in which category your article belongs to. Categories tie related posts. Categories help the search engines and readers find related articles on your blog. If you do not see relevant category there, you can add a category by clicking on “Add New Category” link.
There are two ways to add Categories. They can be added while adding/ editing your Post or they can be added via the Categories menu option.
Tags are another way to tie related posts. While categories are general, tags are specific.
Preview your article.
Publish your article.
See the fig above. WordPress offers additional option while publishing a post.
Click on the Edit link next to “Visibility: Public”:You can make your post public and make it a sticky on the front page or you can choose to password protect it or make it completely invisible to people that are not logged in to your blog.
Click on the Edit link next to “Publish immediately“. You can also setup your post to be published in the future. Just set the date/time you want your post to be published.