These instructions have nine chapters. If you are building a new site, read them in order, and then come back to a single page whenever you need it.
The nine chapters
- Introduction. This chapter explains what Webal Blocks is, what is in Free and Pro, and which words are used in these instructions.
- Requirements. This chapter lists what your web host, Joomla, database, template and visitors' browsers need.
- Installation. This chapter shows you how to install, check, update and remove Webal Blocks.
- First setup. This chapter describes the Webal Blocks screens in the administrator area and the settings you should look at first.
- Navigation. This chapter covers the navigation bar, Menu profiles, mega menus and the other menu layouts.
- Building a page. This chapter has one page for each module, set out in the order a typical web page reads: header, hero, intro, services, proof, content, offers, contact and footer.
- Site-wide features. This chapter covers the things that affect the whole site, such as dark styles, privacy and several languages.
- Help. This chapter gives fixes for common problems, questions with answers, and the limits that come from Joomla.
- Webal Layouts. This chapter shows you how to design the layout of the pages between the header and the footer with the layout editor: rows, columns, sidebars, the error page and the offline page.
Finding your way
- The list on the left holds every chapter and page, and the page you are on is marked. On a phone or in a narrow window, the list opens from a button instead.
- The search box above the list looks through all of the pages for the words you type.
- At the bottom of a page, the links Previous and Next take you to the page before it and the page after it in the same chapter.
- The switch in the top bar changes the instructions between a light look and a dark look.
How a page is set out
Every module page follows the same pattern. First it says what the module does, when to use it, and whether it is in Free or Pro. Then it shows how to add the module to a page, followed by the settings, tab by tab. After that come the result, notes on accessibility, notes for sites in more than one language, tips and related pages.
Steps
Steps are numbered, so you do one step and then move on to the next. Words in bold are the exact words that you see on screen, such as Save & Close. Names that you type, and file names, are shown in a different type, like user.css. When a step needs a reason, the reason follows in a few words.
Pictures and clips
Many pages show the screen in a picture, and short clips show a task from start to finish. Each clip has its steps written out beside it, so you can follow in text if you prefer.
Notes
Notes stand out from the rest of the text, and each one begins with a short label:
- Tip. This is a way to make the job easier.
- Accessibility. This says what the page does for people who use a keyboard or a screen reader, and what you must do yourself.
- Other languages. This says what you need to know when your site has more than one language.
- For your web host. These boxes use technical words meant for your web host, so you can skip them or pass them on.
Words you may not know
Joomla and the web have many special words. Each page explains a word the first time that it is used, and the page Words used in these instructions lists them all.