Learn WordPress – 8DegreeThemes https://8degreethemes.com WordPress Tutorials and Reviews Wed, 12 Jun 2024 06:27:18 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.4 https://8degreethemes.com/wp-content/uploads/2024/06/cropped-cropped-8degree-themes-logo-32x32.png Learn WordPress – 8DegreeThemes https://8degreethemes.com 32 32 How to Add a Custom Login Page on your WordPress Website? (Step by Step Guide) https://8degreethemes.com/add-a-custom-login-page-on-your-wordpress-website/ Fri, 31 May 2024 17:50:03 +0000 https://8deg.sites.expresstech.io/add-a-custom-login-page-on-your-wordpress-website/ If you are wondering to add a custom login page to your WordPress website then, you are at the right place. Here, we will discuss a short tutorial to create a beautiful login page for WordPress websites. But before we begin, a few things about why you should consider adding a custom login page on your WordPress website.

Adding a custom login page on your WordPress website is one of the great ways to uplift the identity of your brand. You might want to add an attractive background to your login page or want to add the logo of your brand instead of the default WordPress logo on the login form to give your login page a professional look. Also, you might want to add a social OAuth login to enable your audience to enter your website using their favorite social media or add a Google reCaptcha to make your admin area safe and secure from spammers or abusers. All these things can be added to your WordPress login page by using WordPress custom login page plugins available.

Here, in this article, we will be using WP Custom Admin Login to show you how to add a custom login page for your WordPress website.

So, let’s get started and set up a beautiful login page for your WordPress website:

Step 1:

WP Custom Admin Login

Purchase WP Custom Admin Login from the CodeCanyon marketplace at the price of $19. Then, install it on your WordPress website. If you face any difficulties while installing the plugin then, you can check out its documentation.

Step 2:

After you have installed the plugin on your site, you will see “WP Custom Admin Login” on the left menu of your WordPress dashboard. Click on it.

You will land on the general settings page. Click on the “Start Customizing!” button to start customizing your login page.

General Settings

Step 3:

You will be directed to the customization page of your WordPress website. Click on “WP Custom Admin Login” to continue.

You will land on a different settings section for customizing your login page. They are:

Enable Plugin

Here, you enable/disable the custom login page created by using the plugin.

Select Template

Here, you can select the template for your login page.

Select Template

Also, you can configure the design of your login page template.

Select Template Design

Header Section

Here, you can edit the header text and header description.

Header Section Text

Also, you can set the custom logo for your login page along with the custom URL link.

Header Section Logo

Display Options

Here, you can show/hide the lost password, remember it, and back to the option text on your login page.

Display Options

Login Form

Here, you can add lost password text, remember me a text, registration text, registration link text, registration URL, back to the text, and back to the URL.

Login Form General

Also, you can configure the background, typography, form field, and text color.

Login Form Design

Google ReCaptcha

Here, you can enable/disable Google reCaptcha on your login page. To add Google reCaptcha, you need to add your Google site key, Google secret key, and Captcha error message.

Google reCaptcha

Social Login

Here, you can enable the Social Media OAuth login feature on your login page.

Social Login General

Additional Contents

Here, you can add the additional content block on your login page.

Additional Content

Footer Section

Here, you can add your custom footer text.

Footer Section Text

Also, you can add social icons to your footer.

Footer Section Social Icons

Custom CSS Section

Here, you can add custom CSS to your login page.

Custom CSS Section

After you are done, click on publish button to save your custom login page.

Wrapping Up

In this way, you can add custom login page on your WordPress website. So, if you are planning to add a customize your login page and give it a professional look then, you can purchase the mentioned plugin and follow this step by step tutorial.

You can also checkout our collection of:

5+ Best WordPress Custom Login Page Plugins (Premium Listing)

]]>
How to add Forms on WordPress Website using Ultimate Form Builder? (Step by Step Guide) https://8degreethemes.com/add-forms-on-wordpress-website/ Fri, 31 May 2024 17:49:57 +0000 https://8deg.sites.expresstech.io/add-forms-on-wordpress-website/ If you are wondering how to build and add some stunning forms to your WordPress website then, you are at the right place. Here, in this article, we will discuss a step-by-step guide to adding forms to your WordPress website. But before we start a few things about why adding forms is mandatory for a WordPress website.

The form builder is one of the must-have elements for any website. It lets you build different forms for multiple uses such as subscription letters, contact us, post/directory submissions, inquiry forms, survey forms, and many more. Embedding all these forms will provide your website with a professional look. Moreover, these forms will allow your customers to connect with you more easily.

Here, in this article, we will be using Ultimate Form Builder to show you how to add a beautiful form to your WordPress website.

So, let’s get started and add forms to your WordPress website in a step by step process:

Step 1:

Best WordPress Form Builder Plugin: Ultimate Form Builder
Best WordPress Form Builder Plugin: Ultimate Form Builder

Get Ultimate Form Builder from the CodeCanyon marketplace at the price of $32. Then, install it on your WordPress website. After that activate it. If you have any difficulty regarding the installation process then, you can check out its documentation.

Step 2:

After you have successfully activated the plugin, you will see “Forms” on your WordPress dashboard.

