Artbees Releases a Free Party Website Template

free PARTY website template Featured Image

Get ready to groove and shout as Artbees releases its new addition to its collection of PSD files giveaway – the PARTY one-page website template!

This is Artbees’ newest and coolest “webpage” ever and we’re very pleased to invite you to download this template that’s totally free for everyone. You don’t have to go through anything to get a pass. Enjoy its unique elements now and experience its features for you and your business.

The best part? You can get Photoshop files instead of complicated CSS codes, so you better not miss this opportunity to have a well-thought-out party design. But wait, no hurries on your part since this is free forever. Yes, you read it right!

This free Party website template is perfect for entertainment businesses, events companies, and party lovers alike, So set aside those second thoughts and grab the perfect investment that will make people line up outside your event.

Now, let’s run through its key features to get a full glimpse of what this free Party website template offers.

The Stage

This free Party website template sets the stage without the ordinary layout and style. It’s packed with fancy and sensational accents of hot pink and blue and abstractly comes with strikingly bright party lights. The musical elements are also magnified front-and-center, and the fonts used on the title are kind-of smooth and fancy as well.

The thematic colors and positioning suit the interests of party-goers. The title page gives you that night revelry vibe right from the get-go.

Table Tops

What conventional features can this free Party website template put on the table?

Well, this dazzling one-page website template is overflowing with fun photos of party people and lively background images that evoke a youthful ambiance.

There’s also an Event Countdown feature where web visitors can anticipate the next party they can go to. There’s no navigation menu but the Icon Box 2 provides wide information about the business that can be very helpful especially for new visitors.

To gain and nurture relationships with prospects and loyal customers, Artbees integrated a MailChimp Subscribe Form so you can keep in touch and update them about future events. The Image Gallery lures people to join the parties as this is a good credibility portfolio for the business. Images use smoky yet captivating and vivid hues. Of course, it’s a necessity to place Social Network buttons where they can engage with you outside of the website.

The Party Lovers

This free Party website template is perfect for businesses related to the entertainment industry; music festivals, concerts, bars, clubs, or even those event planners inclined to host parties.

There’s no reason not to party for this free Party website template! From fonts to colors and images, it’s bursting with everything that you need for a perfect party website. Not to mention that the overall template is friendly and easy to customize so you can deliver a remarkable user experience.

This is entirely free, so do not wait any longer and grab this gift from Artbees now. We’re more than excited for you to try this out!

To enjoy more than 160 advanced templates that are already coded with the highest standards, download Jupiter WordPress Theme!

***Important Note: Artbees free templates cannot be sold or distributed as it is — only derivative works for end users can be sold.

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

How to Create a Guest Post Submission in WordPress

The purpose of creating a website is to introduce our business and services to reach more potential customers. In fact, the visitors to a website are the real asset of any website and one of the important factors of any good website is content. By having awesome content, you can:

  • Provide proper information about your products/services
  • Increase your ranking in search engines like Google
  • Engage visitors and convert them to customers

Creating content for a website requires lots of time and resources. With the right guest post submission technique, you can reduce your expenses and allow visitors to contribute and improve the contents of your website.

What does Guest Post Submission in WordPress Mean?

Guest post submissions, also referred to as frontend post or posting without logging in, is a technique that allows visitors to express their ideas, suggestions, tips, reviews, and ideas for your website. Using this technique, you can better engage customers on your website and allow them to help you scale your website.

There are several plugins available to help you do this. You can use one of the following plugins to create a guest post submission in WordPress:

In this article, we use AccessPress Anonymous Post for creating guest post submission in WordPress.

AccessPress Anonymous Post

This plugin is a responsive HTML5 form that allows your website users (guests/visitors/not logged in users) to submit a Standard WordPress Post and featured image in an easy and customized way.

There are two methods for creating a guest post submission form in the frontend.

  • Usage of [ap-form] shortcode.
  • Usage of < ?php echo do_shortcode( ‘[ap-form]’ );? > in a template file.

