Creating new theme in Wordpress

First go to wp-content/theme and create new folder of your theme ->fictional-university-theme

Add file -> index.php and write some text, and add style.css and add below description in comment

/* 

Theme Name: Fictional University 

Author: Anil Kumar

Author URI: https://www.example.com

Version: 1.0

Description: A fictional university theme for WordPress.

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: fictional-university

Tags: university, education, responsive, custom-header, custom-menu, featured-images

*/

and save and go to Appearence-> theme and check theme 

and also add png file of theme in this folder for theme thumbnail.

after that Activate the theme.

and also in style.css add body { color: orange;}

After activation delete other theme folder from wordpress.


Comments

Post a Comment

Popular posts from this blog

Creating App.js for Node Application

 In this post we will setup app.js file to make app running first write below code below ->  import express from "express" import cors from "cors" import morgan from "morgan" const app = express () app. use ( cors ()) app. use ( express . json ()) app. use ( morgan("dev") ) app. get ( '/' , ( req , res ) => {     res . json ({message: "CMS Backend API Running." }) }) export default app and save  express.json() — JSON body parse karta hai cors() — frontend (Next.js) ko API call karne deta hai morgan("dev") — console me request logs dikhata hai Base route / — test karne ke liye ready hai
Read more

Setup Server.js for Node Js Application

 In this post we will setup server.js file for our node js application. First go to backend/src/server.js file and write below code. -> import dotenv from "dotenv" import app from "./app.js" //because in package.json me type:module hai dotenv. config () const PORT = process.env.PORT || 5000 app. listen (PORT, () => {     console. log ( `Server running on http://localhost: ${ PORT } ` ) }) and save 
Read more

Add responsive viewport, lang attribute and Body Class in Wordpress

 First check responsiveness of theme using inspect. Then add viewport meta for make theme responsive like below -> In head section add below code   < meta name = "viewport" content = "width=device-width, initial-scale=1" > Now add charset in Head section like below  < meta charset = " <?php bloginfo ( 'charset' )   ? > " > and now add language attribute in <html> like below  < html <?php language_attributes (); ? > > and save check the blog in inspect viewport. After add new function in <body> like below  < body <?php body_class ();   ? > > and save.
Read more