You will land on the “All Form” page. It consists of the list of all the forms you have created on your WordPress website. Click on “Add New Form” to add a new form for your WordPress website.

Ultimate Form Builder: All Forms
Ultimate Form Builder: All Forms

Then, a popup will be displayed where you need to add the title for your new form and choose its type. After that, click on “Add Form”.

Ultimate Form Builder: New Form
Ultimate Form Builder: New Form

Step 3:

Then, you will land on the settings page of the plugin. It contains 4 tabs for configuring your form. They are:

Form Builder

Ultimate Form Builder: Form Builder
Ultimate Form Builder: Form Builder

Here, you can set the field from 4 different elements. They are:

  • HTML Elements: Here, you can add a Single Line Textfield, Multiple Line Textfield, an Email Address, a Dropdown Menu, a Radio Button, a Checkbox, a Password, a Hidden Field, a Number Field, a Submit Button, and a Captcha.
  • UI Elements: Here, you can add Datepicker, Datepicker Date Range, Dropdown Date, Dropdown Date Range, and UI Slider.
  • Custom Field: Here, you can add File Uploader, Custom Texts, Agreement Block, URL Field, and WYSIWYG.
  • Survey Elements: Here, you can add Star Ratings, Like Dislike Thumb, and Choice Matrix.

Display Settings

It consists of different display options for your created forms. You can set the width of your custom form, form submission message, and form error message. Also, choose the template for your form.

Ultimate Form Builder: Display Settings
Ultimate Form Builder: Display Settings

Email Settings

Here, you can add the email address for your mail receiver. Also, set the custom email subject and message format. Besides, you can also enable the auto-reply setting along with the custom auto-respond subject and auto-respond message.

Ultimate Form Builder: Email Settings
Ultimate Form Builder: Email Settings

Conditional Logic

Here, you can set different types of conditional logic for your WordPress forms.

Ultimate Form Builder: Conditional Logic
Ultimate Form Builder: Conditional Logic

After, you are done click on “Save Form” to save your settings. To view the preview of the form click on the “Preview” button right next to the “Save Form”.

Then, copy the shortcode and paste it on any pages, posts, custom post types, or widgets of your WordPress website to display your created form.

Wrapping Up

This way you can easily add a beautiful WordPress forms on your WordPress website in a few minutes. Forms are very essential element and can provides different types of benefit to your WordPress website. So, if you want to add forms on your WordPress website then, you can use the mentioned plugin and follow this step by step tutorial.

You can also checkout our collection of: 5+ Best WordPress Form Builder Plugins (Premium Version).

]]>
How to Add an Engaging Notification Bar on your WordPress website? (Step by Step Guide) https://8degreethemes.com/add-an-engaging-notification-bar-on-your-wordpress-website/ Fri, 31 May 2024 17:49:56 +0000 https://8deg.sites.expresstech.io/add-an-engaging-notification-bar-on-your-wordpress-website/ Placing a notification bar on the top of your WordPress website can be the best way to attract your visitor’s attention instantly. It allows you to add your site’s announcements, messages, or links to your site’s important content to direct your traffic increase your site’s engagement rate, and generate leads. Moreover, you can also place an email subscription letter or social media profile icons to boost the email and social media subscribers of your website.

A notification bar, being an essential tool for any website can be added using WordPress notification bar plugins available. So, you will have to be careful about finding the right one for your WordPress website. While choosing a notification bar plugin, you need to consider its features available in terms of layouts (templates that the plugin offers), positioning (on what position you can add your notification bar), and contents (what contents you can add on your notification bar). Also, you might look at some advanced features such as floating, fixed, or absolute positioning of your notification bar, duration to display notifications, trigger options, etc.

Here, in this article, we will be using 8 Degree Notification Bar Pro to show you how to add a beautiful notification bar on your WordPress website. It is an ultimate WordPress plugin that comes with cool templates and advanced settings for embedding your website with an attractive notification bar without using any codes.

So, let’s get started and add an engaging notification bar on your WordPress website:

Step 1:

Purchase 8 Degree Notification Bar Pro from the CodeCanyon marketplace at a reasonable price of $18. Then install it on your website. If there are any difficulties while installing the plugin then, check out its documentation. After, that activate the plugin.

8 Degree Notification Bar Pro
8 Degree Notification Bar Pro

Step 2:

After you have activated the plugin, you will see “Notification Bar Pro” on your WordPress dashboard. Click on it. You will land on the “Notification Bar” page. It consists of all the notification bars, you have created on your WordPress website. To create a new notification bar click on “Add New”.

8 Degree Notification Bar Pro: Add New Notification Bar
8 Degree Notification Bar Pro: Add New Notification Bar

Step 3:

You will land on to “Add New Bar” page. Then, give the name to your new notification bar. Then, choose the template for your notification bar. You can either choose any of the 10 pre-designed templates or your custom templates.

8 Degree Notification Bar Pro: Notification Bar Layout
8 Degree Notification Bar Pro: Notification Bar Layout

Step 4:

Then, enable/disable the components of your notification bar. There are 3 different components. They are:

Left Component

In the left component, you can add social icons that contain the link to your social media.

8 Degree Notification Bar Pro: Left Notification Bars Components
8 Degree Notification Bar Pro: Left Notification Bars Components

