Categories
Analysis WordPress

4 Best WordPress Portfolio Plugins for your Next Project

Today, I would like to write the best WordPress portfolio plugins which will help you to present your images in a professional sector. Portfolios are an excellent way to display your work and hopefully impress future clients who will come to your site. While there are many themes designed particularly for presenting portfolios, in most cases it seems sensible to use a plugin rather than improve your site’s design.

Excellent portfolio plugins accessible for WordPress:

You will find loads of excellent portfolio plugins accessible for WordPress, to enable you to make a beautiful display of your work. Most of them are beginner-friendly, and also come with enough customization choices to make your portfolio. Today, I would like to introduce you to some special portfolio plugins.

Easy Media Gallery Free or Premium

 The Easy Media Gallery is one of the best WordPress portfolio plugins. It is available for presenting portfolios and also other types of galleries. This plugins permitting you to display grid galleries, supports many media, portfolios, photo albums, image galleries, YouTube video, Google Maps, and Google Street Video, audio image sliders, Vimeo video, URLs and MP4 video. It is also an extremely customizable plugin, letting you adjust colors, grid, media sizes, positions, hover effects and more utilizing a substantial options panel. The Easy Media Gallery is user friendly, allowing you to include items having just a few clicks. Also, it is super easy to customize in your portfolio. The portfolios are completely responsive and you can easily choose to add filtration for easier navigation.

Grid FX Premium 

Customization is King with Grid FX Premium WordPress plugin, having over 80 various styling options. You may select from a range of skin, title animations, lightbox backgrounds, buttons and colors. You may also set how many items will be in the portfolio, the number of columns and the size of every item. To enhance navigation, visitors can filtration system down the grids to get what they are searching for. Including a portfolio to your WordPress web page is very easy as pasting a simple, short code into any page, post, or widget area.

Go Portfolio Premium 

Customers have an endless number of colors to select from, 600+ Google fonts, plus they may select the spacing and sizing of every product to have the grid only to your liking – you may also select whether your grids are filterable. Go Portfolio supports posts, images, WooCommerce products, videos and audio all of that can be mutually in different grid. You can include as many grids as you wish to your website, which is done by putting a short code to the appropriate page, post, or widget area.

EnviraGallery Premium. 

We cannot forget EnviraGallery. This particular plugin is yet another excellent choice for including responsive image galleries to your WordPress web-site. Most of us did a maximum EnviraGallery review recently, but only to hit the huge points this plugin adds custom margins, image cropping, lightbox support, mobile gallery options, support for custom gallery classes, custom thumbnails and so much more. There are lots of add-ons for any other function you could need, tags, skeins, like interest integration, full screen support, slideshows and more.

Conclusion 

While you have seen, the best WordPress portfolio plugins may be used to display your images within a more professional way. Hopefully, this article has provided you some suggestions as to what you can apply on your web site to display your works.

Categories
WordPress WordPress Theme

7 Free Responsive WordPress Themes Collection

Thousand of free responsive WordPress themes come out here but quality ones are rarely found. In addition, with the increasing internet use through mobile, tablet or others mini devices; responsive themes is growing day by day. Therefore, I have listed some of the quality features free responsive WordPress themes that will help you to create some unique personal blog, corporate, business, photography, magazine, portfolio and any kind of sites. 

Some responsive WordPress theme includes awesome features

Here is some list of the best free responsive WordPress themes which you can use for your coming project:

Zerif Lite

Zerif Lite is a modern and clean one WordPress theme suitable for all kind of digital studios, agencies, product showcase, corporate, personal or any business portfolio. It optimized to support many popular Plugins. Like WPML Plugin to create multilingual WordPress website or WooCommerce for the eCommerce site. Zerif Lite is an SEO friendly theme, features a clean W3C validated markup and optimized for all mobile devices. 

Ascent

With an impressive feature and a rating of 5 out of 5, Ascent will definitely top of the list. It can work on mobile, tablets, laptops, phones, desktops computers. Using of some innovating technology likes CSS3 and HTML5 make it worth.

