ITIAN Knowledge Hub
Technology Simplified — Solutions That Work

website-building-wordpress-basics

ITIAN Website Building Short Course

Technology Simplified — Solutions That Work

Website Building · Lesson 7 of 8

WordPress Basics on Hostinger

Set up or access WordPress on Hostinger and rebuild your planned page using the block editor, media library and navigation tools.

  • Complete beginner
  • 90 minutes
  • Guided practical activity
  • Part of one website project
Course progressLesson 7 of 8Lesson 7 of 8
Lesson outcomes

By the end of this lesson, you can…

  • Access the WordPress dashboard securely.
  • Create a page with suitable blocks and heading order.
  • Upload and reuse optimised media with alternative text.
  • Preview, publish and add the page to site navigation.
Prepare

Before you begin

What you need

  • A Hostinger website where WordPress is installed or authorised to be installed.
  • Administrator credentials stored in a password manager.
  • The text and optimised media from the static webpage project.

Starter check

Confirm whether the WordPress site is new, a test site or already public. If it is public, take a backup before changing themes, plugins or navigation.

Learn

Understand and demonstrate the skill

WordPress stores page content in a database and renders it through a theme. The block editor lets you assemble headings, paragraphs, images, lists, buttons and layouts without manually coding each element.

Key terms

Dashboard

The administration area for pages, media, appearance, users and settings.

Block

A content unit such as a paragraph, heading, image, list or button.

Theme

The presentation system controlling templates and much of the site's appearance.

Plugin

Additional software that extends WordPress behaviour and must be maintained carefully.

Follow the demonstration

  1. Access WordPress. Use Hostinger's Admin Panel shortcut or the authorised WordPress login page.
  2. Create a page. Go to Pages → Add New and enter a clear page title.
  3. Build with blocks. Add headings, paragraphs, lists, images and buttons in the same logical order as the static page.
  4. Review settings. Set the slug, featured image or template only when the site design requires them.
  5. Preview and publish. Check desktop and mobile previews, publish, view the public page and add it to navigation.

Worked example

Suggested block sequence
1. Page title supplied by WordPress
2. Introductory paragraph
3. Heading block: Services
4. Columns or Group block
5. Image block with alternative text
6. Heading block: About
7. Button block: Make an enquiry
Your turn

Complete the guided activity

Rebuild the content of your static page in WordPress, keeping the same audience, purpose, heading order and primary call to action.

  1. Prepare. The dashboard is accessed with secure administrator credentials.
  2. Build. A page title, slug and logical block structure are complete.
  3. Check. The page has been previewed at desktop and mobile widths.
  4. Record. The published page is visible and included in the intended navigation.

Activity checklist

0 of 5 tasks
0 of 5 tasks complete0%
Knowledge check

Check your understanding

Answer all three questions, then review any topic that needs another look.

1. Where do you normally create a standard WordPress page?

2. What is a WordPress block?

3. What should happen before adding many plugins?

Complete all three questions, then check your answers.
Complete the lesson

Review, reflect and continue

Success criteria

  • The published page matches the planned audience and purpose.
  • Core blocks create a logical accessible content structure.
  • The page is reachable through the intended navigation.

Reflection prompt

Which parts were easier in the block editor than in hand-coded HTML, and which gave you less direct control?