How to Add Navigation Menu in WP

How to Add Navigation Menu in WordPress

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. 
  • Step 3: Create Your Navigation Menu
  • Step 4: Assign Your Menu To The Desired Location
Read More

More Interesing Articles for you!










Tips for Using Shortcodes in WordPress

Shortcodes is a special tag that lets you add functionality to your posts, pages, widgets, without actually writing any code.  A shortcode looks like a piece of text enclosed within square brackets. Some examples are given below.

  1. [schoolgallery]
  2. [slider]
  3. [addvideo]

When you load this blog page in a web browser, WordPress replaces the shortcode and actually displays the content. This eliminates the need for copying and pasting codes from other sites, or repeating a tedious task all over again. Read More

More Interesing Articles for you!










WordPress functions.php File

Functions.php is a file found in your Theme’s folder. To understand the file location, look at the following wordpress theme hierarchy.

Adding Code to the Functions File

The functions file is where you put various features and functionality within your wordpress theme. You can achieve this by defining your own functions or by calling built-in WordPress functions. For example, you can control :

  • Use of featured images
  • The image sizes supported by your theme
  • Widgetized areas
  • Decide whether to show post from a particular category in home page or not
  • And  more ….

You can produce the same results by using a WordPress Plugin. In other words the functions file behaves like a WordPress Plugin. But using lots of plugins can slow down your blog’s performance.

When You Shouldn’t Use functions.php

Functions.php is a theme-specific file, which means each theme has its own functions file and any code/function added there strictly related to that particular theme. As soon as you update theme or change your theme, your changes will be wiped out.  See how to use a child theme to add code without worrying about losing your changes.

More Interesing Articles for you!










7 Smart Ways To Make Your WordPress Site SEO and Mobile Friendly

It is no secret that WordPress is currently the number one most dynamic and advanced content management system out there.

WordPress has made it possible for anyone with or without coding experience to instantly publish a blog without taking all the extra steps of dealing with FTPs and servers.

This open source software has proven to be very advanced and continues to advance each year.

WordPress was once only used for blogging, now WordPress can be used as a regular website with a one-page layout or multi-page layout. Google, Yahoo, and Bing are the 3 biggest search engines in the US.

With that said, ranking on these 3 search engines can guarantee great website visibility.

Here’s the deal.

Read below the 7 ways to make your WordPress website SEO and mobile friendly.

7 Ways to Make your WordPress Site SEO and Mobile Friendly

Tip #1: Blogging Topic Target 

Look:

Optimizing a WordPress blog to rank better in search engines can be done by topic targeting. This is a safe and smart strategy to do when writing a blog.

Search engines often rank and place websites in different categories and in different level of visibility.

So here’s the deal.

When blogging, topic targeting is a method to help a blogger by producing content that isn’t too far out of a websites category.

All blogs included inside a website must be different, but they must have a representing topic. Staying on topic is a great SEO practice that can ensure higher visibility.

Tip #2: Font Size

Mobile device searches have grown into the billion margin. With so many mobile devices in use, it no longer is an option for a website to be mobile friendly.

Having a mobile-friendly website can ensure mobile visitor satisfaction and higher ranks.

The best way to make a WordPress website mobile friendly is by increasing the font size.

When increasing the font size on a website, the font will look much bigger on a mobile device, thus, be much more convenient and readable for the mobile device user.

Tip #3: Use WordPress SEO Plugins

WordPress is known for its large theme and plugin library. Most of the items in this library are free to use and some come with subscription deals.

Some of the best SEO plugins in WordPress are free to use. These plugins will instantly give the option of setting the correct meta tags per blog page.

SEO plugins will also create an RSS and sitemap file automatically.

Installing an SEO plugin to WordPress is the most beneficial thing to start off doing.What are the 3 best free WordPress plugins?

  • Yoast SEO
  • Jetpack
  • All in One SEO Pack

Tip #4: Use WordPress Image Compressor

In WordPress, a blogger may forget to compress every image before an upload. Without compressing an image, the full image size will reflect and weigh on the page.

Therefore, it is a great idea to use a WordPress plugin for auto image compression.

So, what is the best plugin for image compression?

WPSmushit doesn’t just compress new upload images, but it will automatically compress an entire image library in just minutes. This is a very handy plugin to install.

Tip #5: Cross Browser Testing

When designing and using certain JS animations in WordPress, a cross-browser test should be conducted.

The cross browser test will show what a website looks like in all different browsers and any website effects are compatible with all the different browsers.

A  WordPress website that works in all browsers is well built and will be categorized as reliable and better designed.

Tip #6: Internal Linking.

Internal linking is a great SEO practice and it does make a blog essentially even more connected.

Adding up to 3 internal links per blog is a great practice and will make a website even more expansive.

Tip #7: Responsive Design

Mobile devices have different sizes! A responsive design is necessary to make a WordPress website mobile friendly.

Most WordPress websites do have a theme library and most of the themes there are mobile friendly, however, a responsive check should be conducted to ensure that all elements inside the theme are responsive.

There are many benefits to making your WordPress site both SEO and mobile friendly. Increasing your SEO rank can lead to major website hits and business success.

Converting your WordPress site into a mobile friendly layout can bring great visitor satisfaction.

Summary

Use these 7 ways provided above to instantly make your WordPress site SEO and Mobile Friendly.

 

About: Ntw Designs is a digital web design company that provides a variety of web services for companies of all sizes. Ntw design specializes in web design, brand marketing, and company research.

More Interesing Articles for you!










How to add a Slider to WordPress Website

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


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).


Install and activate Meta Slider plugin

Follow this article How to install a WordPress Plugin .
After activating Meta Slider plugin,  you will see new menu item “Meta Slider” on left sidebar. Click on it.

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.


WordPress has plenty of WordPress slider plugins ready at your disposal. See 8+ Most Popular WordPress Slider Plugin


More Interesing Articles for you!










8+ Most Popular WordPress Slider Plugin