Right Component

In the right component, you can add the opt-in form, Twitter tweets, post titles, RSS feeds, marquee texts, etc.

8 Degree Notification Bar Pro: Right Notification Bars Components
8 Degree Notification Bar Pro: Right Notification Bars Components

Open Panel

In the open panel, you can set the hover text, header text, and footer text. Besides, you can also set the widget columns.

8 Degree Notification Bar Pro: Open Panel Notification Bars-components
8 Degree Notification Bar Pro: Open Panel Notification Bars Components

Step 5:

Then, set the duration of your notification bar.

8 Degree Notification Bar Pro: Duration to Display Notification Bar
8 Degree Notification Bar Pro: Duration to Display Notification Bar

Step 6:

After that set the position, visibility, and close button for your notification bar. Besides, you can also set whether to display the notification bar to the login users.

8 Degree Notification Bar Pro: Notification Bar Position
8 Degree Notification Bar Pro: Notification Bar Position

After you have configured everything, click on “Save Notification Bar“.

Wrapping Up

In this way, you can add notification bar on your WordPress website. So, if you too want to embed your WordPress website with an engaging notification bar then, you can purchase this plugin and follow this step by step tutorial.

For a detailed review of the plugin check out: Best WordPress notification bar Plugin- 8Degree Notification Bar

]]>
How to add attractive testimonial sliders on WordPress website? (Step by Step Guide) https://8degreethemes.com/add-attractive-testimonial-sliders-on-wordpress-website/ Fri, 31 May 2024 17:49:55 +0000 https://8deg.sites.expresstech.io/add-attractive-testimonial-sliders-on-wordpress-website/ If you are wondering how to add attractive testimonial sliders on a WordPress website then, let’s start with this step-by-step tutorial. But before we begin, a few things about how these positive recommendations given by your satisfied and happy clients can boost your WordPress website’s credibility and conversion rate.

Showcasing testimonials on your WordPress website can be beneficial in many ways. It lets you provide social proof about the services/products to your potential customers. By doing so, you can build trusting factors with your hesitant clients and can also give them the required push to make a purchase. Moreover, these positive testimonials will also give some kind of hints about the services you are offering to your readers which can play an effective role to convert them into fully-fledged buyers.

How to add testimonials to your WordPress website?

If you are a WordPress user then, you will get inbuilt options to add and customize most of the WordPress templates. However, if the template you are using on your WordPress website does not have inbuilt testimonial options or one with limited features then, you can add attractive testimonials by using the WordPress testimonial plugins found on the internet. As they come with beautiful layouts and customization options to create stunning testimonials on your WordPress website.

Here, in this article, we will be using one of the highly rated and best-selling WordPress plugins – AP Custom Testimonial Pro to show you how to add beautiful testimonial sliders to your WordPress website. It is an easy-to-use WordPress plugin that is developed targeting the layman to set up and add attractive testimonials on WordPress websites without any programming skills.

Some of the Major Features of AP Custom Testimonial Pro

  • 12 Ready-to-Use Testimonial Templates
  • Options to Social Links of 11 of the Most Popular Social Media
  • Custom Numbers of Testimonials
  • Custom Layout Design Options
  • Dynamic Shortcode Generators
  • Slider Control Options to Add Testimonial Sliders
  • Option to Add Video Testimonials
  • Highly Configurable Testimonial Submission Form

Click Here For More Details and Features of AP Custom Testimonial Pro

Installation and Activation

Get AP Custom Testimonial from the CodeCanyon marketplace at a reasonable price of $19.

Best WordPress Testimonial Plugin: AP Custom Testimonial Pro
Best WordPress Testimonial Plugin: AP Custom Testimonial Pro

Then, install it on your WordPress website. If you face any difficulties while installing the plugin then, you can refer to its documentation. Then, activate the plugin.

After you have activated the plugin, you will see “AP Custom Testimonial PRO” on the left menu of your WordPress backend. Click on it.

Add a New Testimonial

You will land on Testimonial Manager Page. It consists of the list of all the testimonials you have created on your WordPress website. To add a new testimonial to your WordPress website click on “Add Testimonial”.

AP Custom Testimonial Pro: Testimonial Manager
AP Custom Testimonial Pro: Testimonial Manager

You will land on creating a testimonial page. To create a new testimonial enter the author’s name, company name, position, company URL, and email address. Also, select the author rating, feature image, or video and set the publish date and then, give his/her description. After you add everything click on “Add New Testimonial“.

AP Custom Testimonial Pro: Create New Testimonial
AP Custom Testimonial Pro: Create New Testimonial

Then, you will be redirected to the Testimonial Manager page.

Custom Display Settings

From here, you can adjust different settings to control your testimonials as per your requirement. The settings include image settings, color settings, background settings, and typography settings. Adjust all of them as per your requirement. After you are done click save settings.

AP Custom Testimonial Pro: Custom Display Settings
AP Custom Testimonial Pro: Custom Display Settings

Shortcode Generator

