https://yourwebsiteaddress/admin Log in using your email address and password
NOTE that posting pages (blogs, articles, news, events, etc) can be done quickly and easily, without any management knowledge. Get the simple steps here.
Alternatively, or additionally, you might wish to add columns or a custom layout with Templates.
Flightdec page layout options.
The general default page setup is 4. Main Page and 5. Right Column. However you might wish content to be displayed across more of the page.
Extra Content: Stretches across the whole top width of thescreen - approx 1400x400 @72dpi
Top Content: Stretches across the site width at the top - approx 1170x400 @72dpi
Bottom Content: Stretches across the bottom of site width, or entire screen width, depending on how it has been coded - approx 1400x400 or 1170x400 @72dpi
Main content: The large main area uses the wider area to the left of a right column - approx 800px max wide @72dpi
Right hand panel/Custom page 1: The area in the right of the page - approx 370px max wide @72dpi
Finding pages
There are a number of ways to find pages:
Under the top menu 'Page Tools'. Click on Page Tools to reveal a dropdown menu (Take a few moments to have a look at other items in the other menu dropdowns.) or;
On the left hand menu click on 'Page List', or;
On the left hand menu click on 'Dashboard'. See the last 5 pages created or edited or use the search box, or;
From within another page use the 'Quick Pages List'. Top right hand side.
1. On the left hand menu click on “Create / Edit Pages”
2. Under create a new page
Page Basics: Fill in the details
Page Name: Make this a unique name in your website (no two the same). It becomes part of the page address (URL) which can be used to find the page and to create links to it.
If the name is changed anything linked to it will be broken and an error message will be displayed.
Do not make page headings using icons which may corrupt the page URL e.g. %#@
Read about odd symbols in your urls
The url is taken from the Page Name (not to be confused with the Display Name)
Macrons
https://ttoh.iwi.nz/kaum%C4%81tua the %C4%81 is code for the macron above the ā.
You can still refer clients to https://ttoh.iwi.nz/kaumātua and they will get to that page.
When linking to the page you can still use kaumātua
Solution: Do not use macrons or any other symbols other than 0-9 and a-z in Page Names
However it is ok to see them in Display names which show in the menu.
Spaces
https://ttoh.iwi.nz/Whanake%20Te%20Kurathe %20 is code for a space.
You can still refer clients to https://ttoh.iwi.nz/Whanake Te Kuraand they will get to that page.
Alternative solution:
Under Page Basics / Page Name:Tick to add hyphens (between words).
This will show in the url as https://ttoh.iwi.nz/Whanake-Te-Kura which is easier to see.
However you WONT be able to refer a client to https://ttoh.iwi.nz/Whanake Te Kura as it's now got hyphens instead of spaces.
Display Name: The name that will be displayed in the menu.
Activate the Page: Turn the page off or on.
3. Save Page
4. In the text editor, type in your content and insert images.
Go: to the menu directly above the text editor and click onto the tab called Paragraph or Header 1-6, Div Element or Blockquote.
Select the Heading Level you want. SAVE
Note: These are predesigned Heading Levels that will help make your site look professional as they will keep your site looking consistent. If you need size or colour change to these Headers please contact Flightdec Help. A change in these Headers will result in a change throughout the site.
To change the size of the headers and paragraph
Highlight the text you want to change.
Go: to the menu directly above the text editor, click the tab that has a px size on it
To make it smaller, select the 0.95em size and smaller, larger select 1.1em and above. SAVE
Note: These changes will not result in a change throughout the site, only to the highlighted text. These sizes don't change the line height so may not be good for large areas of text.
To change text align left, right, centered or justified
Highlight the text you want to change.
Go: to the menu directly above the text editor and click onto the "Format tab", it's the one before the Paragraph/Header 1-6/Div Element/Blockquote tab.
Go: Alignment, select the attribute you want. SAVE
Note: Use Block/image when you want the text to wrap around an image.
To change text to have buttons, background colours, rules and no spacing above or below etc
Highlight the text you want to change.
Go: to the menu directly above the text editor and click onto the "Format tab", it's the one before the Paragraph/Header 1-6/Div Element/Blockquote tab.
Go: General Site, select the attribute you want. SAVE
Note: Contact Flightdec Help if you want a change or more attributes added.
From other websites Preferably use Chrome as your browser.
On the website, with your cursor, highlight the text to be copied. Copy it: ctrl-c (PC), command-c (MAC).
Go back to your website admin and edit the page you want to paste the text on: ctrl-v (PC), command-v (MAC).
In your text editor, highlight the new text and strip the formatting by using the "Clear formatting icon" (Tx), then reformat it. SAVE
From Word documents Please don't copy and paste direct from msword. It thinks it knows HTML and adds a heap of junk code, you will get better results copying and pasting into a plain text editor (like notepad) and then into your websites editor or using the 'edit' -> 'paste as plain text' function, then ctrl-v/command-c.
Linking images and text to other pages in your website.
Select the page to edit.
Highlight the image or text you want a link on.
Click on the ‘Insert/edit link icon’ (looks like a chain) add in page name you want to link to. eg: /home
Change ‘Target’ to ‘blank’ so that it doesn’t open a new window on your browser.
Click OK SAVE PAGE
Linking images and text to other websites
Go to the website you want to link to.
Highlight the website url (address). Copy it. (pc: control c) (mac:command c)
Go to your website administration and find the page where the image or text is, you want linked.
Highlight the image or text you want a ‘link’ on.
Click on the ‘Insert/edit link icon’ (looks like a chain).
Paste (pc: control v)(mac:command v) the website url you want to link to in the box to the right of the word url.
Change ‘Open link in...’ from Current window to 'New window’ so that the website opens in a new window in the users browser and doesn’t close your website.
6. Click OKSAVE PAGE
Use this website https://bitly.com/to convert your page URL/link to a shorter version if you need to put it on a printed document.
Linking emails address' and phone numbers
Highlight the email address or text you want to add the email link to.
Click on the ‘Insert/edit link icon’ (looks like a chain) add in the url space: mailto:theemailaddress or tel:+numernospaces
Click OK SAVE PAGE
On the font end of the site if the user clicks onto the link it should take them directly to their email programme with the email address.
In the text editor on the page you want your pdf on: highlight the text or image you want the pdf attached to.
Go to the insert/edit link (Chain icon) in your menu. Click onto the ‘upward arrow icon’ to the right of the url field.
Find your pdf or other document.
If not there, create a folder called "pdfs"
Add and Upload your pdf, or if already uploaded select your pdf or other document. Select OK
A pdf icon may or may not appear. Let Flightdec admin know what your would prefer.
To add and link a ppt so that viewer can download it
In the text editor on the page you want your ppt on: highlight the text you want the ppt attached to. For example " Download and view the Powerpoint Template here"
Go to the insert/edit link (Chain icon) in your menu. Click onto the ‘upward arrow icon’ to the right of the url field.
Find your ppt. If not there, Create a folder called "ppt"
Add and Upload your ppt, or if already uploaded select your ppt. Select OK
A ppt icon may or may not appear. Let Flightdec admin know what your would prefer.
Link individual items (text or images) to other items on the same page or other pages within the website
Place an anchor (Flag Icon) at the beginning of the text or image you want to go to. (the item that the link will find).
Name that anchor.
Go back to the text or image that you want the anchor to be linked to and highlight it.
Click on the ‘Insert/edit link icon’ (looks like a chain) add in “#your anchor name” you want to link to. Remember to puta # in front of the anchor name in this box.
‘Target’ should be ‘blank’ so that it doesn’t open a new window on your browser.
A hover (change of state) on an image or text indicates that there is an active link on that item and the user can click onto it to get more information.
A gallery is one of the simplest ways of presenting a number of images on your website. When a user clicks on the thumbnail/preview image, that picture opens up in a larger format as the website fades in the background. The user can then scroll through the images in a slideshow format or go back to the preview screen. The Gallery module will automatically create the preview images.
Place your cursor into the text editing area where you want your audio clip to appear.
Upload the audio by clicking the icon 'Insert/edit media' (in menu above the text editor, looks like a a play arrow).
Click onto the icon to the right of the source window (looks like an upload arrow).
Open or create a new folder as needed. Name the folder 'Audios'.
Select ‘Upload’ (top left hand icon, up arrow). Add files or Drag & Drop files or click in the area displayed (modern browsers) and select the file(s). Start Upload. When the upload is complete, click the ‘Return to files list’ button.
Select the audio clip to place onto the page. Click OK.
Your audio should appear on the page. SAVE
Or if your audio has been published on YouTube you maybe able to link it in the same way a video is done. Click here for instructions.