Skip to main content

Smallsite Design

Online site usage help

1. Common page elements

Except for the main content, all Smallsite Design pages share the same elements.

Top of the pageβ–³

The top of a page is the first part of page seen, so it contains significant information about the page and its context.

The areas of the top matter of a Smallsite Design page are:
Top of a sample Smallsite Design pageabcdef
where:
#AreaDescription
aBannerSubsite banner, meant for branding information to be seen across all articles. Locales and other subsites can use all, part or none of the main subsite's banner
bArticle headerContains the article headline and optional byline
cIntroductionParagraph giving an idea of what the page is about
dSubsite navigation barVarious links for navigating around the subsites
eCategory navigation barLinks to the Categories page, the Category page for the current category, and the previous and next pages in a numerically ordered category. Only shown for an article page in a non-default category
fArticle navigation barLinks to sections of the article, if any

Article headers scale with the width of the page, so their elements stay in the same spatial relationship to each other and won't suddenly wrap around at narrow widths.

The links on the subsite navigation bar are:
#LinkTarget
1β™Ώ ☐Accessibility: Toggles display of link underlines and non-justification of text for the remainder of the session
2HomeHome page of the subsite if not on it
3OptionalUp to four significant internal or external links for pages that visitors may want to fast-track to
4CategoriesCategories page, unless all categories for the subsite are already in the Optional links
5SubsitesSubsites page that lists all the subsites
6SubsiteTo the named subsite, unless it is the current one
7LinksLinks section of page

The accessibility checkbox, like all checkboxes in Smallsite Design, includes a label that can also be clicked to change the checkbox state in addition to clicking on the checkbox itself.

Article footerβ–³

The article footer contains related links and meta-data about the article.

The items found in the article footer are:
Sample article footerabcde
where:
#AreaDescription
aCategory navigationLinks to the named previous and next articles for a numerically ordered category
bRelated articlesLinks to related articles and categories from the site. Those for an article appear first, followed by those for its subsite
cFootnotesList of footnotes for the article, if any
dPage meta-dataVarious contextual information about the page
eRelated sitesLinks to related pages from external sites. Those for an article appear first, followed by those for its subsite
The various items of meta-data about the page are:
#ItemDescription
1CopyrightFull name of the copyright holder, optionally as a link to their website if different from the current one
2RegistrationType:ID. Optional registration information, such as a business license number
3AuthorAuthor of the current page if different from the copyright holder, as a link to their website if available
4RightsWhat rights the copyright owner holds over their content of the site, optionally as a link to a document describing the rights. Note that copyrights for the Smallsite Design framework itself are separate from the site owner's
5CreatedDate the article created, or the current date for anything else, followed by the approximate elapsed time since then
6UpdatedDate of the viewed release of the article, followed by the approximate elapsed time since then
7LocaleCurrent locale, with a link to the Locales subsection of the page if more than one locale
8Keyboard shortcutsLink to the Keyboard shortcuts section of this page

This section contains various links and functional blocks.

The subsections of the Links section are:
#NameDescription
1Latest articlesLinks to the up to three latest articles in the current subsite, latest first
2Site linksGroups of links for:
Custom subsite – optional utility articles providing subsite information
Subsite-specific – Contact, Glossary and Policies, if they exist and are enabled
Other – Categories, Feed and Site map
3SearchText entry for searching the site. Results will be displayed in the Search page. Click the Exact checkbox to search for the exact phrase
4LocalesList of links to locale-specific versions of the page. Only shown if more than one locale

While search engines profess to scan the web, Google will typically completely ignore 70-90% of a website, except for the most popular. This can be checked by searching for the domain name for a site prefixed with site:. This should list all pages that have not been blocked from being searched, but doesn't. Bing is better at only 50-60% ignored. Smallsite Design's search facility will show all pages that include all the search words, ordered by those with most numerous occurrences first.

Smallsite Design opens external sites in another browser window/tab to facilitate visitors not losing their current place on the site.

Links can have a HTML target attribute that specifies where a page is opened. If the attribute doesn't exist, the target page replaces the current page, which is normally fine as that is what visitors would expect. However, there are some situations where that would unduly interrupt the reading flow.

The situations where Smallsite Design will open link targets in another window/tab are:

  1. a.The target is an external site, such as for Related sites or an inline link in an article (ext).
  2. b.The Search page as a result of typing into the Text field of the Search section at the bottom of any public site page (sea).
  3. c.Management help pages, by clicking on a πŸ›ˆ (doc).
  4. d.The link in the Headline/Heading row of the Details section of the Article head/Category page for an article/category (_blank).

Normally, such links have a target attribute of _blank which opens another window/tab. If done often, this can result in a plethora of windows/tabs that can be rather inconvenient to close. To minimise the number, each type of link has a common target name – as in the () at the end of the list items – resulting in all but the last type replacing previous pages for the same type.

The potential downside of this is that if a login to manage the site is done at a page that was opened as one of the common target types, that management session will be replaced if a link to a page of the same target-type is clicked in another window/tab. Therefore, always log in from a new window/tab.

Keyboard shortcutsβ–³

There are a few keyboard shortcuts available within Smallsite Design.

The keyboard shortcuts available are:
#PageKeyDescription
aAny*Toggles whether links are underlined and paragraphs are non-justified to help the visually impaired
bAny!Sets the focus to the page headline as a way of bypassing the navigation bars
cAny?Opens the online help page for the current page
dNon-home=Opens the home page for the current subsite. For management pages, it will be for the main subsite
eAny public\Opens the login page
fWork list\Opens the last non-Work list management page accessed
gNon-Work list\Opens the Work list page
hManagement~Safely refreshes the current management page
iArticle body _ Toggle whether the locations of hover buttons are indicated by an underline (_). The hover button is shown when hovering a few millimetres above the underline. Click|touch that few millimetres above the underline to directly select the element
jArticle body#Toggle whether the hover buttons of all the children of the current element are displayed. Deletable children will have a starting checkbox in their hover button
kArticle body@Jump to the element block of the current element being edited
lArticle body&Go to the spikes table if shown

Which keys need to be pressed and held while pressing the shortcut key will depend upon the browser and operating system used. The Alt/Option key is always required, but the Shift key may be required if it is used in normal typing to get the shortcut key. Firefox always requires the Shift key.


External sites open in a new tab or window. Visit them at your own risk.
This site doesn't store cookies or other files on your device, but external sites might.
Manage         Help   Powered by: Smallsite Design ©Patanjali Sokaris         art-a  3  0  2021-11-26-09-15-12