Greg Chapman
Text & Links

Tagging Content is a Straight Forward Task

Entering Text

All text in an HTML document needs to be tagged to to describe its function. The theme you choose in WonderCMS then determines how this will appear, it's font, size, colour, etc.

Headings and Paragraphs

The most common tags for text are headings and paragraphs. Heading tags have six variations to allow for a number of level of sub-heading, so your document could look something like that below, where just three levels of heading are used and a number of paragraphs:

Document Title


An introduction to the topic


A Sub-heading


A first thought.


A further thought


Another Sub-heading


One Concern


About that concern


Another Concern


About the second concern


Conclsion


Summary of the document

Lists

Another very common structure in a document is a list. HTML tags allow for three varieties. Note that while you can use these three structures in your site the GregCuston theme has no special styling for them and they will be styled according to defaults for indentation and space between items of the browser that the visitor is using.

Ordered Lists

Used where order is important, such as describing the steps in a process to be executed. The items in such lists are numbered by default. Many will want to construct ordered lists that contain sub-lists. Because the site does not contain any such lists there is no styling for them in the GregCustom theme. If correct numbering presents a problem for you, then either post a message on the WonderCMS Forum or Contact Me. There are various options possible, such as styling rules that can make the sub-list show a second number separated with the dot or a letter following the item number.

    
  
  1. Item 1
    2. 
  
  2. Item 2
    
      
      
    1. Item 2.1
      2. 
      
    2. Item 2.2
      3. 
    
    
  
    3. 
  
  3. Item 3
    4. 
  
  4. Item 4
    5.

Unordered Lists

Used where order is not important, such as a holiday packing list. By default items are shown with a bullet, which can be of a different shape in a sub-list. The list items are tagged in the same way as with an ordered list but instead are wrapped in "ul" tags.

    
    
  • Item 1
    • 
    
  • Footwear
      
      
        
    • Socks
      • 
        
    • Shoes
      • 
      
       
    
    • 
    
  • Item 3
    • 
    
  • Item 3
    •

Definition Lists

This is used to hold a set of terms" followed by their "definitions". The structure uses the following tags: Typically, the terms are displayed in a biiger bolder font than the definitions which are indented.


  
Term

  
Definition

  
Term

  
Definition

The GregCustom theme uses this structure on the home page where it lists the various components of my Mastodon Account header image and styling exists in the GregCustom theme to produce the result seen there.

Links

To turn some text into a link to another page you wrap the text in an "a", or anchor, tag. It must include an HTML Reference (href="") attribute which specifies the page to which the link sends you:

Link Text

If your site includes a number of levels of sub-pages then the easiest way to determine the correct file reference is to visit the page. For example, if you visit the "Choice of Theme" page on this site you will see the URL is:

https://gregchapman.uk/wondercms/themes/the-choice

While, for links whose target is within the site, you can enter that full address as the HTML Reference (href=""), the first part is unnecessary. I would recommend that you delete your equivalent of the "https://gregchapman.uk" part once you paste it leaving the remainder. Make sure you retain the initial slash in what is left.

It's not just text that can be a make a link. Images can be links as well. Just wrap a pair of anchor tags around the image tag. There is more about that on the Audiovisual Page.