From here, you can generate the dynamic shortcode to add your testimonials on any page, post, custom post type, or widgets of your WordPress website. But before you generate the shortcodes there are different display settings available. They are:-

  • General Settings: Select the layout and template of your testimonials. You can choose any of the 2 layouts i.e. slider or list and 10 templates. Here, we have selected the slider layouts.
  • Google Place Review: Set the number of Google reviews you want to show.
  • Miscellaneous: Choose the content length of your testimonial. Also, set the number of testimonials you want to display on your testimonial slider.
  • Show/Hide Contents: Enable/Disable Title, Company Detail, Author Email, Publication Date, Featured Images, Ratings, and Social Media Links.
  • Order of Testimonials: Set the order of the testimonials you want to display. Also, select the order type.
AP Custom Testimonial Pro: Shortcode Generator
AP Custom Testimonial Pro: Shortcode Generator

After you are done editing click on “Generate Shortcode”. A unique shortcode will be generated. Copy it to add your testimonials on any posts, pages, or widgets of your WordPress website.

Submission Form

Using this plugin, you can add your custom testimonial submission form to enable your customers to submit their testimonials. Edit all the options available on the “Testimonial Form Settings”. Then copy the given shortcode and paste it on any posts, pages, or widgets of your WordPress website to display the testimonial submission form.

AP Custom Testimonial Pro: Submission Form
AP Custom Testimonial Pro: Submission Form

Google Place Review

Using this plugin, you can also fetch the Google Place Review of your business website. Configure all the options. Then copy the given shortcode and paste it on any posts, pages, or widgets of your WordPress website to display your Google Place Review.

AP Custom Testimonial Pro: Google Place Review
AP Custom Testimonial Pro: Google Place Review

Wrapping Up

In this way, you can add testimonial slider on your WordPress website in a few minutes. Testimonials are one of the most essential elements of a WordPress website that can significantly boost the conversion rate and credibility of your WordPress website. Therefore, if you want to display them attractive then, you can purchase the above-mentioned plugin and follow this step by step tutorial.

You can also check out a similar step-by-step guide of:

How to add your Facebook page review to your WordPress website? (Step-by-Step Guide)

Also, check out the collection of:

5+ Best WordPress Facebook Page Review Showcase Plugins (Premium Listing)

]]>
How to Add Custom Icons or Font Icons in your WordPress Menu? (Screenshots and Video Included) https://8degreethemes.com/how-to-add-custom-icons-or-font-icons-in-your-wordpress-menu/ Fri, 31 May 2024 17:49:54 +0000 https://8deg.sites.expresstech.io/how-to-add-custom-icons-or-font-icons-in-your-wordpress-menu/ Adding icons and graphics to your WordPress website’s menu items is an effective way to improve the visual interest of your menu. It makes your WordPress menu more informative and helps your visitors to know more about the page before even visiting it. By doing so, you can motivate your visitors and guide them to navigate through different pages/posts on your WordPress website.

The icons and fonts can be added to your default WordPress menu by using WordPress Custom Icons plugins. Here, in this article, we will discuss the step-by-step tutorial for adding some awesome icons on the menu bar by using a WordPress plugin.

The plugin we are going to use in the tutorial is WP Menu Icons. It’s a premium WordPress plugin by AccessPress Themes. It is packed with a wide range of icon sets to add some beautiful icons and custom icons to your WordPress menu.

Best Custom Icons Plugin for WordPress Menu - WP Menu Icons
Best Custom Icons Plugin for WordPress Menu – WP Menu Icons

Some of the Main Features of WP Menu Icons:

  • 10+ Readymade Font Icons for Menu
  • Option to Upload and Add Custom Icons
  • 15+ Hover Over Animation Effects
  • Custom Styling Options
  • 3 Different Menu Icons Position Options
  • Compatible with All Types of WP Themes

Full Features and Details of WP Menu Icons

Add Custom Icons or Font Icons on your WordPress Menu Using WP Menu Icons Plugin

Now let’s add some awesome custom icons to your WordPress menu in a few steps.

Step 1:

Purchase WP Menu Icons Plugin from the CodeCanyon marketplace at the discounted price of $7. (Since AccessPress themes are providing 70% off for its promotional sale.) After, you purchase the plugin, install it, and then activate it. If you have any problem while installing the plugin then, you can refer to its documentation.

WP Menu Icons - 70% off for Promotional Sale
WP Menu Icons – 70% off for a Promotional Sale

Step 2:

After you activate the plugin, go to Appearance > Menus for adding the icons to your website’s menu. There, you will see the WP Menu Icons Settings section. Enable the menu icons setting to start adding the custom icons on your menu items.

WP Menu Icons - Enable WP Menu Icons
WP Menu Icons – Enable WP Menu Icons

Step 3:

Then, hover over any of the menu items. You will Add Menu Icon button appear. Click on it to assign icons for your menu items.

WP Menu Icons - Add Menu Icons
WP Menu Icons – Add Menu Icons

Step 4:

After clicking the button a popup will appear on your screen. It is WP Menu Icon Settings. From here, you can add the icons to your WordPress website’s menu. It consists of 4 settings sections. They are:

General Settings

On the general settings, you can enable/disable your menu icons for desktop, tablet, and mobile. Configure them as per your preference. Also, set the position of the icons.

WP Menu Icons - General Settings
WP Menu Icons – General Settings

Icon Settings

The icon settings will let you choose the icons for your menu items. You can either choose the pre-available font icons or upload your custom icons. Add the most suitable icons for your menu item.