WordPress has plenty of WordPress slider plugins ready at your disposal. Most will get overwhelmed by the many slider plugins available in WordPress. Those who want to try using plugins won’t go dwell into buying them. Others just don’t want to spend money in a slider. So if you’re looking for free WordPress plugins to try out in your website or blog, here are some of the best.

Huge-IT Slider

HugeIT
Huge-IT Slider

Huge-IT Slider is a free WordPress slider plugins that lets you add custom sliders to your WordPress blog or website. This slider has the following features:

  • Add URL to point to specific pages in your website.
  • Can use different sliders to different pages.
  • Can post unlimited sliders on a page.
  • The descriptions and titles can be used as hyperlinks.
  • Auto-generated shortcode to add slider to post, pages or templates.
  • Smart Targeting System: Internal links open up inside the page while external links open in a new page.
  • Support for HTML titles and descriptions.
  • Drag and drop

Pro Features
When you upgrade to Pro for a minimum of $30, you’ll get the following features:

  • Able to add videos on sliders.
  • Can add content to sliders.
  • 15 various navigation buttons.
  • 9 various positions for slider title and description.
  • 24/7 technical support.
  • Ability to manage your own design.

 

Download Huge-It Slider.


Meta Slider

metaslider
MetaSlider

 

Meta Slider is a popular WordPress slider plugin that lets you create slideshows by simply selecting images from your WordPress media library, drag and drop it in to place, set captions and you have your own slider. You can choose from various slider designs and has a shortcode to easily embed the slider to your website.

Here’s a look at what’s best with Meta Slider:

  • Easy to use interface.
  • Create SEO-optimized slideshow in seconds.
  • Admin preview
  • Built in widget and shortcode.
  • Plenty of slideshow configuration options.
  • Compatible with WordPress multi-site.
  • Compatible with translation plugins like qtranslate, polylang, and WPML.
  • Few JavaScript/CSS are used on your page. Z
  • Limited support.

If you upgrade to its Pro version, you’ll get the following:

  • Video sliders
  • HTML sliders
  • Layer sliders with CSS3 animations.
  • Custom themes
  • Thumbnail navigation
  • Premium support

Download MetaSlider.


Easing Slider Lite

easingslider
Easing Slider Lite

Easing Slider Lite is the second most downloaded WordPress slider plugin in the repository. Garnering more than 400,000 downloads, this lightweight plugin lets you set the dimensions of your sliders and you also have the option to make the sliders responsive.

With Easing Slider Lite, you can choose from two transition effects: fade and slide. And like many slider plugins, this also has support for shortcodes. The only problem is you can only create one plugin for your site, if you need more sliders, you’ll need to upgrade to Easing Slider Pro.

Easing Slider Lite has the following features:

  • Only 16kb minified and that already includes styling.
  • CSS3 transitions.
  • Navigation arrows and pagination.
  • Visual editor
  • Built in JavaScript events.
  • Bulk image uploading integrated with WordPress Media Library.
  • Preloading functionality.

Download Easing Slider Lite.


Wow Slider

WOW Slider
WOW Slider

 

Wow Slider is a fantastic WordPress slider made for non-coders. This slider comes with tons of stunning visual effects and professionally made templates that you just have to point and click to create sliders. With that in mind, building one will only take a few seconds without any need for coding or image editing.

Wow Slider is a responsive slider made entirely of CSS so it can work even if JavaScript is turned off. It has touch and swipe support and can work with all browsers.

 

Download WOW Slider.


Slide Deck 2 Lite

Slide Deck 2 Lite
Slide Deck 2 Lite

Slide Deck 2 is a free WordPress plugins that comes with plenty of features. For a free plugin, you’ll get the advanced functionality that you usually pay for in a plugin but this time, it’s free.

Easily create content sliders out of almost any other content. You can also connect to a variety of sources like Pinterest, Flickr and YouTube without touching any code.

The lite version lets you create sliders out of 14 content sources but does not include Facebook and NextGen Gallery. If you need content from these sources, you may need to opt-in for the premium version.
Promotion Slider
Promotion Slider is a JQuery Slider that lets you insert a simple slideshow or use it for rotating ads in your website. It is a highly customizable plugin that offers complete control on the slider.

With its straightforward short codes and extensive flexibility, anyone can create a slider with just a few clicks, while power users can take advantage of the special actions built in the plugin.

The plugin also features:

  • Automatic inclusion of featured images attached to the promotion.
  • SEO friendly JQuery animation that is compatible even in mobile devices.
  • Slider navigation.
  • Comes with various default styles to choose from.
  • Can link external URLs instead of promotion pages in the slider.
  • Allows to display certain post type or limit the post on a certain category.
  • Can display title and/or anchor, or excerpt from each post or promotion.
  • Can work with custom post type.
  • Can display multiple sliders on a single page without conflicts.
  • Plenty of hooks available.

Download Slide Deck 2 Lite.


Soliloquy Lite

Soliloquy
Soliloquy

 

Soliloquy Lite is a simple yet responsive slider plugin for WordPress. It’s so simple that you do not need to download any Flash software to create and upload sliders. In fact, it can work out of the box without fiddling too much with its settings.

Through custom post types, Soliloquy lets you create any number of responsive sliders with any number of images in it with just a few clicks of the mouse.

This light version of the plugin works well with most of your needs for a slider. If you need more features like video slides and have access to Addons, you’ll need to purchase Soliloquy Pro. Otherwise, enjoy these features:

  • Can use custom post types to create unlimited WordPress sliders.
  • Drag and drop compatible.
  • SEO optimized.
  • Completely responsive sliders and can work with touch enabled devices.
  • Shortcode and template tags.
  • Smart JS and CSS loading.
  • Media uploader button to easily insert images in you slider to the post in your WYSIWYG editor.

Download Soliloquy.


Smooth Slider

SmoothSlider
SmoothSlider

