Creating Website with Hubzilla: 2. Creating pages

Creating pages

In the Webpages app, click "Create". This will present you with an editing dialog:

Screenshot of Webpages editing dialog

It's similar to the way you create standard posts with a few additional options.

The "Page content type" option lets you pick the way you want to write your page on the code level:

Choosing the page content type

If you select BBCode here, you will be able to use all the same tools you get when you write a regular post - formatting text, BBCode auto completion, adding links and images, etc. If you choose anything else, you will have to code everything by hand, including getting the image links from your photo albums. So for most use cases, BBCode is probably the best choice. There is one issue, though, that came up a day or two before I started working on this wiki. At the point of writing this, it doesn't seem to be possible to use relative links in BBCode. See this discussion (just ignore the bickering). If you want to clone your channel with all its web pages, and you're linking to other pages or photos on your channel, this might become important, especially if you're moving off the old location completely.

The "Page layout" at this point is empty. You would have to create some layouts first in order to select one here, but more on that later.

The next field, where it says "home" on my first screenshot, will be the URL of your page. All pages are located under page, so this one, which I'm creating under the Demo Channel I set up for this wiki, will be located at https://hubzilla.lazyteddy.eu/page/demowebsite/home . This field should contain no spaces or special characters, conforming with the standards for URLs. In the next field you can give it a more descriptive title, which will be displayed at the top of you page.

Finally, add some content.

Adding content to our website

At the bottom of the editor, no matter whether you chose BBCode, Markdown, or HTML (I don't anything about Comanche, so I'm not going there in this tutorial) there is a preview button, a lock icon, and the share button - again, everything already known from regular posts.

Clicking on "Share" is going to give you a very basic page with no sidebars, only the top bar:

Screenshot of basic page