Features:

  • Submit post from frontend as a non-logged-in user or as a logged user
  • The user can customize settings
  • Category selection
  • Field selection ability
  • Mathematical captcha and Google captcha
  • Add one or more featured images to the post.
  • Add other media if the user is logged in
  • Required field selection ability
  • Email notification to admin after successful post submission
  • Using shortcode to display post submission anywhere
  • Admin will be able to review and approve the submitted post
  • HTML5 form with CSS style
  • Author’s name, author’s URL, and email will be added as a custom field
  • Option to assign a post to a specific category or let users choose a category from the frontend
  • Online support

How to Create a Guest Post Submission in WordPress Using AccessPress Anonymous Post

1. After installing and activating the plugin, you can see AccessPress Anonymous Post menu in the left sidebar of the dashboard.

2. Click on the AccessPress Anonymous Post menu to go to the settings screen.

3. In the General Settings tab, set the following settings:

Form Title: (empty because your page has a title by default)
Post-Publish Status: Draft (if we want the admin to approve the post)
Post Submission Message: Your Post was Submitted Successfully

4. In the Form Settings tab, choose the following settings:

  • Post Title: Check Show on Form and Required checkboxes.
  • Post Content: Check Show on Form and Required checkboxes.
  • Post Image: Check Show on Form checkbox.

5. In the Captcha settings tab, set the following settings, then click on the Save All Changes button.

  • Captcha Type: Mathematical Captcha
  • Captcha Label: Human Test
  • Captcha Error Message: Your answer is Incorrect.

6. Create a new page from Pages > Add New and below steps:

  • Set Title to Guest Post
  • Add Shortcode Block
  • Set the value to [ap-form]
  • Click on the Publish Button

7. Add your page to your website’s menu from Appearance > Menus.

8. Go to Guest Post page.

9. In this page, you can see the guest post submission form.

10. As you can see, the form fields have basic styling. You can add custom CSS from Customizer > Additional CSS section.

/* Fields spacing */
.ap-form-field-wrapper {
   margin-bottom: 20px;
}

/* Text fields */
.ap-form-field input[type=text] {
    padding: 10px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

/* Focus state of text fields */
.ap-form-field input[type=text]:focus {
    outline-width: 0;
}

/* Submit button */
.ap-form-submit-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border: 1px solid #0000;
    padding: 5px 13px;
    border-radius: 4px;
    color: #fff;
    background: #007bff;
    border-color: #007bff;
}

11. If a visitor submits a guest post successfully, he or she will see the value of Post Submission Message setting above the form.

12. The submitted posts are saved in your website’s database. You can see them on the dashboard as draft posts in Posts > All Posts.

Note: If you want users to publish their posts without admin approval, you can set Post Publish Status setting to Publish in the General Settings tab.

Conclusion

In this article, you learned how to create a guest post submission in WordPress with AccessPress Anonymous Post plugin. Additionally, you learned how to configure settings for the submission form.

AccessPress Anonymous Post plugin has many helpful settings to allow users to create a perfect guest post submission form. Feel free to share your experience with us about the usage of this or another plugin in the comments section.

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Some Handy Elementor Plugins for Jupiter X

Elementor Plugins for Jupiter X featured image

Elementor page builder enables you to deliver high-end page designs with advanced capabilities, never before seen on WordPress. The standard and extendable nature of this plugin allow developers to create plugins to add new features to it.

Jupiter X theme is using Elementor as its default page builder. It’s also coded with standard practices so the Elementor community plugins are compatible with the theme. In this article, let’s cover some handy Elementor plugins for Jupiter X theme. The plugins are divided into two main categories:

  • Adding new widgets to Elementor
  • Extending functionalities of Elementor

Note: The compatibility of the plugins with Jupiter X theme have been tested at the time of writing this article.

HT Mega – Ultimate Addons for Elementor Page Builder

HT Mega extends Elementor with 80+ elements and 360 blocks with various styles. The live demo can show you the real usage of the elements.

Features:

  • Ability to enable/disable elements to improve performance
  • Unlimited Color and Typography options
  • Fully responsive and mobile ready
  • Cross Browser Compatible

Available Elements:

  • Team member
  • User login form
  • User register form
  • Litebox
  • Instagram
  • Twitter feed
  • Image magnifier
  • Etc.

Download here.

Premium Addons for Elementor