Smooth Slider is a WordPress slider that can let you create a slider in as fast as 50 seconds. Under this time, you have already embedded recent, featured, or category-specific post using Smooth Slider. Smooth Slider lets you create dynamic slideshows for your post, pages, images, and custom post types.

Smooth Slider lets you place content and image slideshows with a customizable background anywhere in your site.

The plugin boasts some of the best features like:

  • Responsive design
  • Lets you preview the slider in Admin panel.
  • SEO friendly slide show.
  • Take full control of its looks through the Settings panel.
  • No coding required.
  • Create you own stylesheet.
  • Sliders can be removed with just a single click.
  • Six transition effects
  • Comes with template tag, shortcode and widget.

If you need more features, simply upgrade to Smooth Slider Premium. The premium version allows you to create unlimited settings, unlimited custom sliders, multiple design options and other cool features.

 

Download SmoothSlider.


Responsive Slider

Responsive Slider
Responsive Slider

Responsive Slider is a slider plugin that lets you create slides that contains linked images and titles. This is a very simple slider with only a few settings that won’t overwhelm new users yet advanced users will find it easy to use. To add a new slide, all you need to do is place it anywhere in your site using a shortcode or into your theme using a function call.
The main purpose of this slider is to add a responsive slider to go along with responsive WordPress themes. This slider automatically adjusts to any container out of the box without any need to add or tweak to your JavaScript or CSS code.

However. this plugin is only limited to one on your entire website. If you need more sliders to add on each of your page, we suggest to go use other plugins instead.

Download Responsive Slider.


Smart Slider 2

Smart Slider 2
Smart Slider 2

Smart Slider 2 is a WordPress slider plugin tha comes with an intuitive interface for backend. This makes it easy for you to design a beautiful slider in your WordPress blog or website. All you need to do is grab a new layer, move into the canvas and insert some items to the canvas through dragging and dropping and your slide is ready.

Features:

  • Administrator page with live preview.
  • Fully integrated to WordPress.
  • Multi-level animation system.
  • 100% responsive slider with advanced responsive mode.
  • Change the overall look and feel even without any coding background.
  • Save and load your own slide design.

More Interesing Articles for you!










How to Create a Custom Home Page and a Separate Page for Blog Posts in WordPress

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

  • Step1: Create templates(optional)
    Create different templates for home page and blog post page. Refer this article >> How to use different design/template for different pages in WordPress
  • Step2: Add New Pages – Create a Front Page

    • From your admin left menu, go to Pages >> Add New.
    • Enter title “Home”.
    • Add content you would like to see within the content area of the static front page, or leave it blank if it is a Dynamic front page.
    • Select the Template(home page) in the Page Attributes panel box.
    • Publish the Page.
  • Step3: Add New Pages – Create a Blog Page

    • From your admin left menu, go to Pages >> Add New.
    • Enter title “Blog”.
    • Leave content blank .
    • Select the Template (default template) in the Page Attributes panel box.
    • Publish the Page.
  • Step4: Set up Front page and post page displays

    • Go to Administration > Settings > Reading panel.
    • In the drop down menu for Front Page select “Home.”
    • In the drop down menu for Posts page select “Blog” .
    • Save changes.

More Interesing Articles for you!










How to use different design/template for different pages in WordPress

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.

More Interesing Articles for you!










Display Different Sidebar for Each Post and Page for WordPress

In this article I will show you how to choose display different sidebar for each post and page for WordPress. There’s several different plugins that help you gain this type of flexibility with your site.

Easy Custom Sidebars

custom-sidebar
This plugin allows you to replace any sidebar/widget area in any WordPress theme without any coding.

  1. Go to your wordpress admin >> Plugins >> Add new . In the search box type “Easy Custom Sidebars” and hit enter key to search. Install and activate the Easy Custom Sidebars plugin.
  2. custom-sidebar-02 You will see new menu item “Theme Sidebars” under “Appearence” menu. Click on it.
  3. custom-sidebar-03Create new side bar here.
  4. custom-sidebar-04 Replace your old side bar with new side bar.
  5. custom-sidebar-05 Select posts/pages/categories where you want to display this new side bar. Save your side bar.
  6. custom-sidebar-06 Go to Appearance >> Widgets. Drag a widget to side bar. Edit and save it.

Per Page Sidebars Plugin

Content Aware Sidebars

How to Have Different Sidebar Content On Different Pages of Your WordPress Site

Now when you are writing a post or a page, and you want to display a custom sidebar all you need to do is add the custom field “Sidebar” and include the name of the sidebar file. For example if you insert “wpbpage”, it will display sidebar-wpbpage.php as your sidebar.

Custom Sidebars – Dynamic Widget Area Manager

More Interesing Articles for you!










10 Essential Things To Do After Installing WordPress

