Omnira Omnira documentation
Thank you for choosing Omnira: 30 demos, 1,094 pages and 58 section types on HTML5, Bootstrap 5 and SCSS. This guide assumes no coding experience.
No tools neededI just want to edit the HTMLChange text and images in the finished files and upload them.
RecommendedI want to change many pages at onceUse the source files and one command to rebuild every page.
Looking for a quick answer? Try the recipes (step-by-step answers to common tasks) or troubleshooting, or press / to search.
Getting started#
What’s in the downloadThe three folders in the zip and what each one is for.Quick start: HTML filesEdit the finished pages in any text editor, no tools needed.Quick start: source filesInstall Node.js once, then change many pages at once and rebuild.Publishing your siteUpload to cPanel, FTP, Netlify or GitHub Pages and set your home page.
Customise#
Name, logo and contact detailsYour business name, logo, favicon, phone, email, address and social links.Colours and fontsChange a demo's palette, fonts, corner rounding and the colour switcher schemes.Header and menuMenu links, dropdowns, top bar, the header button and header styles.FooterFooter style, link columns, newsletter box, copyright and credit.FormsMake contact, booking, quote and newsletter forms send real messages.Maps and videoShow your location on a map and play YouTube or Vimeo videos.SEO and analyticsPage titles, descriptions, share images, analytics and other tracking code.Demo and colour switchersThe Demos tab and palette button, and how to remove them from your site.
Content#
Pages and sectionsHow a page file works; add, remove, reorder and restyle sections; create a new page.Data and detail pagesShared records in data.json, automatic detail pages and cards that link to them.ImagesReplace the placeholders with your photos; sizes, formats and where files go.
Editing HTML#
Reference#
Settings referenceEvery setting in site.json, demo.json and page files, in one place.JavaScript featuresThe interactive features and the HTML attributes that switch them on.Styles (SCSS)How the styles are organised and where to add your own.CommandsEvery npm command and what it produces.Section referenceAll 58 sections with options and examples.Demo guidesPages, data and colours for each of the 30 demos.
Recipes#
Help#
TroubleshootingFixes for the problems people run into most often.FAQQuick answers about requirements, licensing, images, browsers and more.Credits and licencesThird-party assets used by the template and their licences.LicenceWhat your licence lets you do, in plain English.ChangelogWhat changed in each version.SupportWhat support covers and how to get help quickly.