How to Add Code Snippet in Nexter WordPress Theme?

How to Add Code Snippet in Nexter WordPress Theme?

Table Of Contents

1. Code Snippets

The Code Snippets are the most crucial part of the website, which is the first section on your website. In Nexter, We have followed the concept to give 100% Freedom to your creativity and the power of page builders of WordPress.

You can build a Code Snippets from any page builder such as Elementor, Gutenberg aka Block Editor, Beaver Builder, and any other WordPress Page Builder.


Step 1 : Go to “Nexter Builder” from WordPress Dashboard and Press “Add New” to create new template for your Code Snippets.

Step 2 : When you will have a new template created, You need to scroll to the bottom and Check for “Layout” Options of Nexter Builder. There will be options for None | Sections | Pages | Code Snippets from them choose “Code Snippets“. In Code Snippets Select any one from “PHP, HTML, CSS, JS”.

Step 3 : You will have more options to choose from Such as Code Execute, PHP Code, Html Hooks, Html Code, CSS Code, Javascript Code, Include In, Exclude From, and others. To know about those options more, Scroll down to know more. You need to customize that as per your needs and then Press “Publish”.

Step 4 : Congratulations! You need to select any of your page builder editor option now as your all settings related to Code Snippets are setup now.

2. Code Type

We are provided different types of code layout like HTML, CSS, JS and by default selected PHP.

2.1) PHP

1) Code Execute

your code will be executed on both the frontend and backend sides.
your code will be executed only backend side.
your code will be executed only frontend side.

2) PHP Code

you can write PHP code.

2.2) HTML

1) Html Hooks

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.

2) Html Code

you can write HTML code.

3) Display Rules

3.1) Include In

With this option, you can select more than one location where you want to see the template.

Using all options mentioned in include in, You will be able to manage your header with great freedom to set that up based on Post Types, User Logged In/Out, Browsers, As per the Post id and lots more ways.

3.2) Exclude From

With this option, you can select more than one location where you want to hide the template.

Using all options mentioned in Exclude From, You will be able to manage your header to hide and use alternate based on Post Types, User Logged In/Out, Browsers, As per the Post id and lots more ways.

2.3) CSS

1) CSS Code

you can write CSS code.

2) Display Rules

2.1) Include In

With this option, you can select more than one location where you want to see the template.

Using all options mentioned in include in, You will be able to manage your header with great freedom to set that up based on Post Types, User Logged In/Out, Browsers, As per the Post id and lots more ways.

2.2) Exclude From

With this option, you can select more than one location where you want to hide the template.

Using all options mentioned in Exclude From, You will be able to manage your header to hide and use alternate based on Post Types, User Logged In/Out, Browsers, As per the Post id and lots more ways.

2.4) JS

1) Javascript Code

you can write Javascript code.

2) Display Rules

2.1) Include In

With this option, you can select more than one location where you want to see the template.

Using all options mentioned in include in, You will be able to manage your header with great freedom to set that up based on Post Types, User Logged In/Out, Browsers, As per the Post id and lots more ways.

2.2) Exclude From

With this option, you can select more than one location where you want to hide the template.

Using all options mentioned in Exclude From, You will be able to manage your header to hide and use alternate based on Post Types, User Logged In/Out, Browsers, As per the Post id and lots more ways.

Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.