There are few basic settings and configurations to do after installing WordPress to ensure reliability, and top of the line performance.

  1. Change The Title, Tagline and Time zone

    • To change these, go to your Settings in your dashboard and choose General.wp-basic-step2
    • Change both your site title and tagline to something that relates to your site. Now scroll down the page to update your timezone.Change The Title, Tagline, Time zone
    • Scroll down the page click on save changes.
  2. Delete the Default WP Admin Account

    By default WordPress Creates ‘Admin’ as a username for your Blog. Hackers know this and has half the equation to try to get your password. To avoid this, use a different admin username.

    • Login using your admin user account. Once logged in goto Users > Add New wp-basic-user-add1 Fill in all the details for a new user account. Choose the Administrator privileges for this new account .wp-basic-user-add
    • Once that new account is created, log out of your “admin” user account and log back in using your new user account that you just created.
    • Once logged in under the new user account, go to to all User list. Pass the mouse over use “admin” and click on “delete” link.wp-basic-user-delete When you do this WordPress will prompt you to reassign all the posts associated with “admin” to another account. Choose your new account from the drop down list.wp-basic-user-delete2
    • Once you have completed the step of deleting your own “admin” account all the posts previously posted under “admin” will be associated with your new account and you are no longer using the default username.
  3. Delete default Posts and page:

    WordPress install comes with default post and pages. Click on Posts from left menu. Hover over the sample post and select Delete. wp-basic-step3You can delete the sample Page in the same way via Admin -> Pages.

  4. Rename Uncategorized Category

    WordPress install comes with 1 default category named Uncategorized. Unlike the post and the comment this category cannot be deleted. When an editor forgets to select a category, WordPress automatically selects Uncategorized category for that article before it is published. When you have blog posts listed as “Uncategorized,” It makes you seem careless, resulting a symbolic black mark against your blog’s reputation. wp-basic-category3
    To rename the uncategorized category Click on the tab Posts > Categories. Bring your mouse over to Uncategorized and an Edit option will appear. Click Quick edit and change your category name and slug to Other.

  5. Set up WordPress Permalink

    By default, WordPress offers permalinks like this:http://wordpressluv.com/?p=123. This type of permalink is not search engine friendly and not very user friendly. More descriptive URL with keywords may boost your rankings.Other than this, permalinks will give a brief idea of what your post or page is about without looking at the content and can affect a reader’s decision whether or not to click links to your site. You can change the structure of your permalinks at any time, however doing this changes the URL of your pages. You should set your permalink when setting up your blog for the first time.

    You can find various permalink settings under WordPress dashboard > Settings > Permalink.wp-basic-permalink1wp-basic-permalink2

  6. Activate Akismet

    Akismet comes with WordPress which eliminates comment and Trackback spams without your interaction.

    • To activate that, you need API key from Akismet It is free you can get it from Akismet.com/get.
    • Click the Plugins link on the left navigation menu of the Dashboard to load the Plugins page.
    • Click the Activate link below the Akismet plugin name and description. A yellow box appears at the top of the page, saying Akismet is almost ready. Go to Akismet Configuration and enter API key to activate it.
  7. Update your Profile

    From your wordpress admin left menu, click on Users and update your profile.wp-basic-user-profile

  8. Install new theme

    Give unique look to your blog. Change default style to any of the best WordPress theme that suits your blog. There are plenty of free and premium themes available.
    Elegant ThemesElegant Themes looks great, is easy to use and as plenty of options to make your site uniquely you. It is also a bit cheaper than most premium themes. Browse more themes from StudioPress.com
    These steps will help you install and select a WordPress theme for your blog..

  9. Delete Unused Themes and Plugins

    After you have installed your WordPress theme and Plugins, Delete all unused Themes and Plugins. It will improve your WordPress Performance, security purpose as well as to reduce the server load. Hacker might discover an exploit those unused themes and plugins.

    Delete Unused Themes

    • From your WordPress dashboard go to Appearance > Themes. Here you can see available themes. This include active theme and other unused themes. You can’t delete an active theme. Pass the mouse over unused themes and click on theme details button. Click on it.
      wp-basic-theme-delete1
    • In the preview screen, click Delete button in the right bottom corner of it. Now your theme is successfully removed.wp-basic-theme-delete2

    Delete Unused Plugins

    • From your WordPress dashboard go to Plugins.
    • wp-basic-plugin-delete1wp-basic-plugin-delete2
  10. Install the Essential Plugins

    It is important to install some plugins for better performance of your website. Thousands of plugins are available in the wordpress plugin directory. You can search and see if there is a plugin that fits your need. Refer the article: How to install a WordPress Plugin. Here is a list of 27+ best plugins for a successful wordPress blog.

  11. Start Scheduling Regular Backups

    It is important to take regular backup of your site. It helps to recover your site in case of server crash or when you need a new host. There are so many free and premium backup plugins available that creates backup of your website and keep your site safe and secure.backup buddy

  12. Add Contact me page

    Use plugin Contact Form 7 to add contact page to your site.

More Interesing Articles for you!










How To copy a single post From One WordPress Website to Another

There may be a number of reasons for copying your post or page. For example, you own two WordPress blogs, and you have written some pre-configured post/page with some basic look and want to use same format in another site without worrying about how to format everything. Let us see how to copy specific posts and pages from one of your WordPress site  to another WordPress site.

You can do this in 4 steps.

  1. Create a new category with unique name
  2. Find the post you want to move and put that post in new category.
  3. Export the post in new category.
  4. Import it to new site.

#1: Create a new category

  • From your blog’s dashboard go to Posts » Categories

    add category
    add category
  • Just fill the fields and click Add category button. For eg. here I am going to create a new category called ‘Export’.

    add-category
    create category

    Note: You can leave the slug, Parent and description blank.

#2: Edit the post, assign new category

  • From your blog’s dashboard go to Posts –> All Posts.
  • Find the post you want to copy.

    post-quick-edit
    edit post

    Hover your cursor over the title of that post. Click the small Quick Edit link beneath the post’s name.The post title will expand to become an editing pane:

  • post-quick-edit
    add category here

    Here select the newly created category. Click Update.

#3: Export the post

  • export
    Tools- export

    From your blog’s dashboard, find the “Tools” menu on the left hand side, near the bottom of the dashboard.Choose the “Export”from the list of options.

  • Here you will have and option to decide what you want to export. In step 1 we created a new category and in step 2 we selected the post you want to move and put it in new category. Now we are going to export the post in that category. Click on post and you will see more options.

    export
    select export category

    Select newly crated category here. Click “Download Export File” to create an “XML” file of your entire blog on your computer.

  • export3
    Save XML file

    Save the file in an easy to access folder, or on your desktop. You will need this file in order to import it later.

