Chapter 2. Set up a new website
Click on a section title to jump down the web-page:
B. Run the Initial Setup Guide
J. Create a website name and slogan
A. First log-in
1. When you log in to your new Wildfire website for the first time, a "Welcome" screen will appear.
2. Welcome to Wildfire screen and My account link
2. Click on the link My account at the upper right.
3. A screen will open showing basic details about your Wildfire account.
3. Wildfire account details
a) Click on the tab Edit at the upper left.
b) A new screen opens allowing you to edit your account details.
4. Edit your account details
(1) Enter your Current (temporary) password at the top.
(2) Verify or update your email address.
(3) Enter a new password of at least 8 characters.
(4) Confirm (re-enter) the new password.
(5) Verify or update your real name.
(6) Click on the button Save at the bottom.
4. Click on menu item Setup at the upper left corner of the screen.
5. You will return to the initial "Welcome" screen.
5. Welcome to Wildfire screen and Start button
B. Run the "Initial Setup Guide"
1. IMPORTANT: In a workshop, while all team members can participate in making decisions, only one team member should perform these steps on the website.
2. Click on the button Start to begin the "Initial Setup Guide".
This button may say Resume.
Some of the initial setup steps are required; others are optional and have a button to Skip this step.
All choices made in the "Initial Setup Guide" can later be changed.
C. Add Navigation Languages
1. You can review an explanation of Publication and Navigation Languages in Unit 01, Chapter 4, Section B.
2. Each Wildfire website is created with English as a Navigation Language. If you will not be using English on your website, ask your Digital Publishing Manager for help.
3. Add a language already in the Website Builder System.
a) Select the radio button Select language name from list.
b) Click on the drop-down menu and scroll through the list of languages already in the Wildfire system. (If your language is not listed, go to Step 4 below.)
(Note that languages are listed in alphabetical order by their native names. For example, German is listed as Deutsch, and Spanish is listed as Español.)
c) Select your desired language, then click on the button Add this language.
6. Select a language from drop-down list
d) It may take a few minutes for the system to import interface translations, then you will be returned to the "Add languages" screen.
A confirmation message appears at the top, and you will now see the new Navigation Language listed next to English. In addition, at the top right are new buttons for changing the interface language.
7. Confirmation that a new language was added
(1) Note that the number of “translation files” may be different for the language(s) that you add.
4. Add a language not currently in the Website Builder System.
a) Select the radio button Add a new language.
b) Fill in the 3-letter language code.
c) Write what this language is called in the language using the script in which the language is written.
d) Select if the language is written left-to-right or right-to-left.
e) Click on the button Add this language.
8. Add a new language not on the list
5. To add additional languages, repeat the appropriate steps above.
6. If you find that you have added a wrong language by mistake, you will be able to delete it at the next screen.
7. When finished, click on the button Save and continue at the bottom right.
D. Set default language
1. A chart appears listing all the Navigation Languages for your website.
9. Set default language
a) In the column labeled "Default language", select the first Navigation Language that you want the website visitor to see.
b) In most cases, this will be your Publication Language.
c) IMPORTANT: Select this language now, since you will have problems changing it later.
2. If you added a wrong language by mistake in the previous step, remove it here by clicking on the link delete on the appropriate row of the chart.
3. If you need to return to the screen "Add languages", use your browser’s Back button.
4. Click on the button Save and continue at the bottom right.
E. Sort languages
1. Another chart appears, allowing you to change the order of the Navigation Languages. This determines the position of the languages on certain working screens and in the language switcher buttons on the website.
10. Change the order of the Navigation Languages
2. To change the position of a language on the chart:
a) Move the mouse cursor over the four-pointed arrow to the left of that language name.
b) Click and hold, then move the cursor up or down to the desired position.
c) Release the click. A message appears, prompting you to save your changes.
3. When you have made all the desired changes in language order, click on the button Save and continue at the bottom right.
F. Choose a theme
1. The "Theme" screen appears. Scroll down the screen to examine the theme options. Each has a brief description and a sample view. Themes vary from each other in the following ways:
a) The placement and orientation of the menu on the website page (horizontal above the banner, horizontal beneath the banner, vertical on the left side of the website page, etc.)
b) Are the menu levels expanded or compacted?
c) Is a banner image supported?
d) Is a background image supported?
e) Is there a logo in the banner area?
f) Are the corners of page areas round or square?
g) Is the page background transparent or solid?
2. Decide on a theme, then click on the button Select and continue next to that theme.
11. Select a theme for the website
G. Choose a color scheme
1. Each theme has a default color scheme, as shown in the preview image on this screen. You may change the color scheme by selecting from the options.
(You may Skip this step by clicking on the button at the bottom right and come back to it later.)
12. Select a color scheme
a) Click on the drop-down menu.
b) Once the drop-down menu is open, you may use the up and down arrows on your computer’s keyboard to move the highlight bar among the color schemes.
c) Click on a color scheme or highlight it and press the Enter key. The preview image changes.
2. After making your selection, click on the button Save and continue at the bottom right.
H. Upload distinct fonts
1. You may require a specific (distinct) font for your language to display correctly on the website.
(You may Skip this step by clicking on the button at the bottom right and come back to it later.)
13. Browse on your computer to choose a font file
2. Click on the button Browse… or Choose file.
3. A new window opens which allows you to search for the font file on your computer.
14. Select font file on your computer
a) Select the desired file (allowed file types are .ttf and .woff).
b) Click on the button Open. The filename will appear next to the Browse… or Choose file button.
15. Font file ready to upload
c) Click on the button Upload. Your font will now be listed in the chart, and you will see a sample of it in the column labeled "Preview".
16. Preview of uploaded font
4. Click on the button Save and Continue at the bottom right.
I. Assign fonts
1. The default font for all Wildfire themes is called "Noto". You may change the font.
(You may Skip this step by clicking on the button at the bottom right and come back to it later.)
2. Several font choices are listed in the chart "Available fonts", including any distinct fonts that you uploaded on the previous screen.
a) Standard text: This is the "normal" text on web pages; it is the text in the language selector buttons; it is the text in the footer section; it is the text in the account and login/logout links; and it is the text used for the "breadcrumb" links.
17. Standard text in various locations
b) Header: This is the text for page titles; it is the text for the website title in the banner; and it is the text in the "Heading" category of the text editor.
18. Header text in various locations
3. Review the font options and make your selection for Standard Text.
a) Scroll through the list of fonts shown in the chart "Available fonts" to find the one you want.
b) Click on the drop-down menu Assign to… in the column "Operations" to assign this font.
c) Select Standard text.
19. Assign a font to Standard text
d) To save your choice and stay on this screen, click on the button Save at the bottom left. This allows you to try different fonts before moving off this screen.
e) Your choice appears in the preview chart at the top of the screen.
20. Font choices displayed
4. Repeat step 3 to select a font for Headers.
a) You may choose the same font for both Standard text and Headers, or you may choose different fonts for each.
5. Your language may need a distinct font to display text properly on your website. If so, you uploaded a distinct font in the previous step of the "Initial Setup Guide". Now let’s make sure text is displaying properly in that font.
a) Near the top of the "Font" screen, in the section titled "Preview", there is a field titled "Preview text".
21. Preview text on Font screen
b) The default Preview text is AaGg. This is repeated next to each font in both the "Preview" section and the larger font chart below.
22. Preview text appears on font charts
(1) The letters AaGg most likely will not adequately display the features of the distinct font that you have uploaded and selected for your website.
c) Type a longer text in the "Preview text" field, being sure to include characters that use the full features of your distinct font.
23. New preview text on font charts
d) The font charts will immediately show each font using the new preview text.
6. If you decide that you prefer the default theme font, simply click on the link Clear in the font preview chart.
7. When you have completed your font selections, click on the button Save and continue at the bottom right.
J. Create a website name and slogan
1. Enter a website name (title) in each of the Navigation Languages. This may be the domain name for your website, or it may be another name of your choice. The default name is the provisional name given to your website when it was created; you will want to change this.
(You may Skip this step by clicking on the button at the bottom right and come back to it later.)
24. Enter a website name in each Navigation Language
a) Leave the box checked next to Show website name at the top of website pages.
b) Type the website name in the appropriate field for each Navigation Language.
The website name should mean the same thing in all the Navigation Languages, translating the words as needed.
2. You may also display a website slogan. This is a short phrase that appears beneath the website name and tells visitors more about your website.
25. Enter a website slogan in each Navigation Language
a) Check the box next to Show website slogan at the top of website pages.
b) Type the slogan in the appropriate field for each Navigation Language.
The website slogan should mean the same thing in all the Navigation Languages, translating the words as needed.
3. Click on the button Save and continue at the bottom right.
K. End of Initial Setup Guide
1. You have now completed (or chosen to skip) all the steps in the Wildfire "Initial Setup Guide".
26. Confirmation message at end of Initial Setup Guide
2. You have three choices at this point.
a) You may go back through the entire "Initial Setup Guide" by clicking on the button Start again from the beginning. (This is rarely needed.)
b) You may move on to create website content by clicking on the button Save and go to Work with pages at the bottom right. (Normal option)
27. Move on to create website content
c) You may go back to a specific step of the 'Initial Setup Guide" by clicking on the title of that step written in blue text.
If you skipped a step while using the guide, the chart will show “Skipped” instead of “Completed”.
28. Return to a skipped step
3. After clicking on the button Save and go to Work with pages, you will arrive at the website "Overview" screen.
29. Website overview screen
a) You will see that the topmost, black bar now has various menu items; that is the Wildfire Menu. We will learn about that in Chapter 6.
This video for the module above is taken from the Wildfire Tutorial Video series.