WP Menu Icons - Icon Settings
WP Menu Icons – Icon Settings

Animation Settings

After you choose the icon for your menu items, you can display it through various animation effects. The plugin contains 15+ cool animations for animating your icons. Choose the most attractive animation for your menu icons.

WP Menu Icons - Animation Settings
WP Menu Icons – Animation Settings

Custom Settings

The custom settings will let you customize the font size, font color, hover color, and icon divider of your menu icons. Customize the icons as per your requirements to display beautiful menu icons for your WordPress menu. Moreover, you can customize the menu label from here.

WP Menu Icons - Custom Menu Label Styling Settings
WP Menu Icons – Custom Menu Label Styling Settings

After the customization is done, save the settings. Now follow a similar step to add the icons for each of the menu items. After, you are done the menu like in the one below can be obtained.

WP Menu Icons
WP Menu Icons

Also, check out the video tutorial for adding the custom icons on your WordPress menu using WP Menu Icons plugins:

Wrapping Up

In this way, you can add the custom icons in your WordPress menu. A navigation menu is always important for any websites and making it attractive to your audience can be many benefits. So, if you are interested on adding the icons on your menu bar then, you can purchase this plugin and follow the tutorial.

For the plugin collections of:

Top 3 Custom Icons Plugins for WordPress Menu – Compared

10+ Best Premium WordPress Mega Menu, Custom Menu Plugins (Make your WordPress website navigation 75% more effective)

Also, check out a similar type of step-by-step guide:

How to add Off-Canvas Fly Menu in your WordPress Website or Blog (Step by Step guide)

How to enhance your WordPress website Navigation with Mega Menu, Fly Menu, Circular Menu, Custom menu icons, and more!

]]>
How to Add Mega Menu on WordPress Website? (Step by Step Guide) https://8degreethemes.com/add-mega-menu-on-wordpress-website/ Fri, 31 May 2024 17:49:53 +0000 https://8deg.sites.expresstech.io/add-mega-menu-on-wordpress-website/ If you are looking to upgrade the default WordPress menu and make it more beautiful, well-organized, effective, and easy to navigate then, you are at the right place. Here, in this article, we will discuss a short tutorial on how to add a mega menu to your WordPress website using a free mega menu plugin – AP Mega Menu. But before we begin, a few things about adding a mega menu on your WordPress website make the navigation easier and more effective.

A mega menu is an expandable multiple-dimensional navigation structure where you can store lots of site content and various rich media (images and videos). It not only lets your visitors find their required content easily and quickly but also provides them with a unique navigation experience. By doing so, you can keep your visitors on for a long period your website not only decreases the bounce rate but can also boosts the engagement rate and conversion rate.

Adding Mega Menu on WordPress Website

Now let’s begin this step-by-step tutorial and add a beautiful mega menu on your WordPress website.

AP Mega Menu: Brief Description

AP Mega Menu

AP Mega Menu is one of the popular free WordPress plugins for adding an engaging mega menu to your WordPress website. It comes with 8 pre-available skins and a custom template builder for designing a unique mega menu for your website.

Major Features of AP Mega Menu Plugin

  • Supports Flyout or Mega Menu Submenu Styles
  • Widgetized Mega Menu with Visual Builder
  • 8 Pre-Available Menu Skins
  • Option to Design Custom Menu Templates
  • Mega Menu with Horizontal or Vertical Orientation
  • Fade or Slide Transition Effects
  • Hover or Click Trigger Effects
  • Option to Custom Menu Icons

Live Preview  Full Details  Download  Premium Version

Installation and Activation

Download the AP Mega Menu plugin from the WordPress.org repository for free. Then, install it on your website. After that, activate it. If you have any difficulties regarding the plugin installation then, you can take the help of its documentation.

Configuration: AP Mega Menu

After you have successfully activated the plugin on your WordPress website. You will see “AP Mega Menu” appear on the left menu of your dashboard. Click on it to proceed.

General Settings

You will land in the “General Settings” tab. Here, you can set the behavior of the mega menu along with the animation labels. Also, you can configure the mobile settings of your menu by setting up the toggle behavior and menu open and closed icons.

AP Mega Menu: General Settings

Image Settings

Here, you can set the display size of your image on your mega menu. Also, you can set the width of the custom icons that you have inserted on your menu.

AP Mega Menu: Image Settings

Shortcodes

Here, you can generate the shortcodes for the mega menu. Just copy the shortcode and paste any page, post, or custom post type of your WordPress website to display the mega menu.

AP Mega Menu: Shortcodes

Theme Settings

Using this plugin, you can create custom templates for mega menus. Go to AP Mega Menu > Theme Settings to create a unique template for your mega menu.

AP Mega Menu: Custom Template Options

Adding Mega Menu as Main Menu

To add the mega menu as the main menu of your WordPress website, go to Appearance > Menus. Here, you will find “Select AP Mega Menu Settings”. Enable it. Then, assign the orientation of your menu, and choose the triggers, transitions, and skins.

AP Mega Menu: Adding WordPress Menu Using AP Mega Menu

The plugin also contains options to configure each of the menu categories separately. To configure the category, hover over any of the categories and click on the “AP Mega Menu” button that appears upon hovering over it.