Premium Elementor add-ons and widgets with numerous customization options are available to extend the Elementor Page Builder capabilities and help you build impressive websites with no coding required. The live demo can show you the real usage of the elements.

Features:

  • 22+ Fully Customizable Elementor add-on widgets
  • Options panel for enabling desired widgets only for faster performance
  • Fully Responsive and Cross Browser Compatible

Available Elements:

  • Blog
  • Dual heading
  • Fancy text
  • Image separator
  • Counter
  • Modal box
  • Image button
  • And more.

Download here.

Image Hover Effects Add-on for Elementor

You can add 40+ Image hover effects with title and descriptions in a simple way, using this WordPress plugin image hover effects add-on for Elementor. The live demo can show you the real usage of the elements.

Features:

  • Easy to customize options
  • 40+ Image Hover Effects
  • Circle and Square border both come with all effects
  • Center the text horizontally
  • Control the spaces between elements

Effects:

  • Fade
  • Slide
  • Reveal
  • Push
  • Hinge
  • Flip
  • Shutter
  • Fold
  • Zoom
  • Blur

Download here.

Contact Form 7 Widget For Elementor Page Builder

This plugin adds a new element to Elementor Page Builder which helps you to easily drag and drop contact form 7 forms from a drop-down list. No need to go into your Contact Form 7 to copy the shortcode and add it to your Elementor widget anymore — simply drag and drop!

Features:

  • Add CSS directly from Elementor live preview to your contact form 7
  • Add any WordPress page as a thank you page directly from the Elementor edit screen when you add the VOID Contact Form 7 widget
  • Use single Contact Form 7 with different Style and redirect rule

Download here.

Toolbar Extras for Elementor – WordPress Admin Bar Enhanced

This plugin is a huge time saver. It enables you to have quick access to your site building resources. Using the Toolbar Extras plugin, you can add useful links to the top toolbar of your admin page and access links quickly to reduce scrolling and save time. Furthermore, with this plugin, you can access links when from the frontend.

Features:

Page Builder links: Elementor & Elementor Pro.
Links for Elementor Add-On Plugins.
Enhances the New Content section (under + New) with more links.
Support for creating an internal new Menu for Admins which hooks into the Toolbar.
Fully internationalized and translatable also for RTL language.

The main item has useful links.

This plugin enhances + New

Download here.

Custom Fonts

One of the important factors in typography is a good font. If you need to use your custom font in your website, you can use the Custom Fonts plugin. This plugin allows you to add a custom web font to Elementor font library.

Adding a Custom Font

1. To add your custom font, go to Appearance > Custom Fonts then upload your fonts. We downloaded Sonika and converted it to a web font using the Web font generator tool.

2. Use your custom font like other fonts. It’s added at the top of Fonts under Custom group.

Download here.

Custom Icons for Elementor

Elementor comes with Font Awesome icons by default and there’s no way to upload custom icons. But the Custom Icons for Elementor plugin enables you to add your custom icons to the built-in Elementor icon controls and elements.

How to Add Custom Icons

1. Select some icons in Fontello website, then download them.

2. Upload the downloaded zip file in Elementor > Custom Icons.

3. Use your custom icons.

Download here.

Elementor Blocks for Gutenberg

As you may know, Gutenberg is the default WordPress editor. But Elementor Blocks for Gutenberg allows you to easily insert any Elementor template into Gutenberg with just one click.  By using this plugin, you can benefit from both page builder features.

Add an Elementor Template in Gutenberg

1. Edit a page. Add Elementor Library block in the page, then select your template.  

2. You will see your Elementor template inside your Gutenberg page.

Download here.

Elementor Element Condition

This plugin gives you the ability to add conditions to sections and widgets so they can be shown or hidden. At the moment, it only supports two simple variables and one operator.

  • This plugin adds Condition section for all widgets in Style tab.
  • The Digital Solutions section will be only visible to logged in users based on the following condition.

Download here.

Make Column Clickable Elementor

This plugin adds a very handy and simple feature to the Elementor column. It allows you to make the whole column clickable.

This plugin adds a Custom Link setting in Column > Layout tab.

Download here.

Visibility Logic for Elementor

