WebsiteWordpress Development

Changing details about your custom theme

Wordpress accepts theme info in style.css file as a multiline comment. /* Your theme info, each in a new line */
Arrow indicating to screenshot theme image

While Creating, custom theme, you have to assign the name for your theme like in url-ready format which means while creating new WordPress theme folder, as you give name for your folder, you can not add spaces, instead you use dashes and only lowercase letters. like "your-custom-theme" instead of "Your Custom Theme". After creating theme folder WordPress needs two files known as index.php and style.css

Giving Theme info in style.css

Now, we are talking about providing theme information within the style.css file. WordPress accepts theme info in style.css file as a multiline comment. /* Your theme info, each in a new line */

The template looks something like this

/*
Theme Name: Your Custom Theme Name
Theme URI: https://uri-that-can-be-attached-to-theme-name
Author: Menfesawi
Author URI: https://uri-that-can-be-attached-to-author-name
Version: 1.0.0
Description: Your description about the theme.
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.3
License: License here
License URI: http://uri-of-the-license.html
Text Domain: domain
Tags: tag 1, Tag 2, Tag 3 ...
*/
Theme info commented instyle.css
Theme info commented instyle.css

After saving the info you provided, the theme info will look like this in wordpress.

Theme info in WordPress Screenshot
Theme info in WordPress Screenshot

Adding Theme screenshot image as theme info

Still now, we have added theme info like: Theme Name, Author, Version & Description finally you have to attach screenshot of your them as a theme image to finally look like this.

Arrow indicating to screenshot theme image
Arrow indicating to screenshot theme image

To do so, add a png image named “screenshot.png” exactly inside your url-ready theme folder which is located wp-content/themes/your-custom-theme

The screenshot.png image has to be 1,200px width and 900px height exactly

—– Thankyou for reading —–

Shares:

Related Posts

Top Categories

PHP Development
22
WordPress Theme Development
21
Wordpress Development
18
WordPress JS Development
13
Show Comments (0)
Leave a Reply

Your email address will not be published. Required fields are marked *