Browsing Category

How to Create

How to Create,

How to Display Blog Posts on any Page with navigation

By default, your latest WordPress posts are displayed on the home page, with older posts available via post navigation on /page/2/, /page/3/, and so on. In this DigWP post, we’ll explain how to display your blog posts on any static page using a custom WP_Query loop that works beautifully with post navigation.

For example, if you’re displaying a static page for your front page (as specified in the Reading Settings), you may want to display your blog posts separately, perhaps on a custom “blog” page. That’s what I ended up doing for the blog at one of my sites (let’s call it example.com) while using a static (post-less) home page. It’s nice because post-navigation works intuitively, like so:

  • http://example.com/blog/ — displays latest blog posts
  • http://example.com/blog/page/2/ — displays second page of posts
  • http://example.com/blog/page/3/ — displays third page of posts
  • ..etc..

As you can imagine, this is super-useful when setting up custom CMS configurations, for example when using the home page as a forum, storefront, or landing page. For such scenarios, here’s how to display blog posts on a custom page (with navigation!).

Step 1: Page template

Create a blank page template named “page-blog.php” and include the following code:

That’s the money shot, just plug it in and take charge with your own parameters for WP_Query and you’re all set. For example, instead of showing 5 posts, you can set posts_per_page=10 or whatever works best.

Note that the post-navigation is conditional, such that the first page of posts (i.e., your /blog/ page) doesn’t display empty markup/styles for the “next posts” link. Learn more about optimizing WordPress post navigation.

Note also that the HTML used in this example is rudimentary to keep things simple. You’ll probably need to make a few changes to the markup to synchronize with your theme design.

Step 2: Add New Page

Once page-blog.php is complete and uploaded to the server, log in to the WP Admin and visit the Add New Page screen. There, create a new page named “Blog” (or whatever you want), and set its Template as “Blog” from the “Page Attributes” panel.

Done! Now visit the Blog page after publishing and you should see the custom WP_Query loop working its magic: your latest blog posts will be displayed on the page along with navigation to previous posts, if they exist 😉

Wrap-up

WordPress makes it easy to display your blog posts just about anywhere. In this post, we explain how to display posts on any page using a custom WP_Query loop that supports post navigation, which can be super-useful when configuring WordPress as a customized CMS.

Free Code, How to Create, WordPress,

How To Create Custom Post Meta Boxes Using Option-Tree

Today, I am going to share my first post about wordpress custom field and  “How To Create Custom Post Meta Boxes Using Option-Tree” You know Meta boxes have a variety of uses.  For example it improve On Page SEO of Website on your post page. We can create a meta boxes to include the meta description and meta keywords.

Example : If you sell products, you can create meta boxes to include price, product images, ratings and additional parameters. If you add dynamic Testimonial with custom post, You can create meta boxed to include clients name, company name, position, social account links, clients comments etc.

Option tree framework is avery a powerful plugin like other top theme option plugin which very helpful to wordpress theme’s developers. With a small of coding we have created variety of panels and meta boxes that responsive.

Here’s how to create a custom meta boxes using option-tree framework

1. Make sure you already have the option-tree framework plugin
2. Also the following script on the functions.php file in your theme

3. Create new php file as metaboxes.php and save on option-tree folder( your theme folder -> option-tree ) and copy this following code

Save, then go to your new post page ( Posts -> Add New ), You will see the results of the meta boxes that have been made like the following picture

How To Create Custom Post Meta Boxes Using Option-Tree

An outline, the code in the theme options and meta boxes are the same, the difference in meta boxes we don’t need to create a section to add a new tab.

The use of meta boxes on the theme’s building is using the following syntax

$demo_meta_box = get_post_meta( post_id_wordpress, meta_box_id, true );

or

$demo_meta_box = get_post_meta( $post->ID, 'demo_meta_box', true );

For detail tutorial, you can learn more from meta boxes demo example on (option-tree -> assets -> theme-mode)

If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Thank you for read.

Don’t forget to bookmark and share this code with others new learner like you.

Free Code, How to Create, WordPress, ওয়েব ডিজাইন,

How to make dynamic mixitup with custom post in wordpress

Hello, Today I am going to share with you very helpful tutorial for WordPress Developer.  “How to make dynamic mixitup with custom post in wordpress

Why MixItUp?

MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts.

MixItUp works with your layout. Want to use percentages, media queries, inline-block, CSS3 columns or even flex box? No problem.