Hide or show an Elementor widget based on the user’s role. Based on your visibility setting for each widget, you can restrict rendering elements from the front-end, meaning that you can hide or show any Elementor widget based on the user role (Subscriber, Author, Administrator, etc), whether the user is Logged in or not.

This plugin adds a Visibility control section for all widgets in the Advanced tab with the following settings.

  • Enable conditions
  • Visible for
  • Hidden for

Download here.

Elementor Plugins for Jupiter X will make your life easier!

In this article, we introduced some handy Elementor plugins for Jupiter X. Some plugins add widgets, while some extend the functionality of Elementor page builder.

There are also some other plugins in the WordPress Community that you can try. Feel free to share your favorite one with us in the comments section!

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

How to Add Filters to WooCommerce and Custom Posts

Add filters to WooCommerce and Custom Posts Featured Image

Just imagine how an actual customer experience looks like in a retail store. Most people don’t know what exactly they want in the first place. They like to see collections of items and then evaluate their options by narrowing down their selection. This is the ultimate experience.

Why do you need to add filters to WooCommerce and Custom Posts?

If you’re running an online store or using custom post types, you need to make sure that your users are able to easily find what product or post they are looking for. Having a search field on your website is a great help, but not nearly enough.

Just imagine how an actual customer experience looks like in a retail store. Most people don’t know what exactly they want in the first place. They like to see collections of items and then evaluate their options by narrowing down their selection. This is the ultimate experience.

Now, you should ask yourself as an online store runner. Does your website have this capability? Do you let your customers play with their options and narrow down their preferences?

Booking.com has a huge database but it is easily searchable by humans with the help of filters

Jupiter X is not only giving you an easy-to-setup and fully customizable platform to sell your products on, but it also offers comprehensive Woocommerce features to amplify your customer’s shopping experience even further.

Jupiter X comes bundled with a plugin called JetSmartFilters so you can add filters to WooCommerce and custom posts. This tiny and powerful plugin uses powerful AJAX filters so your customer can find the right WooCommerce products and custom posts they’re looking for.

Who needs to add filters to WooCommerce and Custom Posts?

It’s a must for pretty much anyone running an e-commerce website or custom post types.

  1. Any online store based on Woocommerce
  2. Listing websites such as real estate, car rentals, etc.
  3. Websites with custom post types

Features

Speed

JetSmartFilters is created based on AJAX technology, which allows the filters to work without refreshing the page, making them even faster. So, users can work with options and filters seamlessly without having to refresh or reload the page.

7 Smart Filter Variations

There are several filter types you can choose from based on your need. Everything is built on Elementor, so you can easily modify, customize, and add filters to WooCommerce and custom posts.

9 Filters and Pagination Widgets

Further improve your visitor’s experience with these versatile filters and pagination widgets:

Highly customizable WooCommerce and Custom Post Filters

JetSmartFilters is built upon the Elementor plugin, therefore it is extremely customizable, just like any other Elementor widget. You can easily drag and drop the filter widgets to the page and start customizing their elements until it matches your desired style and theme. With Jupiter X, it’s that easy to add filters to WooCommerce and custom posts!  

Official plugin website

Documentation

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Have Fun with This Free Gamer Webpage Template from Artbees

Free Gamer Webpage Template Featured Image

Gaming has slowly penetrated the lives of people in different ways. We have console, mobile, and PC games where everyone spends countless hours to beat their current level and get to the next one.

For both game creators, avid fans, and players, it’s a certain form of escape that allows them to take themselves away from the stress of the real world. Are you a budding game developer? Well, good for you! Go chase your dreams. Build your game world, characters and system well so people can enjoy your game.

But, let’s just jump ahead for a bit. Yes, you have your game. Yes, you have a good concept. Yes, things are going well. But you always find yourself answering the same questions when people ask about your game. Worse, people don’t know about your game. 

There’s a great way to solve this! Go ahead and make a website for your game. This comes with a lot of perks.

  • You do not have to keep repeating yourself to people when they ask questions about your game.
  • It’s a great way to market your game
  • A website legitimizes your game — it’s now a product that’s out in the market.

We know that this might be a bit daunting for you, but trust us, this move can help you big time! Good thing we have a free Gamer webpage template that you can download anytime. So, what are you waiting for? Continue reading to find out how you can get your hands on this Gamer template.