AP Mega Menu: Category Wise Configuration Options

For additional features, you can upgrade this plugin to its premium version – WP Mega Menu Pro.

Wrapping Up

In this way, you can add mega menu on your WordPress website in few minutes. So, if you want to add mega menu on your website then, you can follow this step by step tutorial.

You can also check out the collections of:

]]>
How to Add Responsive Image Gallery on a WordPress Website? (Step by Step Guide) https://8degreethemes.com/add-responsive-image-gallery-on-wordpress-website/ Fri, 31 May 2024 17:49:52 +0000 https://8deg.sites.expresstech.io/add-responsive-image-gallery-on-wordpress-website/ If you are wondering to add a responsive image gallery on a WordPress website then, you are at the right place. In this article, we will discuss a short tutorial for creating a beautiful gallery on a WordPress website. But before we get started a few things about why galleries are considered one of the most essential elements for a website.

Adding galleries consisting of photos, videos, audio, etc on your WordPress website can be beneficial in many ways. It allows you to demonstrate your past works to your audience and let your audience what type of work they can expect from you. By doing so, you can significantly boost the credibility of your work and convert your visitors into fully-fledged leads.

Gallery, being one of the important elements for any website comes inbuilt on different WordPress templates. However, if you are using a WordPress theme that does not have a gallery section by default or has one with limited features, you can use WordPress gallery plugins available on the internet. They contain various cool designs and different types of customization and configuration options to create stunning galleries in no time.

Here, we will be using Everest Gallery to show you how to add a responsive gallery on a WordPress website.

So, let’s get started and add some responsive galleries on the WordPress website:

Step 1:

Best WordPress Gallery Plugin: Everest Gallery
Best WordPress Gallery Plugin: Everest Gallery

Buy Everest Gallery from the CodeCanyon marketplace at the price of $21. Then, install it on your website and then, activate it. If you have any difficulties regarding the installation of the plugin then, you can refer to its documentation.

Step 2:

After you complete the installation of the plugin, you will see “Everest Gallery” on the left side menu of your WordPress backend. Click on it to continue.

You will land on the All Galleries page. It consists of all the galleries that you have created to date. To add a new gallery for your website, click on the “Add New Gallery” button.

Everest Gallery: All Galleries
Everest Gallery: All Galleries

Step 3:

A popup will appear where you need to fill in the Title and Alias for your gallery. As soon as you fill in the Alias, the shortcode for the gallery will be automatically generated. Then, click on the “Add Gallery” button to proceed.

Everest Gallery: Add New Gallery
Everest Gallery: Add New Gallery

Step 4:

You will be directed to the main settings page of the plugin. It contains different settings sections. They are:

General

Here, you can edit the Title and Alias of your gallery. Besides, enter your CSS ID.

Everest Gallery: General
Everest Gallery: General

Filter Option

Here, you can add the filters and add labels to all your gallery items and filters. Also, select the layout for your filters.

Everest Gallery: Filter Options
Everest Gallery: Filter Options

Gallery Items

Here, you can add the gallery items.

Everest Gallery: Gallery Items
Everest Gallery: Gallery Items

Layout

Here, you can select the layout type, font, gallery icon, and gallery layout.

Everest Gallery: Layout
Everest Gallery: Layout

Hover Animation

Here, you can select the hover type, image link, and link target. Also, enable/disable the lightbox button, link button, title, and caption. Besides, you can also select any of the 35 pre-designed layouts for overlay effects.

Everest Gallery: Hover Animations
Everest Gallery: Hover Animations

Pagination

Here, you can enable the pagination for your gallery and select the pagination type and pagination layouts.

Everest Gallery: Pagination
Everest Gallery: Pagination

Lightbox

Here, you can enable the lightbox for your images, select the lightbox effects, and pretty photo theme, and enable your social tools.

Everest Gallery: Lightbox
Everest Gallery: Lightbox

After you are done, save your settings. You can fetch the preview of your gallery by clicking on the “Preview” button.

To add your created gallery to your website, copy the generated shortcode and paste it anywhere you desire.

Wrapping Up

In this way, you can add a responsive image gallery on WordPress website. So if you want to add a responsive gallery on your WordPress website then, you can purchase the mentioned plugin and follow this step by step tutorial.

You can also checkout the similiar step by step guide of:

How to showcase clients logo on WordPress website? (Step by Step Guide)

]]>
How to add Responsive Video Slider in WordPress website using WP1 Slider Pro? (Step by Step Guide) https://8degreethemes.com/add-responsive-video-slider-in-wordpress/ Fri, 31 May 2024 17:49:51 +0000 https://8deg.sites.expresstech.io/add-responsive-video-slider-in-wordpress/ Adding responsive sliders are a great way to engage your visitors on your WordPress website. They offer truly valuable methods to showcase your website’s important contents in a beautiful and elegant slideshow. By doing so, you can make your content more visible to your audience and get more click-through rates. And more click-through means your audience will stay on your website for a longer period which can play a vital role in decreasing your site’s bounce rate.

Slider, being an important tool for any type of website comes with an inbuilt option on many premium WordPress templates. However, if the template you are using for your site does not have any inbuilt sliders or contains limited slider options then, you can take the help of WordPress slider plugins to create and add attractive sliders to your WordPress website.

