- Install WordPress
- Convert existing html website into wordpress theme
Getting started: The design
Outside of configuring wordpress, everything you do in wordpress will be in wp-content folder. All other files are core code and you should not edit it.
In finder, go through wp-content > themes to arrive at theme folder. There will be three default themes twentyfifteen, twentyfourteen, twentythirteen – and index.php which is provided by wordpress. Here you can create your custom theme . I called it customWordpressTheme.
A WordPress theme needs only two files to exists -style.css and index.php
Author: Ashish Singhal
Description: A css file to custom theme
Date: 1 Jan 2020
Create style.css file in theme folder customWordpressTheme . This file for just indication. You can write more css code accroding to your requirement.
Create index.php file in customWordpressTheme folder. Data from this file will be rendered to wordpress site as home page will load.
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″> <meta name=”description” content=””>
<meta name=”author” content=””>
<title>Blog Template for Bootstrap</title>
<link href= “https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css” rel=”stylesheet”> <link href=”<?php echo get_bloginfo( ‘template_directory’ );?>/blog.css” rel=”stylesheet”>
This is a custom wordpress theme.
Apply theme in wordpress
Now your theme has been created. Go to wordpress dashboard, click on Appearance > themes. You will see your theme with default themes.
Activate the theme and go back to main url. Your theme will start to display. Congrates. Of course, It can’t do much more a staic htmle website do. But you are all setup now.
In next tutorial We will see how to customize it more and show default post from wordpress database to your themes, make more beautiful designs
You can download sample theme from https://github.com/ashishsinghal/wordpresstheme
Thank you for reading!