About the Free Gamer Webpage Template

Gamer is a simple but rich and dynamic one-page template with large and colorful photos in the background to captivate the site visitor. This design is also equipped with a countdown timer to announce any important news about your game like new patch releases, updates, and more.

It also has an image gallery so people will have a better idea of the world you’ve built and discover how they can navigate through the levels. It also has revolution slider elements so you can highlight the best aspects of your game.

You can also feature the main classes or characters of the game so people will be drawn to the story behind the game. It’s also a great space to include some videos so they can familiarize themselves with the gameplay. In short, this free Gamer webpage template is great for showing off the game you’ve so tirelessly built.

free Gamer webpage template Full Page

Announcement

There are a lot of ways you can utilize the free Gamer webpage template. One way is to announce the release of your game. Accompanied by beautiful photos and an immersive storyline, you can be sure that your website will be a hit in the gaming industry!

You can announce when the game will go live or you can provide your followers with information about your pre-order process!

Special In-game Events

Once you have successfully launched your game and you have a solid community celebrating the greatness of your game, you can announce special in-game events through this website. You can also re-activate your countdown timer so people will know when to expect new game updates, patches, or sequels.

With special in-game events, you can bring inactivate players back into your world and excite new players about the world you continuously improve. Whatever strategy you have in mind, this free Gamer webpage template is for you!

Download it now!

What are you waiting for? Get this free Gamer webpage template today!

To enjoy more than 160 advanced templates that are already coded with the highest standards, download Jupiter WordPress Theme!

***Important Note: Artbees free templates cannot be sold or distributed as it is — only derivative works for end users can be sold.

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Best Plugins for WordPress Meta Box

wordpress meta box featured image
wordpress meta box featured image

WordPress uses a powerful and flexible framework that has wonderful features to help users create a website easily and quickly. WordPress provides necessary features for creating and editing content, but perhaps for a lot of websites, we need to add more information or data. In this situation, WordPress provides a Meta Box feature.

What is a WordPress Meta Box?

WordPress Meta Box is a group of custom fields which allows you to add more information to posts, pages and custom posts types. You can add custom meta boxes via custom codes in your theme/plugin, or use one of the following plugins for easier and faster workflow.

In this article, let’s cover three of the most popular WordPress Meta Box plugins.

Create WordPress Meta Box with Advanced Custom Fields Plugin

WordPress Meta Box 1

Nowadays, this Advanced Custom Fields is the most popular plugin for creating custom fields. The visual builder allows you to add fields to WordPress edit screens conveniently. Furthermore, with the builder, you can add fields all over your WordPress website including posts, pages, user, media, comments, and taxonomies.

Features

  • Simple & Intuitive
  • Powerful Functions
  • Over 30 Field Types
  • Extensive Documentation
  • Millions of Users

Field Types

  • Basic (Text, Text Area, Number, Range, Email, Url, Password)
  • Content (Image, File, Wysiwyg Editor, oEmbed)
  • Choice (Select, Checkbox, Radio Button, Button Group, True / False)
  • Relational (Link, Post Object, Page Link, Relationship, Taxonomy, User)
  • jQuery (Google Map, Date Picker, Date Time Picker, Time Picker, Color Picker)
  • Layout (Message, Accordion, Tab, Group)

Creating a WordPress Meta Box

Now that you have some information about Advanced Custom Fields plugin, it’s time to create four fields for an author of a post, then add the fields to the end of the post edit screen.

Author fields

  • Author age
  • Author profession
  • Author hobby
  • Author wish

1. From the left sidebar of WordPress admin menu, click on Custom Fields > Add New.

WordPress Meta Box 2

2. Click on the Add Field button for creating fields.

WordPress Meta Box 3

3. Fill out the Field Label, Field Name, Field Type and other fields based on your needs.

WordPress Meta Box 4

4. Add three other fields similar to the above step then click on Publish/Update button.

WordPress Meta Box 5

For showing the created fields in the edit post screen, configure the Location settings as shown below.

WordPress Meta Box 6

6. Edit a post to see the fields.

WordPress Meta Box 6

7. For showing the value of these fields, read this article about displaying values in your theme.