Here, in this article, we will use WP1 Slider Pro – a premium WordPress slider plugin to show you how to add responsive sliders to your WordPress website.

So, let’s get started and add a responsive slider to the WordPress website

WP1 Slider Pro: Brief Introduction

Best WordPress Slider Plugin: WP1 Slider Pro
Best WordPress Slider Plugin: WP1 Slider Pro

WP1 Slider Pro is a versatile WordPress plugin to add multipurpose sliders to your WordPress website. It comes with cool designs and easy-to-use options for allowing the layman to create and add stunning sliders without touching any codes.

Some of the Major Features of WP1 Slider Pro

  • 13 Different Slider Types
  • Add Unlimited Slider on One Page
  • 15+ Animation Layer Layouts
  • 23+ Slider Animation Effects
  • 16+ Layouts for Thumbnail Pager
  • Lightbox Effect in Carousel Image, Video, and Post Slides
  • 6 Slider Transition Effects
  • Shortcode Ready for Easy Usage

Checkout Full Features and Details of WP1 Slider Pro

Installation and Activation: WP1 Slider Pro

Purchase the WP1 Slider Pro WordPress plugin from the CodeCanyon marketplace at the price of $18.

After you have purchased the plugin, install it on your WordPress website and then, activate it. If you face any difficulty while installing the plugin, you can refer to its documentation.

Adding New Slider in WordPress Using WP1 Slider Pro

Now after you have successfully installed the plugin, you will see “WP1 Slider Pro” on the left menu of your WordPress dashboard. Click on it to add a new slider to your WordPress website.

WP1 Slider Pro: Slider Types
WP1 Slider Pro: Slider Types

WP1 Slider plugin supports 13 different slider types i.e. image slide, post slide, video slide, WooCommerce slide, Instagram slide, Facebook slide, audio slide, slide in laptop/mobile/frame, content slide, mixed slide, auto width slide, testimonial slide, and team slide.

You can choose any slider type as per your preference as each slider type consists of its set customization and configuration option. Here, in this article, we have chosen a video slider to create the slider.

Video Slides

After selecting the video slider type, add as many video slides as you want for embedding videos on your slider. Then, add the title and description for your video slide. After that, upload your video by selecting the video type and adding the video URL. Also, set the video image for your uploaded video. You can also show a button on your video.

WP1 Slider Pro: Video Slide
WP1 Slider Pro: Video Slide

Settings of Video Slides

Here, you can choose your slider style and then configure the settings for your video slides. The settings include:

Slider Settings

Here, you can select the box shadow of your video slider.

WP1 Slider Pro: Slider Settings
WP1 Slider Pro: Slider Settings

Pager Settings

The pager settings will let you add pages for each of the slides. You can either choose to add dots, thumbnails, or a pagination pager for your slider.

WP1 Slider Pro: Pager Settings
WP1 Slider Pro: Pager Settings

Navigation Arrow Settings

Here, you can set the navigation arrow for your video slider. Choose any of the existing arrows, your custom arrows, or the image arrows.

WP1 Slider Pro: Navigation Arrow Settings
WP1 Slider Pro: Navigation Arrow Settings

Video Single Slide Settings

Here, you can choose any of the 3 pre-available video single slide types. Then, set the height and width of the video. Also, set the colors for the title, description, button, and background.

WP1 Slider Pro: Video Single Slide Settings
WP1 Slider Pro: Video Single Slide Settings

Slider Options

The slider option will let you set the width, speed, and transition of your slider.

WP1 Slider Pro: Slider Options
WP1 Slider Pro: Slider Options

After you have finished configuring and customizing your slider, click on publish button to save your slider.

WP1 Slider Pro: Publish Slider
WP1 Slider Pro: Publish Slider

WP1S Usage

After you have published your slider a unique shortcode will be generated in the WP1S Usage section. Copy the code and paste it on any page, post, or custom post type to add a slider.

WP1 Slider Pro: WP1S Usage
WP1 Slider Pro: WP1S Usage

Wrapping Up

In this way, you can add video slider on your WordPress website in few minutes. A slider that contains cool videos can provide a huge boost on the engagement rate of the website.  So, if you want to add a responsive video slider then, you can purchase the above mentioned plugin at a reasonable price and follow this tutorial.

You can also check out similar tutorials:

How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step-by-Step Guide)

How to add Viber/Messenger/Whatsapp/Skype Contact Button on the WordPress website? (Step-by-Step Guide)

]]>
How to Add Timeline Posts on WordPress Website? (Step by Step Guide) https://8degreethemes.com/add-timeline-posts-on-wordpress-website/ Fri, 31 May 2024 17:49:46 +0000 https://8deg.sites.expresstech.io/add-timeline-posts-on-wordpress-website/ Are looking to add timeline posts on your WordPress website? Timeline posts play an effective role in showcasing all the achievements and work experience of your company. It allows your visitors to easily explore your website and learn about the evolution of your business. By doing so, you can generate trust and authenticity from your potential clients and can even convert them into leads.

