Change the WordPress Theme
Step 1: Head over to the WordPress Dashboard
Step 2: Navigate to the Appearance -> Themes from your WordPress dashboard.
Step 3: In the Themes, click on “Add new Theme.” You will then be taken to a page where you can choose from over a hundred different website themes.
Step 4: Hover over the desired theme and click “Install”
Step 5: After the installation process is complete, select the “Activate” button.
Step 6: Return back to the WordPress dashboard
Step 7: Click on Appearance -> Customize to see your new theme on your WordPress website
Using HTML Tags to Define Content on a WordPress Post
HTML, or Hyper Text Markup Language, serves as the backbone of web content formatting. HTML tags act as crucial keywords that shape and dictate how a website presents its information. When venturing into the realm of customizing the appearance of your WordPress blog or page, the first step involves creating a Custom HTML block.
Initiate the process by clicking on the + Block Inserter icon situated at the top left corner of your screen. In the search, type “Custom HTML,” and select the corresponding option that appears. This action will introduce a Custom HTML block into your post or page, providing you with a canvas to implement various HTML tags.
Below are a few useful HTML Tags that you can use to define your website blog post!
1. UNORDRED LISTS
An HTML Unordered List is often a way to present information in a bullet format, where the order of items does not carry significance. It is typically used when the sequence of items is not crucial. Instead, an HTML Unordered List places emphasis is on listing individual items.
An Unordered List in HTML, uses the <ul> (unordered list) tag. Each item within the Unordered List is defined with the <li> (list item) tags. An example of an HTML Unordered List would be this:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
2. PLACING EMPHASIS ON A WORD OR SENTENCE USING “EM”
Placing emphasis visually on certain words in a sentence, or paragraph is essential. In HTML, the <em> tag is used to emphasize text, and provide a visually semantic meaning to the reader. When you wrap a word or a sentence with the <em> tags, it indicates that the enclosed content should be emphasized when displayed on a webpage. Here’s an example:
<p>Today is a <em>beautiful</em> day today!</p>
3. Creating h1 and h2
Headings play a crucial role in virtually every blog post and webpage. Headings establish a hierarchy and structure for how one’s content is present. Headers allow readers to visually define, and understand the logical flow behind written content. Headings categorize content into specific sections, allowing readers to quickly scan and maintain an overview of important points before delving deeper.
Using the H1 (Heading 1) and H2 (Heading 2) in HTML involves using the <h1> or <h2> tags. These tags are part of the HTML hierarchy for emphasizing content with different levels of importance.
Generally speaking H1 is the most prominent, and largest of all headers — often used for title pages. The size of the H2 header on the other hand, is smaller in size.
An example of an H1 HTML tag looks like this:
<h1>This is a Heading 1</h1>
An example of an H2 HTML tag looks like this:
<h2>This is a Heading 1</h2>
USE OF CUSTOM CSS ON WORDPRESS
CSS, or Cascading Style Sheets, is a language revered in the web development realm for its role in enhancing the visual aesthetics of websites and blog posts. With CSS, the customization possibilities are vast, spanning from choosing colors and fonts to adjusting spacing and defining borders for HTML elements. This language is instrumental in transforming a plain HTML document into a visually captivating and cohesive webpage.
When it comes to WordPress, a platform widely utilized for website and blog creation, integrating CSS is a key step in elevating the design of your online presence. Here’s a simple guide to implementing custom CSS on your WordPress site:
Step 1: Log into your WordPress dashboard. Navigate to the Appearance ->Customize. This will lead you to the website customizer page
Step 2: Once on the website customizer page, scroll down until you find Additional CSS. This is the where you will insert, or write your CSS code
Step 3: Click on Additional CSS, and a dedicated box open up. This is your canvas, where you can insert, paste, or write your custom CSS code.
Step 5: Once you’ve added your CSS code and are satisfied with the appearance. Click on either “Publish” to immediately apply the changes to your live site or “Edit” if you want to revisit and further refine your CSS later.
INSTALLING GOOGLE ANALYTICS ON WORDPRESS
Installing Google Analytics on WordPress is essential for tracking the overall performance of your website. By installing Google Analytics, you can track different metrics such as the number of new/repeating visitors, their geographical location, the devices they use, as well as the specific pages that audiences visit on your website. This data helps you to better tailor your content to suit the audience’s preferences.
Several plugins are available to effortlessly integrate Google Analytics into your WordPress website, streamlining the installation process. The most popular plugin is MonsterInsights.
Step 1: Log into your WordPress dashboard. Navigate to the Plugins -> Add New.
Step 2: In the search plugins, search for MonsterInsights
Step 3: Click Install Now. Once installed, click Activate
Step 4: Return back to the WordPress dashboard. Navigate to the Plugins
Step 5: Search for MonsterInsights and click Launch Setup Wizard
Step 6: After launching the Setup Wizard, you will be prompted to choose a category that most accurately describes your website. The categories are either 1. Business Website 2. Blog 3. ECommerce Website
Step 7: After choosing your website type, click save & continue.
Step 8: You will then be prompted to the next page of the setup wizard. In this page, simply click the Connect MonsterInsights button to connect.
Step 9: After clicking the Connect MonsterInsights button, you will be redirected to Google to sign up or log in to Google Analytics.
Step 10: After logging in, you will be prompted to provide consent to enable MonsterInsights to access your Google Analytics account. Click Allow
Step 11: After that, check the box to receive important notifications from MonsterInsights and click the complete connection button
Step 12: After clicking the complete connection button, the authentication process is complete.
Step 13: A screen will then appear from MonsterInsights recommending you settings and features from which you can customize your website performance.
Step 14: After configuring and customizing your settings to suit your needs, click complete setup.