Useful Resources:

Awesome ACF lists many extensions for this plugin. For this article, let’s mention some of them.

Admin Columns allows you to display ACF custom fields for posts (post meta) and users (user meta) as columns on your list overview.

Automatically generates the code you need to implement ACF fields in your themes.

Add a Font Awesome icon field type to Advanced Custom Fields.

Allows you to add a Date and Time Picker field type.

Create flexible and developer-friendly forms using the power of Advanced Custom Fields.

Create a WordPress Meta Box with Meta Box plugin

WordPress Meta Box Plugin

Another powerful and lightweight plugin for creating unlimited custom fields is Meta Box. with this plugin, we can add custom fields to post, page, forms, etc. Furthermore, this plugin has over 40 field types.

The free version of Meta Box Plugin doesn’t have an admin page in WordPress dashboard. For creating a meta box, you need to use an Online Generator tool. This tool generates necessary codes to register a meta box in your child theme.

Features

  • Supports 40+ custom field types
  • Powerful options for custom fields
  • Lightweight and well-coded
  • Developer friendly

Field Types

  • Input fields (Text, Number, URL, Email, Range, Text List)
  • Basic fields (Checkbox, Checkbox List, Button, Password, Radio, Select, Select Advanced Textarea, Hidden, Image Select)
  • Advanced Fields (Color Picker, OEmbed, Slider, WYSIWYG, Autocomplete, Fieldset Text, Map, Heading, Divider)
  • Date & Time Fields (Date, Date-Time, Time)
  • WordPress Fields (Post, Taxonomy, Taxonomy Advanced, User)
  • Media Fields (HTML File, File Input, File Advanced, Image Advanced, HTML Image, Video)

How to Create a WordPress meta box

Now, it’s time to create four fields for an author of a post in Meta Box plugin.

Author Fields

  • Autor Phone Number
  • Autor Email
  • Autor Birthday
  • Autor Site Address

1. Go to the Online Generator tool.

2. In the General tab, set the Function Name and Text Domain.

3. In the Meta Box tab, set the ID and Title of your meta box. Configure the other options to show the meta box at an appropriate place.

4. In the Fields tab, create the fields as explained below:

Field 1: Create Field with Number Type and set ID to author_phone_number and NAME to Author Phone Number.

Field 2: Create Field with Email Type and set ID to author_email and NAME to Author Email.

Field 3: Create Field with Date Type and set ID to author_birthday and NAME to Author Birthday.

Field 4: Create Field with Url Type and set ID to author_website and NAME to Author Website.

5. For generating codes, click on the Generate button. Click on the Copy link to copy codes to the clipboard.

6. Go to Function.php of your child theme then paste the codes and save it.
7. Edit a post to see the fields.

8. For showing the value of these fields, read this article about displaying fields.

Useful Resources:

The Meta Box website has a dedicated page for extensions. For this article, let’s mention some of them:

Create and manage custom post types and taxonomies quickly with an easy-to-use interface.

Pull all meta values from posts and terms into the WP REST API responses.

Create and manage custom taxonomies in WordPress with a user-friendly interface.

Add WordPress custom fields to comments in WordPress. It supports all field types and options.

Create WordPress Meta Box with Pods plugin

WordPress Meta Box Pods Plugin

Pods is a framework to manage all your custom content needs in ONE location. This plugin allows you to create and edit custom post types, taxonomy, fields, and even extend existing WordPress objects like users, media, posts, and pages.

Features:

  • Create a type of content in WordPress
  • Extend existing content types
  • Different field types and build your own with extensible field type classes
  • Importers to help your transition from other plugins

Field Types

  • Date / Time (Date, Time, both)
  • Number (Plain Number, Currency)
  • Text (Plain Text, Website, Phone, E-mail, Password)
  • Paragraph Text (Plain Paragraph, WYSIWYG, Code)
  • Color Picker
  • Yes / No
  • File / Image / Video
  • Avatars
  • Relationships

Create a WordPress Meta Box

Now, let’s add a meta box with some author fields in WordPress pages.

Author fields:

  • Author age
  • Author position

1. From the left sidebar of WordPress admin menu, click on Pods Admin > Add New.
2. In the new screen, choose Extend Existing.