#4: Import Post to new site

  • tools-import
    tools >> import

    Log into your wordpress blog and find the “Tools” menu on the left hand side, near the bottom of the dashboard.Choose the “Import”from the list of options.

  • Choose the WordPress option.

    choose wordpress
    choose wordpress

    If you haven’t yet installed the importer plugin on This will bring up a popup to install the plugin. Click “Install Now.”

    install plugin
    install plugin
  • After installing and activating the plugin, browse for your XML file on your computer.

    upload file
    upload file

    Click “Upload” to upload the XML file to the new blog.

  • In the next screen, it would ask if you need to create a new user or if you want to assign the posts to existing user.

    assign author
    assign author

    Just select to assign the posts to the existing author user on the destination blog so that she would be author of the WordPress posts imported. Select “Download & import file attachments” to move your media along with the post.

  • Now you are done exporting a single post on the WordPress site. You can open the post in edit mode to make changes.

    edit post
    edit post

    Note: If you do not want to keep the newly created category, you can remove it from post categories or delete it from categories list(go to Post>>categories and delete it).

 

More Interesing Articles for you!










How to create a Custom Post Type? Full guide with steps

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
  • Many popular WordPress plugins also use custom post types. Some examples are : Countries Plugin, WP e-Commerce Plugin,

examples
examples

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 .

  1. Install & Activate Custom Post Type UI plugin. (Refer the article How to install a WordPress Plugin)
  2. Upon activation, the plugin will add a new menu item in your WordPress admin menu called CPT UI
  3. Go to CPT UI » Add New to create a new custom post type.

    Add new
    Add new
  4. 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
    Create custom post type
  5.  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”.

    Post type label
    Post type label
  6. 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).

    create taxonomy
    create taxonomy

    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.

    Add Review Categories
    Add Review Categories

    create custom taxonomy
    create custom taxonomy
  7. 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:
    • Pros
    • Cons
    • Purchase Link
    • Rating

    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.

  • Download, install and activate Advanced Custom Fields. (Refer the article how to install a plugin)

    Advanced Custom Fields
    Advanced Custom Fields
  • After installing you will see custom fields menu link on left sidebar.

    custom fields
    custom fields

    Here you can create a set of fields(called field group) and then assign this to your custom post types.

    custom fields
    custom fields

    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.

    Custom fields
    Custom fields
  • 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.

    Display Options
    Display Options

Create a product review

Now that you created your cusom post and template, we will now see how you can create your custom post:

Post type label
Create new product review

From your wordpress admin left menu Click Product Reviews >> Add Product Review.

Create product review
Create 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.

Duplicate single.php
Duplicate single.php

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.

loop starts
loop starts

Call the wordpress function  get_post_meta().

custom fields
custom fields

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.

 

More Interesing Articles for you!










5 ways to do remote publishing in wordpress

Have you ever thought how cool it would be to have the ability to write WordPress posts without having to go on-line and login to your dashboard? This is a question that pops up often especially among WordPress owners who have to write multiple blogs. It would also be great to have a local back up of your posts or having to upload photos faster. In this article we will examine different ways to login remotely and perform admin functions.

A major Pre-requisite

To manage any aspect of WordPress remotely, there is a fancy API called XML-RPC that MUST be turned on. All Weblogs (Blogging software that run on your local machine) post to your blog via XML-RPC.

According to the official WordPress Site , XML-RPC functionality is turned on by default since WordPress 3.5. However if you are still attached to older stable versions you can still enjoy the functionality of XML-RPC. To enable this, simply login to your site’s dashboard, go to Settings > Writing > and check the checkbox. Now you have the green light to work remotely.

1.    Your favourite Email Client

post-by-mail-cover

Indeed it’s that simple! Your email client whether in your desktop or mobile device can write posts to your WordPress site. All that is needed is a unique email on your wordpress site that will Serve as a recipient of post content. WordPress will frequently check that email address via POP protocol for new messages. For every email message, the Subject is assumed to be the post title while the body is assumed to be the content for the title.

The built-in WordPress functionality to post via email is deprecated and will be removed in future wordpress versions. But all hope is not lost thanks to good old plugin methods. There are 3 popular plugins that achieve this:

We may not review all these plugins in this article since there are other remote publishing techniques that am dying to tell you about. For now lets use Post by Mail in Jetpack as a case study. After installing it go to Profile > Your Profile page, and enable Post by Email. A unique email address will be generated and this will serve as the recipient where you will send the post.

CAUTION: Let this recipient email remain private. Don’t CC anyone else when writing to the unique email.

Now let’s go to your favourite Email client (Outlook, Thunderbird or Apple Mail) and send a post to the unique email address. You can add other aspects of the post using shortcodes in the body. Assume we are writing this article from an email client. Here’s what we would have:

New Picture
Screen shot

 

2.    Windows Live Writer for Windows users

This is a great app that comes as a feature of Windows live essentials. In addition to the post writing functionalities that are readily available in Microsoft word, one can crop and resize images and attach maps from virtual Earth. There is even a custom Custom WordPress sidebar for easy navigation to your dashboard.

What do you need to run Windows Live writer?

  • Any 32 or 64-bit version of Windows 7, Windows 8 or Windows Server 2008 R2.
  • Processor:6 GHz or higher with SSE2 support.
  • Memory: 1 GB of RAM or higher.(You are better off with at least 2GB)
  • Resolution: 1024 × 576
  • A fast and reliable Internet connection: Don’t blame this application when you find it hanging frequently. It has to synchronize with your site server constantly so ensure your internet connection is nothing short of ‘good’.

Here is a detailed user guide to using Windows Live writer. If you like it you can download it here. But what if you’r not a Windows user?

3.    Gnomeblog

gnome-blogThis is desktop blogging application for Linux and Unix that connects seamlessly with WordPress based sites. It comes with an easy and quick to use interface to write posts. As the name suggests it works on Gnome based linux flavours (Ubuntu and the likes). It has a WYSIWYG styled text support with Spell checking linked to the dictionaries in your linux box. Oh! And the drag and drop support for images is relatively faster than other Weblog clients. You can crop, caption and resize them just as you want the article to appear on your website. Head over to the official site and grab it for free.

4.    SmartxBlog

smartx-blog-win-macWe haven’t forgotten you Mac users! SmartxBlog is to you, what GnomeBlog is to Linux fanatics. In addition, you can preview the articles in a browser before publishing them. I like the fact that you can also add multiple castegories, tags and even create an RSS feed. SmartXBlog has built-in Image Editor so you don’t have to bother using third party Image Editors. Think of this app as a local wordpress version that syncs to your live site.