Ascent gives the freedom to user customized their pages. All the element like images, plug in the bar and other features can be add and remove or customize easily. User can get a plethora of possibilities with its unique custom menu. A number of posts layouts help your blogs more. 

Commonly multilingual pages are much popular because they maintain the appeal on customer recommendation. Ascent is exclusively translation ready; it can display every line in various languages. By the side of sticky posts, a two-column layout is available.

Over 30,000 download amassed over of this product. It is the proof that ascent becomes a WordPress community paramount. For new users, its installation process may prove overwhelming.

Dazzling

Dazzling is a simple stunning free WordPress theme. It created based on bootstrap 3. It’s a mobile friendly and very responsive theme for you. In building the striking business or creative websites, it provides you full-screen an optional featured slider, added optimization for several popular plugins WordPress SEO, Contact Form 7, Jetpack and many more.

Travelify

Travelify generously provides premium functionality with excellent support. It is a smooth, trendy and responsive WordPress travel them, which can compete with any leading themes. This theme contains pixel perfect design, custom page and blog templets, incredible featured slider and lots of great features. The best part is, you can use it free of charge for your personal travel blog or company website with its countless them option.

Enigma

If you searching for a WordPress theme which can serve any purpose then Enigma will an excellent choice. It’s a high coding them based on Bootstrap CSS framework, which makes its layout streamlined and flawless. You can use easily to enhance your personal portfolio, business page. It also works on all kind of platform.

It provides a high-resolution display with 5 widgets consisting of 2-page templates, 4-page layouts, two-column and one sidebar and 4 footers. Display scales automatically adjust with how many widgets you used. Your visitors can enjoy your picture due to the Flicker widgets.

In online marketing business, social media play a key role and thankfully, Enigma will let you include social media links. It’s mainly a business theme which features an impressive and Caroufredsel slider and complete CMS control. 

FlatOn

If you want to a flexible and flat inspiring design then FlatOn can be your great option. It is a rational and smart designed theme that can compete with any other theme.

FlatOn easily works in any kind of design. It’s completely responsive; your tasteful content can be displayed on any kind of device. It has two basic color schemes which can add some variation to the aesthetic appeal of every page. Keeping minimal CSS it has included a skeleton framework for its grids. Basically, it allows a user to construct a remarkable corporate or portfolio site, blog. 

Gridsby

For free photo-blogging WordPress theme designed and hand-made for photographer, Gridsby is an ideal choice. This theme shows your picture in Pinterest style. Whereas text remains at back giving full focus to the images and highlighted in the eyes of users.

Gridsby has retina ready design elements, responsive design and containing an easy method for posing your photos the front page. Its simple and unique technique gives a great look and feel that should perfect for your inspiration gathering, photo journaling and so on.

On the web, WordPress definitely is a preferable CMS platform. It also gained considerable fame in the market due to the development and popularity of the CMS theme especially best free responsive WordPress Themes.

Categories
WordPress

Best WordPress Theme Frameworks: A Comparative Analysis

WordPress theme framework programmers have created processes and techniques to make their function quicker and simpler. Some start by making an HTML template and then build the WordPress code around this. This can be confirmed to be very demanding, observing that you have to re-write code from HTML to PHP, but others have just discovered that simple.

WordPress Theme Frameworks speed up the process to make better designs and layouts

Theme Frameworks resources that make the method of making functions you observe in a WordPress theme plenty easier. They may be themes that take action as the launching pad for advancement, so WordPress Theme Framework speeds up the process to make better designs and layouts.

What is a Theme Framework?

A theme framework is a highly developed type of WordPress theme with excess functions enabling users to customize, expand and adapt it. Frameworks are created to work as parent themes, which indicates that when using one to create a site, you would generally use a child theme. 

Below are given some popular WordPress theme frameworks which are available during writing. Their popularity and advantages will differ, however, each has its own functions which may or may not be ideal for you.

