Скачать или смотреть How to Create a Second Featured Image Box for Posts in WordPress

Learn how to easily add a second featured image box to your WordPress posts without using any plugins. Perfect for custom templates!
---
This video is based on the question https://stackoverflow.com/q/62860289/ asked by the user 'Amir Hossein' ( https://stackoverflow.com/u/8081112/ ) and on the answer https://stackoverflow.com/a/62862683/ provided by the user 'Neelesh Chakraborty' ( https://stackoverflow.com/u/7568712/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How to create a second featured image box for posts in WordPress

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Create a Second Featured Image Box for Posts in WordPress

Adding a second featured image box to your WordPress posts can be a useful feature, especially when you require both a thumbnail and a banner that don't necessarily have to be the same image. If you're looking for a solution but want to avoid installing plugins, you're in the right place! This guide will walk you through the steps to create a second featured image box in your WordPress theme by utilizing some custom code.

Understanding the Requirement

In WordPress, by default, you only have one featured image option for posts. However, there are situations where you might want to display a different image (like a banner) while keeping the main thumbnail intact. This is particularly common in templates that require distinct images for various placements.

Solution Overview

We will achieve this by adding a custom meta box to the post editing screen in WordPress. This involves a few code snippets that you need to add to your theme's functions.php file, and a JavaScript file to handle image uploads.

Step 1: Modify Your Theme’s functions.php

Open your theme's functions.php file.

Insert the following code to add a new meta box for the second featured image:

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Create the JavaScript File

Next, you'll need to create a JavaScript file that will handle the image upload functionality. Follow these steps:

Create a new file in your theme's folder called secondimage.js.

Paste the following code into secondimage.js:

[[See Video to Reveal this Text or Code Snippet]]

Make sure to adjust the JavaScript file's path in the functions.php if necessary.

Final Thoughts

Adding a second featured image box can enhance your post layout, allowing for better customization and visual aesthetics. This approach ensures you don’t need to rely on plugins, keeping your WordPress installation lightweight.

With these steps, you'll be able to seamlessly upload and manage a second featured image for your posts. Enjoy showcasing your content in a more versatile way!