Interactive roadmap

    WordPress roadmap

    Designed for complete beginners who want to build and manage their own professional websites without needing to write complex code from scratch.

    Your progress0% · 0 of 17 topics
    Done Learning Skipped OptionalClick any topic to learn more and mark your progress.
    1. 1

      Setting Up Your Site

      0 of 4 done

      Get your hosting sorted and install WordPress to start building.

      Take your time with these initial foundation steps; getting your hosting and domain right makes everything else much easier.
    2. 2

      Themes And The Editor

      0 of 4 done

      Design beautiful pages using layouts and the built-in block editor.

      Experiment freely with different blocks to see how flexible the editor can be for your layout ideas.
    3. 3

      Adding Plugins

      0 of 3 done

      Extend what your website can do by installing helpful add-ons.

      Only install plugins you genuinely need; keeping your plugin list lean keeps your site fast and secure.
    4. 4

      SEO, Performance, And Security

      0 of 3 done

      Keep your site fast, safe, and easy to find on search engines.

      Make regular backups part of your weekly routine so you always have a safe restore point ready.
    5. 5

      Custom Themes And Plugins

      0 of 3 done

      Write your own code to build custom features and unique designs.

      Always test code changes on a staging site first so you never break your live public pages.

    Learn it all, with a tutor that never sleeps

    Every topic links to LevelUp lessons, practice exercises and the 24/7 AI Tutor. Your progress updates as you master lessons.

    Every topic explained

    Step 1: Setting Up Your Site

    Pick a reliable company to store your website files so visitors can access them online.
    Read more

    Web hosting is essentially renting a small piece of digital server space where all your website files and images live. When someone types your web address into their browser, the hosting server fetches those files and displays your site.

    Think of it like renting a shop unit on the high street. You need a reliable landlord so your shop stays open 24 hours a day without unexpected closures.

    Choosing a good host matters because it directly affects how fast your pages load and whether your site stays online reliably for your visitors.

    • Hosting stores your website files on a server
    • Reliable hosts keep your site online 24 hours a day
    • Good hosting improves your website loading speed
    Run the quick setup process to get your content management system up and running.
    Read more

    Installing WordPress is the process of setting up the content management software on your chosen web hosting account. Most modern hosting companies provide a simple one-click installer to get this done in minutes.

    Imagine unpacking a flat-pack desk and putting the main frame together before adding drawers or decorations. The installer builds the empty framework.

    This step matters because it creates the foundation upon which you will build every page, post, and feature of your future website.

    • Most hosts offer a simple one-click WordPress installer
    • The process takes just a few minutes to complete
    • It creates the operational foundation for your website
    WordPress Documentation
    Learn your way around the main control panel where you will manage everything.
    Read more

    The dashboard is the central administrative control panel you see when you log into your backend as the site owner. From here, you can manage content, install designs, and adjust settings.

    Think of it like the cockpit of an aeroplane, where all the dials and switches give you total control over the vehicle.

    Learning your way around this menu is vital because you will spend most of your time here creating and updating your website.

    • The dashboard is your central administrative control area
    • Left-hand menus let you access posts, pages, and settings
    • You must log in securely with your administrator credentials
    (optional)
    Set your site title, time zone, and friendly web address structure.
    Read more

    Configuring basic settings involves telling WordPress your site title, time zone, and how your web addresses should look to visitors. These foundational details keep your site organised.

    Think of it like filling in the official title deeds and setting the correct clocks when you move into a brand new house.

    Getting this right ensures your pages have clean, readable URLs, which makes a big difference for your human visitors and search engines alike.

    • Set a clear site title and tag line
    • Choose clean permalink structures for readable URLs
    • Match your correct local time zone for publishing

    Step 2: Themes And The Editor

    Build your pages by adding paragraphs, images, and buttons as individual building blocks.
    Read more

    The block editor lets you build pages by stacking individual content elements, such as paragraphs, images, headings, and buttons. Each element sits in its own modular container.

    Think of it like building with toy Lego bricks, where you snap different coloured blocks together to form a larger finished structure.

    This approach matters because it allows you to design modern, attractive layouts without needing to touch complex computer code.

    • Pages are built using separate content blocks
    • Blocks can include text, images, buttons, and galleries
    • You can easily move blocks up and down the page
    Understand the difference between static website pages and timely blog articles.
    Read more

    Pages are static, timeless sections of your website like your home page, about page, and contact page. Posts are timely articles meant for a blog feed, organised by categories and dates.

    Think of pages as the permanent rooms inside a museum building, and posts as the daily newspaper bulletins handed out at the door.

    Knowing the difference helps you structure your navigation menus properly so users can find timeless information versus fresh updates.

    • Pages are permanent and sit outside the blog feed
    • Posts are timely articles organised by date and categories
    • Both use the same block editor for content creation
    Select and apply a visual template that changes how your website looks to visitors.
    Read more

    A theme is a design template that controls the overall visual appearance, typography, and colour scheme of your entire website. You can swap themes to completely transform how your site looks.

    Think of it like changing the wallpaper and furniture style inside your living room without altering the walls themselves.

    Selecting a clean, fast theme matters because it impacts your site loading speed and how professional your brand appears to visitors.

    • Themes control the visual styling of your website
    • You can preview and switch themes from the dashboard
    • Choose lightweight themes for better performance
    (optional)
    Customise your header, footer, and templates using block-based design tools.
    Read more

    Full site editing lets you use blocks to design global elements like your header, footer, and page templates directly, rather than relying on old theme settings.

    Think of it like being able to redesign the architectural layout of every room in your house using modular partition walls.

    This capability matters because it gives you total creative freedom over every single pixel of your website layout.

    • Edit global headers and footers with blocks
    • Modify site-wide templates without coding knowledge
    • Create consistent layouts across your entire website

    Step 3: Adding Plugins

    Learn how small software add-ons bring new features like contact forms and shops to your site.
    Read more

    Plugins are software packages you can upload to your site to add brand new features and functionality, ranging from contact forms to online shops.

    Think of them like downloading smartphone apps to add tools like a calculator or a camera filter to your mobile device.

    Understanding plugins is crucial because they let you scale your website capabilities way beyond basic pages without hiring a software developer.

    • Plugins add new features to your WordPress site
    • They cover functions like forms, shops, and security
    • Thousands of free and paid options exist
    Search, install, and update plugins safely to keep your site running smoothly.
    Read more

    Installing and managing plugins involves searching for add-ons within your dashboard, activating them, and keeping them updated regularly for safety.

    Think of it like updating the apps on your phone to patch security bugs and get new features.

    Managing your plugins properly matters because outdated or poorly coded add-ons can break your site or invite malicious hackers in.

    • Search and install plugins directly from your dashboard
    • Always update plugins promptly when patches arrive
    • Delete unused plugins to reduce security risks
    (optional)
    Discover the most important types of add-ons every new website usually needs.
    Read more

    Essential plugin types are the core categories of software that almost every website needs, including search engine optimisation tools, caching plugins, and backup managers.

    Think of it like fitting smoke alarms, locks, and a toolkit when you move into any new building.

    Knowing these essentials helps you build a robust, secure, and discoverable website from day one.

    • SEO plugins help improve your search visibility
    • Caching plugins make your web pages load much faster
    • Backup plugins protect your content against data loss

    Step 4: SEO, Performance, And Security

    Use simple tweaks and tools to help people find your website on Google.
    Read more

    Search engine optimisation involves structuring your content and titles properly so search engines like Google understand your pages and show them to users.

    Think of it like arranging library books with clear spine labels so the librarian can find and recommend them quickly.

    Basic SEO matters because it helps organic visitors find your website without you having to pay for advertising.

    • Use descriptive titles and headings on every page
    • Write helpful meta descriptions for search results
    • Ensure your site content answers user questions
    Compress images and use caching so your pages load quickly for everyone.
    Read more

    Site performance tuning involves compressing large images, enabling browser caching, and using fast hosting so pages appear instantly for visitors.

    Think of it like packing light for a journey so you can travel quickly without heavy luggage slowing you down.

    Speed matters because impatient visitors will leave your site immediately if pages take more than a few seconds to load.

    • Compress large images before uploading them
    • Use caching to serve pre-rendered page copies
    • Fast loading speeds improve visitor retention
    Protect your website from hackers with strong passwords and regular backups.
    Read more

    Site security covers the protective measures you take to prevent unauthorised access, including strong passwords, limited login attempts, and automated backups.

    Think of it like locking your front door and keeping spare keys in a secure safety deposit box.

    Security is essential to protect your hard work from malicious attacks, data theft, and sudden website crashes.

    • Always use strong, unique administrator passwords
    • Keep WordPress core, themes, and plugins updated
    • Set up automated regular website backups

    Step 5: Custom Themes And Plugins

    Safely make design changes to an existing theme without losing them when the theme updates.
    Read more

    A child theme inherits the look and functionality of a parent theme, allowing you to make safe code customizations without losing your work during parent updates.

    Think of it like putting custom seat covers and steering wheel wraps in a leased car without altering the original engine.

    Child themes matter because standard theme updates would otherwise overwrite any direct tweaks you make to the design files.

    • Child themes inherit parent theme styling safely
    • Custom edits are preserved when parent themes update
    • Requires a simple stylesheet and functions file
    Write basic PHP code to add custom functionality tailored specifically to your needs.
    Read more

    Writing a simple custom plugin involves creating a small PHP file with a plugin header comment so you can add bespoke features without relying on third-party code.

    Think of it like sewing a custom pocket onto the inside of your jacket for a specific item you carry.

    This skill matters because it gives you absolute control over custom functionality that standard plugins do not offer.

    • Custom plugins run independent of your active theme
    • Built using basic PHP code and header comments
    • Keeps your custom code organised and portable
    (optional)
    Use WordPress hooks to safely run your custom code at the exact right moment.
    Read more

    Actions and filters are WordPress hooks that let your custom code interact with core processes at specific moments without rewriting core system files.

    Think of it like electrical power sockets placed around a room where you can plug in appliances whenever you need them.

    Using hooks properly is vital for clean WordPress development because it prevents conflicts and keeps your code upgrade-safe.

    • Actions let you run custom functions at specific events
    • Filters let you modify data before it displays
    • Hooks prevent the need to edit core WordPress files

    Related roadmaps