Genesis:

Genesis Theme Framework is the most widely recommended by many WordPress theme developers. Because of its visits the best balance in between affordability and power. It provides extremely customizable elements for any not-so-expensive price, unlimited updates, support and sites.

Features:

  • Neat and clean coded design
  • Search Engine Optimized  friendly,
  • Coded is exhausting HTML 5
  • Receptive
  • Great updates and support
  • Protected
  • Custom layouts and widgets 

Pros:

 The most effective things about Genesis is that it is a one-time purchase product. That means when you purchased the framework for your website, you never need to buy it again. 

Cons:

It may take time to study and has huge code base.

Headway

To get non-coding creates, Headway may be a very effective resource. With it has the drag-and-drop feature, this Theme Framework could create creating simpler as well as faster. This provides users the actual guiding wheel to control almost everything they would like to without spending some time coding.

Feature

  • Simple to navigate drag-and-drop user interface.
  • Pages are Search Engine Optimized -ready
  • HTML5 and CSS3 coded

Pros:

Headway’s visible editor is most likely the ideal feature which can make the Theme Framework. If you choose to use CSS, you may still see the modifications before making it stay on the website.

Cons:

For contact to updates and ongoing guidance you will have to subscribe every year. Restricted range of child themes. The drag and drop user interface might be more intuitive. Can be complicated for users used to the standard WordPress dashboard.

Cherry Framework

 I have always observed that Cherry Framework cool to use. In this list, Cherry Framework is totally free. And also the excellent thing about that is you obtain almost the same functions from Theme Frameworks you purchase.

Features:

  • Automated updates
  • Excellent framework-to-child theme connection
  • Data management lets you backup and recovery framework and its child themes
  • Vast range of child themes with three free ones

Pros:

Cherry framework is maybe the coolest to use free Theme Framework. With its flexibility, you can simply use Cherry in any WordPress- website design you need. It’s even receptive!

Cons:

Cherry Framework’s Slideshow feature is stimulating, particularly for blogging beginners

Conclusion

Advanced to innovative developers who desires a tested and tried framework to create website design he or she can use Genesis.

The Headway framework is ideal for web developers who understand how websites function, but do not want to spend any time in coding.

The Cherry Framework has currently gained the hearts of many designers with its modern functions while using Cherry functionality.

Select and use the popular WordPress Theme Frameworks which is the best for you.

Categories
Contact Form 7 WordPress

How to Restrict Contact Form 7 Input to Numbers Only

Contact Form 7 is a popular WordPress plugin that allows you to create and manage contact forms easily. One common requirement in contact forms is to restrict certain fields, such as the customer’s mobile number, to accept only numerical input. In this tutorial, we will guide you through the process of implementing this restriction using Contact Form 7 and a simple script.

By simply following these outlined steps, you can easily restrict to Numbers only for your CF7 input field.

Step 1: Install and Set Up Contact Form 7 First, make sure you have Contact Form 7 installed and activated on your WordPress website. If not, you can find and install it from the WordPress plugin repository. Once activated, go to the Contact Form 7 settings and create a new form or edit an existing one to include the mobile number field.

Step 2: Add the Mobile Number Field To add the mobile number field to your form, use the following shortcode within the Contact Form 7 editor:

<label>Your Awesome Number
    [text* your-number class:wpcf7-numbers-only minlength:1 maxlength:10 placeholder "Numbers only"]
    [count your-number]
</label>

This shortcode creates a text input field with the class .wpcf7-numbers-only, which we will use to target the field in the script. It also sets a minimum length of 1 and a maximum length of 10 for the mobile number. Feel free to adjust these values based on your requirements.

Step 3: Add the JavaScript Validation Script To enforce the numbers-only restriction on the mobile number field, we need to add a JavaScript script to the footer of our website. Open your theme’s functions.php file and add the following code:

