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.
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.
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
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
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.
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
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?
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.
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.
Having an interactive slideshow on top of a web page let you highlight your site’s important details on your site in a visual manner. Sliders immediately grab your visitors’ attention and allows users to quickly take action. Most websites put slideshow at the top of the page before their main content.
There are many WordPress slider plugins available which allow you to create your own sliders and add them to your home page, landing pages, posts, or any where you want.
Meta Slider is by far the most popular slider available for WordPress It comes with four jQuery sliders –Nivo Slider (responsive, 16 transition effects, four themes), Coin Slider (four transition effects), Flex Slider 2 (responsive, two transition effects, carousel mode), Responsive Slides (responsive, fade effect only).
In this page, you can create new slider. Creating a new slider is simple – add new slides, change settings and save.
Putting a Slider on wordpress post/pages
1: Create a post/page by going to Posts/Pages > Add New. 2: At the top of the page content, you will notice a button to add a slider. Click this button and select the slider from the options available (if you have only created one slider, there will only be one option).
How to put the slider on the front page of your website
1: To put the slider on the front page of your website, you will first need to create a page(as mentioned above) for home page. Go to Pages > Add New. 2: Add slider in the new page. 3:Once the page is ready, Go to Settings > Reading in WordPress and set the front page display as “a static page”. From the dropdown, select the newly created “Home” page as your static page.
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.
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.
Built in widget and shortcode.
Plenty of slideshow configuration options.
Compatible with WordPress multi-site.
Compatible with translation plugins like qtranslate, polylang, and WPML.
If you upgrade to its Pro version, you’ll get the following:
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.
Navigation arrows and pagination.
Bulk image uploading integrated with WordPress Media Library.
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.
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 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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
By default, WordPress shows your most recent blog posts on the front page of your site. WordPress comes with built-in support for creating a splash page as the front page(static front page), and a separate page for blog posts.
From your admin panel go to Setttings » Reading. Scroll down to Front page displays option. But before going there, you need to create 2 new pages.
WordPress Custom Home Page and a Separate Blog Page
Do you want to have different design / appearance for different pages in WordPress? In this article, we will show you how to create and use a custom template for a page in WordPress.
From your wordpress admin, while creating a page you can see a template drop down menu under ‘Page Attributes’ section. Clicking on it will allow you to select the template for that page.
But first you need to create a custom page template and put it under your theme’s directory.
Creating a Custom Page template in WordPress
By default WordPress utilizes a template file called page.php to control the appearance of your pages. You will find it in /wp-content/themes/ directory. Now you need to add a custom page template here. The easiest way to get started is by creating a duplicate of existing page template (ie. page.php) provided by your theme. Rename your file like page-home.php, page-contact.php etc. Now start editing your custom page template file. You can make changes in their layout and appearance. This requires a basic understanding of HTML, CSS, and PHP. Once you are done customizing, upload it back to your theme folder using FTP.
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
This plugin allows you to replace any sidebar/widget area in any WordPress theme without any coding.
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.
You will see new menu item “Theme Sidebars” under “Appearence” menu. Click on it.
Create new side bar here.
Replace your old side bar with new side bar.
Select posts/pages/categories where you want to display this new side bar. Save your side bar.
Go to Appearance >> Widgets. Drag a widget to side bar. Edit and save it.
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.