3. Set content Type to Post Types (Posts, Pages, Etc) and Post Type to Pages then click on Next Step.

4. Add a Text field type and set the label to Author Age then set Name to author_age.

5. Add a Text field type and set the label to Author Position then set Name to author_position. Click on Save Pod button to save your fields.

6. Edit a post to see the fields.

Useful Extensions:

Pods plugin is a developer-friendly framework so some developers develop extensions to enhance the plugin. For this article, let’s mention some of them:

Easily select Pods fields in Beaver-Themer field connections from a dropdown based on the currently displayed item (CPT).

This extension provides the ability to sync entries from a Form Submission and Entry Edit screen.

This extension provides optimal performance with Pods sites on hosts with no object caching or low limits.

Conclusion

In this article, we introduced three plugins to help you to create, manage and extend WordPress Meta Box easily and quickly. The ACF plugin is the most popular plugin at the moment. Some popular themes like Jupiter X rely on ACF to manage the Meta Box and custom fields.

There are also some other plugins in the WordPress Community for managing Meta Box. Feel free to share your favorite one with us in the comment section!

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

How to Create Custom Search Results Page via Jupiter X

Create Custom Search Results Page via Jupiter X Featured Image

Customizing the search page is one of the biggest concerns for web designers. When it comes to WordPress, you need to modify your search page template in order to customize your search results. But what if you had the ability to customize your search results in a blink of an eye with a set of premade options?

Jupiter X uses a default search results page which mimics post archives. This is controlled in the theme by the jupiterx/lib/templates/fragments/search.php template file. There’s no option to create a custom template for a search results page, but you have the capability to customize the page with some settings.

By default, when users search for something on your website, it displays the results from all of the post types such as posts, pages, portfolios, and products. But, you may want to filter the search results in your website and show the results from just a specific post type like posts or pages.

It’s especially useful in e-commerce websites when you want to show particular products in the search result page. You can even specify how many posts should be shown per page. Let’s see how easy it is to create a custom search results page via Jupiter X.

Create Custom Search Results Page via Jupiter X

1. From your WordPress left menu, go to Jupiter X > Customize.

Create Custom Search Results Page via Jupiter X 1

2. Select the Pages option.

Create Custom Search Results Page via Jupiter X 2

3. Choose Search, then a new window will show up with the Search settings.

Create Custom Search Results Page via Jupiter X 3

By Disabling/Enabling the post types from the Display section, you can customize the search results. You can change the number of posts per page as well.

Create Custom Search Results Page via Jupiter X 4

4. Close the Search settings panel and then Publish the changes.

Editing Search Result Text

  • Using Poedit software

When you check the search results page, you may want to edit or translate some titles like “Search Results for:”, “New Search”, etc.

Create Custom Search Results Page via Jupiter X 5

It can be done with the Poedit software, which is used for translation. You can read more about Poedit in the article “Translating the theme”.

Just create a .po file as described in the linked article above and name it with your language prefix. If you want just to edit the text in English, you need to name the file en_US.po. This way, you’ll be able to edit any Jupiter X text in the English language.

  • Using the child theme

Another way to override default text is to make changes in the child theme. You’ll need to override the functions of the necessary titles.

You can edit the files through your WordPress dashboard in Appearance > Editor.

1. Look for the file search.php in the parent theme jupiterx/lib/templates/fragments directory.

2. Copy the function name, for example, jupiterx_new_search_title_text if you want to change the text “New search” on a search results page.

Create Custom Search Results Page via Jupiter X 6

3. Go to the child theme folder and open the file functions.php and add this code:

add_filter( 'jupiterx_new_search_title_text_output', function() {

   return 'Some new text of yours';

} );

4. Save the file, and you’re done. The changes will be visible on the frontend.

You can do the same with other functions you find in the file. For example, to change the subtitle text, you can use the same code. Just edit the function name to the one you need, e.g. jupiterx_new_search_subtitle_text for the subtitle, and the code will be:

add_filter( 'jupiterx_new_search_subtitle_text_output', function() {

   return 'If you are not happy with the below results, you may try another keyword.';

} );

Adding a Sidebar on a Search Results page

