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!