Customize Your WordPress Using HTML and CSS

yangyangloveo2ocoding
Photo Source: https://www.dramafever.com/drama/4947/Love_O2O

Coding was always a strange and foreign language for me and I never imagined that I would be learning how to how to code, until now. It has been quite a journey learning basic HTML and CSS. I realized how useful it is as a long time blogger to be able to know how to customize your own website to your liking, rather than just having to stick to preset themes. I began experimenting with my site and went a little bit wild testing out different things, as evidenced below.

beforegoogleanalytics
Before Google Analytics was installed

googleanalyticsinstalled
Google Analytics code pasted in header.php between <head> and </head>

disgusplugininstalled
Successful installation of Disqus Comments

b4orderlistbold
Blog post before any changes

bold-orderedlist-html
Coding for creating emphasis on a paragraph and creating an ordered list

bold-orderedlist-post
The visual post after the coding was added

h1h2h3-b4changes
Blog post before any changes

h1h2h3-html
H1, H2 and H3 tags added

h1h2h3-visual
The visual post with the H1, H2 and H3 tags

smdclass-css
Created a new called .smdclass under style.css

smdclass-code
.smdclass coding applied to a paragraph

smdclass-applied
Visual of the .smdclass applied to paragraph

CSS Theme Edits:

libretheme-b4changes
Original Libre Theme

libretheme-csscode
CSS coding to change the background color, header color and the font size and family in a paragraph

libretheme-changed
Blog with the changes applied

selatheme-b4changes
Original Sela Theme

selatheme-codes
Instead of adding adding my own CSS coding into the style.css I decided to edit the preexisting code. I changed the font family, background color and the color of the entry title.

selatheme-changed
Updated Sela theme with the CSS changes applied