You can also add or remove the sidebar when you create custom search results page via Jupiter X. To do this, you’ll need to edit Sidebar section in Jupiter X > Customize. You can get comprehensive instructions about how to add a sidebar in this article. It will be applied to all pages, but if you want to add or remove it only for the search result page, do the following:

  1. From the WordPress left dashboard, go to Jupiter > Customize.
  2. From the Customizer left dashboard, go to the Sidebar menu.

In the Sidebar popup, there’s an Exceptions setting which allows you to edit the sidebar for different post types, such as Page, Blog, Search, Shop, Archive, and Portfolio. In our case, we’ll select Search as an exception and configure the sidebar settings to the ones you need.

For how to add widgets to sidebar areas, refer to the article “Adding widgets to a sidebar”.

Customizing Your Search Results Page is Quick and Easy with Jupiter X!

In this article, we learned how we to create custom search results page via Jupiter X. To reiterate, you can customize the search to include/exclude different post types and also change the number of items in the result page. We also explained how to change the text using translation plugins and in the end, we overviewed how we can modify the search page using the powerful Jupiter X API.

In general, with the Jupiter X API, there is nothing you can’t customize. In future posts, we will go through some approaches on how you can easily add or edit some sections using Jupiter X API.

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Enjoy A Free Event Website Template From Jupiter Today!

March is the perfect time to start planning out your events. Whether you’re putting together a social, professional, or corporate event, mapping them out for this year is an important task. Why? Because it gives you enough time to prepare for each one – which, to be honest, is crucial. If you don’t get to prepare well for your activities, it might turn out as a bad experience for you and your guests.

Continue reading

Free Designer Website Template: Now Available for Download

Free Designer Website Template Featured Image

How about a free online portfolio for your art or a well-designed website for your architectural firm? Unleash your creative juices and be ready to design and more with this 100% FREE Designer website template by Artbees.

Well, unlike any other template for designers and artists, this induces a very light and contemporary overall vibe. It sets a tranquil mood that helps visitors appreciate your artful creations even more. What makes it more exciting is that it’s totally free!

Plus, you can download the PSD files and you can customize the template without ever having to write or edit a line of code. So why hesitate, right?

Simplicity and art combined!

This newest addition to Jupiter X’s roster of outstanding website templates is all about simplicity and art. It’s a one-page template that mainly uses a monotonous, earthy color combination that blends well with lines and vectors.

At the very onset, you’ll notice the sample title written in a very meek and bold style with the logo on the upper left. The placement of sub-headers suggests a professional and spacious look. There’s no navigation menu so your website visitors will stay focused on the visual appeal of your art.

The whole background is white in color and has many gray lines forming geometric shapes with an unassuming 3D effect. This sleek background helps to accentuate and showcase the photos of your beautiful creations!

As you scroll, you’ll get to see some well-photographed HD images and an image slideshow, perfect for your design portfolios. There’s also a spot for a video player wherein you can showcase your tutorials, reviews, how-tos and any other topics related to your art.

Lastly, a website is not a website without a contact form – how else can your fans or potential clients contact you? It’s always best to have a channel to build connections and nurture relationships. Social media buttons are also present at the bottom of the template where visitors can engage and keep in touch with you outside of your respective website.

This is undoubtedly a good one — perfect for artists and craftsmen who don’t want to put too much time and effort into building their website. With this free Designer website template, you can set up your website in just an hour. It’s truly simple and hassle-free!

This is for you!

The key features and unique elements of this free Designer website template are created primarily for those who have a great love for arts, crafts, and design. People and businesses that can take advantage of this free offering are architects, painters, graphic designers, DIY crafters, calligraphy artists, design firms, structural agencies, and many others.

Wrap Up!

Wait no more and try this out! Spare yourself from paying dimes for expensive website templates and take hold of this amazing opportunity. Feel free to share with us your experience.

Build your digital portfolio and showcase your artful creations. Get to know what this free Designer website template for Jupiter X can do for you.

To enjoy more than 160 advanced templates that are already coded with the highest standards, download Jupiter WordPress Theme!

***Important Note: Artbees free templates cannot be sold or distributed as it is — only derivative works for end users can be sold.

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.