For WordPress users, the addition of timeline posts can easily be done with the help of WordPress timeline plugins. These plugins come with different designs and features to create and add beautiful timelines in no time. Moreover, these plugins also come with easy-to-use configuration and customization options to make your timeline posts visually appealing.

Here, in this article, we will be using Everest Timeline Lite – a free WordPress timeline plugin to show you how to display responsive timeline posts on a WordPress website.

So, let’s get started and add a responsive timeline on the WordPress website:

Step 1:

Everest Timeline Lite

Download Everest Timeline Lite from the WordPress repository. Then, install it on your website. If there is any difficulty regarding the installation of the plugin, you can go through the article: How to Install New Plugin to the WordPress Site?

Step 2:

After you have completed the installation of the plugin, activate it. Then, you will see “Everest Timeline” appear on the left menu of your WordPress dashboard. Click on it.

Everest Timeline Lite: Listing Page

You will land on the “All Everest Timeline” page. It contains all the timeline posts you have added to your WordPress website to date. To add a new timeline to your WordPress website, click on the “Add New” button.

Step 3:

You will land on the “Add New” page. Here, give the title for your new timeline. Then, go to the settings section to configure and customize your timeline. The plugin contains 4 different settings sections. They are:

Post Settings

Here, set the post type of your timeline. Then, enable the filter for all the taxonomies/categories to sort your timeline with all the available taxonomy and categories.

Everest Timeline Lite: Post Settings

Layout Settings

Here, you can select the layout for your timeline. The plugin consists of 2 different layouts i.e. Vertical Timeline Layout and One Side Timeline Layout with 2 templates for each of them. So, choose the most favorable one for your WordPress website.

Everest Timeline Lite: Layout Settings

General Settings

Here, you can set the number of posts you want to display on your timeline. Also, you can enable/disable the post category, post tag, post author, post comment, post date, and read more links on your timeline post.

Everest Timeline Lite: General Settings

Social Share

Here, you can enable the social sharing of your timeline on all the major social media networks like Facebook, Twitter, Google Plus, Linkedin, Email, and Pinterest.

Everest Timeline Lite: Social Share Settings

Step 4:

After you have completed the customization, click on the “Publish” button to go live.

Everest Timeline Lite: Social Share Settings

Then, copy the generated shortcode and paste it anywhere on your WordPress website.

Everest Timeline Lite: Shortcode

Wrapping Up

In this way, you can add timeline posts on your WordPress website. These event timeline will not only make your WordPress website engaging but also plays a great role on generating the trust from your clients. So, if you want to add a timeline post on your WordPress website then, you can download the above mentioned plugin and follow this step by  step tutorial.

You can also checkout the article:

How to add an author box to WordPress blog? (with or without plugin)

]]>
How To Choose The Best WordPress Hosting Service https://8degreethemes.com/how-to-choose-best-wordpress-hosting-service/ Fri, 31 May 2024 17:49:34 +0000 https://8deg.sites.expresstech.io/how-to-choose-best-wordpress-hosting-service/ When you decided to build a website, WordPress may well be the first choice you make. It is an incredibly versatile and useful platform to make a range of different kinds of websites. Tens of millions of people use it for a reason.

However, there is another choice that is nearly as important. Web hosting. Many people don’t think much about the web hosting they choose. They simply Google the term and take one of the first options that are offering good rates or discounts. Maybe they simply choose a service with a well-known name.

Unfortunately, this is not a worthwhile way to choose the hosting and it can cause you trouble later on (as many users of hosting sites such as GoDaddy have reported). Web hosting is very important, no matter what platform you’re using to build your site. When using WordPress, you want to host that caters particularly to your needs and works seamlessly with WordPress.

Here’s how to decide on the best WordPress website hosting.

Down and out?

The reason for choosing web hosting carefully is so important is that it is the biggest factor that determines whether or not you stay online. Any service has occasional outages, but some are simply worse than others. You can use online tools to see how often a website goes down, but if you want an accurate assessment of user experience, you need to see what users say. After all, there’s a difference between going down for a few minutes here and there at off-peak times, and an hour-long peak-time outage.

Customers will be able to tell you what happened during the outage – how the hosting service handled it and whether they were updated often and treated well.

Read customer reviews, but make sure you’re looking at real reviews that haven’t been paid for.

WordPress tools and optimization

You should also look for hosting that is particularly useful for WordPress. Many hosting services offer tools and optimization specifically for WordPress. This is especially helpful for beginners but is even worthwhile for those who have tons of WordPress experience.

SiteGround, for example, provides a one-click install, free transfer, auto updates and backups, and 24/7 WordPress support. A2 Hosting is known to be particularly versatile for WordPress users and offers knowledgeable 24/7 support.

Upgrades and downgrades

We all want our websites to be successful but have little guarantee from the get-go of how successful they would be. This is why many people start on a midrange hosting plan, that will cater to them as long as their website isn’t getting millions of visitors. However, along the way, your needs will change. Either you’ll realize you overestimated your audience growth, or you’ll begin to expect far more visitors. Either way, you need hosting that allows you to easily upgrade or downgrade. It should keep most of the features intact even if you’re downgrading and shouldn’t negatively affect your website functioning. Ultimately, you’ll want versatile WordPress web hosting with a good reputation for uptime and customer service. Don’t simply go with the first Google result!

]]>