/**
* CF7: Numbers Only Validation
* Validate the input fields with CSS class .wpcf7-numbers-only to allow numbers only.
*/
add_action( 'wp_footer', 'wpcf7_input_numbers_only');
function wpcf7_input_numbers_only() {
    echo '
    <script>
        window.onload = function() {
            var ele = document.querySelectorAll(\'.wpcf7-numbers-only\')[0];
            ele.onkeypress = function(e) {
                if (isNaN(this.value + "" + String.fromCharCode(e.charCode)))
                    return false;
            }
            ele.onpaste = function(e) {
                e.preventDefault();
            }
        }
    </script>
    ';
}

This script selects the first element with the class .wpcf7-numbers-only and attaches event listeners to it. The onkeypress event ensures that only numerical characters are accepted as the user types, while the onpaste event prevents pasting non-numeric values into the field.

Step 4: Save Changes and Test Save your changes to the functions.php file and refresh the page with your contact form. The mobile number field should now only allow numerical input. If a user tries to enter any non-numeric characters, the input will be rejected.

By following the steps outlined in this article, you can easily restrict the input in your Contact Form 7 mobile number field to accept only numerical values. This helps ensure that you collect accurate and valid data from your customers. Feel free to customize the code to suit your specific needs or apply this restriction to other input fields as required.

Categories
WordPress

Unlock Seamless Pagination: Implementing Custom Post Type Pagination in WordPress

Implementing Custom Post Type Pagination without get_query_var('paged')

Pagination is a crucial feature when dealing with large amounts of content in WordPress. It allows users to navigate through different pages of content, improving usability and performance. While the get_query_var('paged') function is commonly used for pagination, it may conflict with special page pagination in some cases. In this tutorial, we will explore an alternative approach to achieve pagination for a custom post type without relying on get_query_var('paged').

Step 1: Set up the Custom Post Type

First, ensure that you have a custom post type set up in your WordPress installation. If you haven’t created one yet, you can follow these steps:

  1. Open your theme’s functions.php file or create a custom plugin.
  2. Add the following code to register your custom post type:
function custom_post_type_registration() {
    $args = array(
        'public' => true, // Set to false if you want to hide it from the front-end
        'label'  => 'Your Custom Post Type', // Replace with the desired label
        // Add additional arguments as per your requirements
    );
    register_post_type( 'your_custom_post_type', $args );
}
add_action( 'init', 'custom_post_type_registration' );

Remember to replace 'Your Custom Post Type' with the desired label for your custom post type.

Step 2: Prepare the Pagination Code

Next, let’s prepare the code for implementing custom post type pagination without get_query_var('paged'). This code will be placed within a PHP file in your WordPress theme or a custom plugin.

<?php
$posts_per_page = 10; // Number of posts per page
$current_page = isset( $_GET['page'] ) ? absint( $_GET['page'] ) : 1; // Current page number
$offset = ( $current_page - 1 ) * $posts_per_page; // Offset for the query

$args = array(
    'post_type'      => 'your_custom_post_type',
    'posts_per_page' => $posts_per_page,
    'offset'         => $offset,
);

$query = new WP_Query( $args );

if ( $query->have_posts() ) {
    while ( $query->have_posts() ) {
        $query->the_post();
        // Display your custom post content here
        the_title('<h2>', '</h2>');
        the_content();
    }

    // Pagination links
    $total_pages = ceil( $query->found_posts / $posts_per_page ); // Calculate the total number of pages
    if ( $total_pages > 1 ) {
        echo '<div class="pagination">';
        for ( $i = 1; $i <= $total_pages; $i++ ) {
            $active_class = ( $i === $current_page ) ? 'active' : ''; // Add CSS class for the active page
            echo '<a class="' . $active_class . '" href="?page=' . $i . '">' . $i . '</a>';
        }
        echo '</div>';
    }
}

// Restore original post data
wp_reset_postdata();
?>

Step 3: Customize the Code for Your Needs

In the above code snippet, make sure to replace 'your_custom_post_type' with the slug or name of your custom post type. Adjust the $posts_per_page variable to determine how many posts you want to display per page.