Features

  • Filter and sort elements with CSS3-optimised animations
  • Build on top of your existing percentage-based responsive layouts and media queries
  • Control filtering and sorting via a simple clickable interface or build more complex custom UI via an extensive API
  • Customise your animations with CSS3 transforms and easing
  • Add and remove elements in real time via an Ajax-friendly API
  • Perform simultaneous filter, sort, and layout change operations

Step# 01: Register Custom Post

Step # 02: Register Custom Taxonomy For Portfolio

Step # 03: Register Shortcode

 

Free Code, How to, How to Create, WordPress,

Create Ajax WordPress login modal and change defaults logo

Hey WordPress Learner! In this tutorial, I am going to share with you about login from the style. Make it like so that really make our website trusted and make banded. Today we learn tow tips:-

How to Change the Login Logo on WordPress

Ajax WordPress login modal in WordPress

So, Let’s start. As we do this very quickly. Just copy below code and paste into your theme functions.php file

 

Save below code as ajax-login-script.js and use location correctly with ajax_login_init function.

Usage :

 

How to Change the Login Logo on WordPress?
First, you need to open your theme’s functions.php file and then paste the following code:

Use transparent logo file in your theme’s images folder either. It should be named login_logo.png or anything else if you decide to change the image path.

Bonus: Want to limit login to protect your website from the hacker ? Use this free plugin WP Limit Login Attempts

If you need more help don’t delay to ask me. I am here ready to give an easy guideline. Just comment or send message me. I will back you asap. Message Now.

Interested to know more about me also Fandu Design, Visit this page: Visit Now

Thank you for reading.

Don’t forget to bookmark and share this code with others new learner like you.

Free Code, How to Create, Woocommerce, WordPress,

How to create AJAX Cart update after add to cart clicking in WooCommerce

How to create AJAX Cart update after add to cart clicking in WooCommerce

Copy below code and paste in your current active theme.




How to fix cart update issue

Let’s say, you have updated WooCommerce plugin to the latest version. Site works well and products are being added to cart successfully. But, if you check the cart itself, there might an issue occur – your cart won’t let you update it after changing the quantity of products or deleting the single item. It will just load instantly

Fortunately, there’s an easy fix that will let you correct the issue. Please, follow the steps, indicated below to apply it:

  1. Visit the WooCommerce page on GitHub and download the latest release of this plugin to your computer:
  2. Extract this archive and open the /assets/js/frontend/ folder to find the cart.min.js file inside.
  3. Connect to your FTP or open cPanel FileManager and navigate to the /wp-content/plugins/woocommerce/assets/js/frontend/ directory.
  4. Rename the existing cart.min.js file to old_cart.min.js and upload the new file from the package you downloaded previously.
  5. That’s all, feel free to check your website – cart page should operate correctly now.




If you need more help don’t delay to ask me. I am here ready to give an easy guideline. Just comment or send message me. I will back you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Thank you for reading.

Don’t forget to bookmark and share this code with others new learner like you.

Free Code, How to Create, WordPress,

How to create Limit Login Attemps function in wordpress without plugin

Limit Login Attemps feature in wordpress without plugin

 

If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Thank you for read.

Don’t forget to bookmark and share this code with others new learner like you.

Free Code, How to Create, WordPress,

How to Create Minimal Comment Limit Function in WordPress

How to Create Minimal Comment Limit Function in WordPress

 

If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Don’t forget to  bookmark and share this code with others new learner like you.

 

 

Free Code, How to, How to Create, WordPress,

Only Allow Admins Into The Admin Area Block Other

Only Allow Admins Into The Admin Area Block Other

 

If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Don’t forget to  bookmark and share this code with others new learner like you.

Free Code, How to Create, WordPress,

How to create function auto logout period in WordPress

Add auto logout period

 

If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Don’t forget to  bookmark and share this code with others new learner like you.

Free Code, How to Create, WordPress,

How to Create content for only member in WordPress

Content is the king of any website or blog. There are many categories by type content we publish on the website. Most of the content is free but if you want to create a premium membership or membership website and specific content for specific members then we need to block or restrict content for user or member.

In this tutoriua, I am going to share with you “How to Create content for only member in WordPress?” Of course first I like to show you without plugin then I will share free and paid plugin.

Member only content

Uses :

Require login to view specifics posts in wordpress

 

Free WordPress Plugin :

Restrict Content
Free Download from here.

Download Premium Plugin

If you need more help don’t delay to ask me. I am here ready to give easy guideline. Just comment or send message me. I will beck you asap. Message Now .

Interested to know more about me also Fandu Design, Visit this page : Visit Now

Don’t forget to  bookmark and share this code with others new learner like you.