To enjoy all these features make sure you have Adobe AIR runtime installed on your computer. Then head over to http://smartxblog.com/ and download the app. You will get a 30 days trial period after which you part with $9.9 for a 5-user licence and lifetime updates. There is a windows version too.

5.    WordPress app By Automattic for Android and IOS

wordpress-android-loginWordPress is now mobile thanks to this great app. You can now leave your laptop when going on holiday. With a tablet or smart phone you can now write posts and publish them instantly. You can even login to multiple WordPress sites you own and approve and reply to comments on your articles. It may seem abit confusing that the whole power of your dashboard has been brought down to an app. Even the icons that you are used to have changed. However after using it several times you get the hang of it.

Well, that  covers most of the devices. Hopefully by now you can do remote publishing in wordpree.But just in case you don’t find an app for your Operating System check out this list. Have fun and remember: The security of your devices will determine the security of your wordpress site.

More Interesing Articles for you!










What is the difference between the hierarchical and Non-Hierarchical Taxonomies?

When I was using a plugin to create and , I came across following situation.

After creating custom taxonomy, I was hoping for was a simple option where I could uses the check box UI for selecting categories on each post.

checkbox UI
check box UI

Instead of that I got comma-separated text input.

text box
text box

I did some research and found out that, that plugin use a setting “Hierarchical ==>> false” when registering custom taxonomy.
‘hierarchical’=>false you get the metabox   format WordPress uses for Post Tags:

hierarchical=>false
hierarchical=>false

‘hierarchical’=>true you get the meta box format that WordPress uses for Categories:

hierarchical=>true

More Interesing Articles for you!










A Guide to WordPress Custom Fields

When you write a post/content on your blog, in you post writing page you will see the fields for entering  title and body content. If you take a look at the WordPress post writing page you’ll notice a section below the post content text area is titled Custom Fields.

custom fields
custom fields

What if I don’t see Custom Fields section in post writing page?

There’s a chance you won’t see this feature. If not, look to the top right of your window and click Screen Options.

Screen Options
Screen Options

From there make sure the Custom Fields option is selected.

select custom fields
select custom fields

Once selected you should see it at the bottom of your screen like I have above.

Custom fields

Custom fields allow you to add little bits of data to posts. The custom fields section contains two input fields labelled Name and Value. The key identifies the specific field and the value is the information that will be displayed.

For examples if you are writing a post about a tourist place you can add Custom field like “Today’s Weather”, and then add the value “Sunny”.

custom fields
custom fields

This extra information is known as meta-data. Now this information related to your post can be displayed anywhere within your WordPress theme.

Make your Theme ready with Custom Fields

Custom fields don’t display by default unless your theme has been customized to do so. In order to get these values to display we need to add a small amount of PHP to our WordPress loop function inside our theme’s code. Let’s do that now.

To start you’ll need a code editor and access to your theme directory which is located at wp-content/themes/themename.

Open single.php file inside a code editor. Find where your main WordPress Loop starts.

WordPress Loop  starts
WordPress Loop starts

Add this code inside the WordPress loop to display all custom fields associated with that post.

Call the_meta()
the_meta()

the_meta” function will display all fields associated with that post.If you have 10 different fields that you want to display at 10 different locations, then we will have to use “get_post_meta” function.

 use get_post_meta hook
use get_post_meta function

More Interesing Articles for you!










How to Update WordPress Releases, Plugins and Themes automatically

So, what do you do if you see an update message (“ 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.

Updates menu
Updates menu

You can see list of updates there.

updates available
updates available

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.

Method1: Using Advanced Automatic Updates plugin

Method2: Edit your wp-config.php file

  • Login to the Cpanel and then click on the File Manager icon in the Files section.

    click on the File Manager icon
    click on the File Manager icon
  • You’ll see a pop-up window. Select your site and click on GO in order to proceed.

    click Go
    click Go
  • The wp-config.php is the file contained in the root of your WordPress file directory. Click on it and from the top menu choose “Edit”.

    Open file to edit
    Open file to edit
  • Add the following to enable major WordPress Releases updates
    Add the following line of code in your site’s wp-config.php file.
    automatic-update4
    Add the following to enable plugins updates
    Add the following line of code in your site’s wp-config.php file.

    Plugin update
    Plugin update

    Add the following to enable themes updates
    Add the following line of code in your site’s wp-config.php file.

    theme update
    theme update
  • Once you’ve finished editing the file click on SAVE CHANGES in the top right hand corner.

 

More Interesing Articles for you!










How to Duplicate / Copy a Post or Page in WordPress

There are times you like content elements on a blog post (perhaps a table design, some styling, or some layout which remains consistent) and you want to create another post with same configuration including all its widgets, template settings ect. Well, an easy way to do this, without having to know how to format anything, is by duplicating the post and making changes.

You can easily create a by using a plugin called  duplicate post.

 Duplicate Post plug-in
Duplicate Post plug-in

  1. Install and activate Duplicate Post plug-in (refer the article >> How to install a WordPress Plugin)
  2. Duplicate Post plug-in Settings
    The plugin comes with a number of settings. Avoid this step if you want to use default settings.Go to Settings >> Duplicate Post. There you can decide whether you’d like to do things like copy the original date, the original status (draft, published, pending), the original excerpt, the original attachments, children of the original page, and taxonomies and more.

    Duplicate Post Settings
    Duplicate Post Settings
  3. Create Duplicate
    There are two ways to duplicate a post or a page.
    Method 1:
    Go to Posts > All Posts (or Pages > All Pages). Mouse over the title of the post(page) you want to duplicate. You will see two new links there – Clone or New Draft.

    Duplicate Post
    Duplicate Post

    Clicking “Clone” will copy the post/page without opening it. Clicking “New Draft” will copy the post/page and also open it in the editor for you.
    Method 2:
    Open the post you can to duplicate in edit mode.

    Open post in edit mode
    Open post in edit mode

    On the post writing screen, you can click the link that says, “Copy to a new draft.” This will open a duplicate of the post or page in a new edit screen.

    Duplicate post
    Duplicate post

More Interesing Articles for you!










How To Insert Images into WordPress Posts and Pages

Including images in an article is the best way to illustrate your ideas. Adding Images make your content interesting and make readers more engaging. WordPress makes it really easy to add images to your posts. In this article we will discuss how to insert images into WordPress posts (or) pages.

  1. Create a New Post/(Page), or Open an existing Post/(Page)

    To create new Post, from your wordpress Dashboard go to Posts>>Add New (To create new page, go to Pages>>Add New ).

    Add New
    Add New

    Note: If you want to add image to an existing post, open your  post. Go to  Posts>>All Posts>>click on the post’s title to view the edit page.

    Edit Post
    Edit Post
  2. Click the Add Media button

    Now you are in the post-write screen. Place your cursor where you want the image to appear and click the ‘Add Media’ button.

    Add Media
    Add Media

    Now you will see insert media screen. To insert image, you have following 3 options.

    insert image
    insert image
  3. Insert Your Image

    • Upload From Computer
      First let us see how to upload images that are already saved on your computer. Click on upload files>> Click on the ‘Select Files’ button.

      Select files

      Find image file from your PC and click on Open button. Wait for WordPress to upload and crunch  the image. Click on the blue Insert into post button to add the image to your post.

      Insert
      Insert

      Note: After uploading an image from your PC, You will see a number of options(attachment details and attachment display settings) on the right hand side. You can either use the default setting displayed there >> Click on the blue Insert into post button or see how to use these settings .

    • Insert from Media Library – If you already have uploaded images and have a Media Library in your blog, select from any  images in the media library by clicking on it, click on the blue Insert into post button to add the image to your post.

      Insert from Media Library
      Insert from Media Library

      Note: After selecting an image from media library, you will see a number of options(attachment details and attachment display settings) on the right hand side. You can either use the default setting displayed there >> Click on the blue Insert into post button or see how to use these settings.

    • Insert from URL

      Insert from URL
      Insert from URL
  4. Different settings for uploaded image – after uploading an image from your PC (or selecting an image from media library), You will see attachment details and display settings on the right hand side of the media up loader interface.
    Attachment details:
    Attachment Details section displays:

    • A small thumbnail of the image
    • File details
    • A links that allow you to Edit Image
    • A links that allow you to Delete image from your site.
    • Enter the title of this media.
    • Enter a caption that will be displayed below the image.
    • Enter the Alt text for the image to describe the media.
    • A description for this particular media.

    Image details
    Image details

    Attachment Display settings

    Display settings
    Display settings

    Alignment

    The Alignment setting controls where your image will be displayed and how it interacts with content on the page.

    Align
    Align

    Link To You can create different types of image links here.

    • Media File: This is default option.This will automatically link to full-size version of the file.
    • Attachment Page: Links your inserted image to its WordPress media attachment page.
    • Custom URL: Allows you to set a custom link URL for your inserted image
    • None: This setting will remove the link completely.

    Image size – The Size settings determine the size of the image you are adding to your site.

    Image Size
    Image Size

How to edit Image Attributes in an existing WordPress Post

You can always edit different image attributes such as the alignment of an image or alt/title/caption/description text of an image that already inserted in a post. Open the post in the post-write screen(follow step 1 on this page). Make sure that visual editor tab is selected. Click on the image you want to edit. You can see two icons over the image. The left icon (pencil Image) allows you to edit the image properties and the right icon (X Image) will delete the image from your content.

edit image
edit image

Click the edit image icon to edit the image properties. A  pop-up window will appear and you can edit the various image  properties there. The Edit Original button allows you to do some simple manipulations such as Crop, Rotate, Scale, and Flip Images. The Replace button allows you to replace the image entirely.

edit attributes
edit attributes

After making changes, click the Update button to save your changes. If you do not want to make any changes, click the small ‘x’ in the top-right of the pop-up window to close the pop-up.

More Interesing Articles for you!










How to create a sortable table in WordPress?

Last week,  I did a wordpress article that does a Speed comparison of Best ThemeForest WordPress Themes.

Initially I collected and compiled my data in a Google drive spreadsheet. Once data was ready, I wanted to present the data in a wordpress post, in a way that reader should be able to sort the data by any column(ascending or descending). So I was in search of a good plugin that can help me do so.

There are couple of good plugins for fancy table display in wordpress posts. But I chose Easy Table Plugin, based on its features as well as user ratings and reviews in wordpress.org site.

At the end of this article, we’ll also have a quick look at Posts Table Pro. This plugin is an interesting alternative to Easy Tables because instead of entering data to your WordPress tables manually, it automatically creates tables listing content already stored on your website.

Easy Table Plugin

easy-table-screenshot

 

Idea behind this plugin is to generate table data using CSV(Comma Seperated Values) format. With simple additions, you table data is ready for display in your wordpress page or  post or even inside a widget. Good thing is this is very simple to use and you don’t need advanced skills to use it.

Let me illustrate this with a simple table example here. Now, if you mouse over any column, a sort icon appears. You can click this icon to sort that column in ascending or descending order. So simple.

Year Make Model Length
1997 Ford E350 2.34
2000 Mercury Cougar 2.38

 

So let us see how to install this plugin and then how to use it.

Install Easy Table Plugin.

  1. Log into your wordpress admin.
  2. Go to Plugins >> Add New.
  3. In the search box enter ‘Easy Table’ and search.
  4. Select ‘Easy Table’ from search results and click on the link ‘Install Now’.
  5. Go to Plugins >> Installed Plugins. Find Easy Table and activate the plugin.

How to use Easy Table. A full example :

Generate table data using CSV(Comma Separated Values) format.

Table data in CSV format means text that is separated with a comma. You can create a CSV using a text editor such as Notepad, Microsoft Excel and Google Docs. Here we are using Google docs for demo purpose.
Open Google Drive >>Click on Create >> Spreadsheet.

Create CSV
Create CSV

Enter data and and click File, Download as, and then select CSV (current sheet).

easy-table-steps1
Generate table data using CSV(Comma Separated Values)format

Open CSV in Notepad.

Open CSV
Open CSV

Step 2: Embedd CSV data between <table> and </table> tags

Create a new post and embed table data. Actually you can embed csv data in 2 ways.

Method 1: Copy and paste CSV from notepad.

embedded
Embed table data

Look at the table data here. The entire table data is embedded between<table> and </table>.  First row is reserved for table titles(Note: you can also create table with no heading using table parameter.). And you see that next 2 rows in the example are data rows. So simple.

Method 2: Upload CSV file and insert the file path

Easy table
Embed file path

Look at the table data here.  Save and upload the CSV(Comma Separated Values) . Insert the location of your file  between<table> and </table>( See fig above).

The result:

Year Make Model Length
1997 Ford E350 2.34
2000 Mercury Cougar 2.38

Other Features

You can add additional parameter to this <table> tag and use cell attribute to control other features of table.

Table with initial sort order on load

You can control sort order on load in 2 ways. Add sort=”desc” or sort=”asc” to <table> tag.
Method 1: Using table parameter Table with initial sort order using table parameter. See the table example below. First column is sorted descending on load.

Year Make Model Length
1997 Ford E350 2.34
2000 Mercury Cougar 2.38
2010 Nissan Micra 4.38

Table with initial sort order
Table with initial sort order

Method 2: Using cell attribute

Initial sort order
Initial sort order

Table with first column descending, second column ascending
For example, the following table on load sort first column descending and then sort second column ascending.

Year Make Model Length
1997 Ford E350 2.34
1998 Maruthy Zen 3.38
2000 Mercury Cougar 2.38
2000 Nissan Micra 4.38
2000 Maruthy Zen 3.38
2000 BMW Micra 4.38

Table with initial sort
Table with initial sort

Disable sort for any column

Look at the table below. Sort for third column is disabled here.

no Item Kg Price
1 Orange 2 100.00
2 Grapes 1 75.25
3 Pinapple 5 130.00
4 Mango 8 250.00

You can do this 2 ways.
Method 1: Add a table parameter  ‘sort=,,false’.

table parameter
table parameter

Method 2: Add a cell attr  ‘sort=false’.

cell attr
disable sort by adding a cell attr

Set index to table

For example see following table with auto index, start from number 2

No.head1 head2 head3
2row1col1 row1col2 row1col3
3row2col1 row2col2 row2col3
4row3col1 row3col2 row3col3
5row4col1 row4col2 row4col3

 

initial sort order
initial Index

In addition to setting auto index to a table, you can give a title to that column and you can set width of that column.

auto index
auto index

Other features

For example see following code shows how to add table parameter to create a table with specific width, style etc.

 Adding table parameter
Adding table parameter

Following code shows how to use attribute in some cells.

attribute in cells
attribute in cells


Posts Table Pro

Alternative table plugin – Create instant WordPress tables with Posts Table Pro

As you can see, Easy Tables is a neat plugin that lets you display static data in a table on your WordPress site. Before we finish, I’ll tell you about another WordPress table plugin that lets you create instant tables without having to enter data manually.
Posts Table Pro works by generating tables of information already stored on your WordPress website. It’s a great alternative to Easy Tables if you want tables that will automatically update with the latest data. Here are some examples of websites that would benefit from this type of WordPress table plugin:
  • Index of blog posts or articles – It doesn’t take long for a WordPress blog to become so big that it’s hard for visitors to find your older posts. No one wants to scroll through multiple pages of posts! Use Posts Table Pro to create a blog post index or article directory, which will automatically update when you add a new post.
  • Document library or knowledge base – If you want to create a WordPress document library then you can create a ‘Documents’ post type and use Posts Table Pro to list your documents in a table view. Your visitors can either download the document directly from the table, or click through to a single page for each document. You can categorize documents and add filters to help customers find the documents they need. 
  • List of events or e-commerce products – Amazingly, Posts Table Pro can list any WordPress post type in a table. This opens the door to many other possible use cases. For example, if you’re using a WordPress events plugin or e-commerce plugin then you can list your events or products in a table layout too. 
The dynamic table plugin is easy to set up and comes with lots of options. There’s a detailed plugin knowledge base to help you configure your WordPress tables in any way you like. 


So we have seen how to use “Easy Table” plugin to create a nice sortable table. Have you created sortable tables using other plugins? Share your experience below.

 

More Interesing Articles for you!










17+ Best Premium WordPress Theme Providers

A search on Google Trends for “WordPress” shows “WordPress Themes” topping the list

There are so many themes and theme providers for WordPress out there that if you have just started using the platform you’ll get lost in confusion. So we’ve decided to compile the best place to get WordPress themes and who are the theme providers.

Another reason we have to do this is that themes WordPress themes nowadays are crafted to fit to almost any screen size or device. If are a beginner, or you haven’t changed your theme for years, then it’s time to upgrade it to a more responsive WordPress theme.

Also, using search engines to look for WordPress themes, is not the best solution. That is why these premium theme providers come into play.

Why use Premium Themes?
With free themes, you can download, and install it to any site you want without limitations. However, free themes have a catch. First is the level of customization. Free themes doesn’t have those template builders or WYSIWYG editors found mostly in premium themes.

Another reason to choose premium themes is that they have a cleaner code with better features. They also come with proper support and documentation to help you just in case something doesn’t work. Free themes don’t have these.

If you are serious about your website and want it to stand out, be unique, and be a cut among the rest, particularly in web design, WordPress premium themes are for you.

So, without further adieu, here we have a collection of the world’s best Premium WordPress theme providers:
Read More

More Interesing Articles for you!