Chapter 5. The Wildfire Menu – Advanced actions

Click on a section title to jump down the web-page:

A.         Setup – Home page

B.         Setup – Downloads

C.         Work with media – Media library

D.         Work with media – Add media item

E.          Work with media – Files

F.          Work with media – Other media

G.         Style your website – Website logo

H.         Style your website – Shortcut icon

I.         Style your website – Background

J.          Style your website – Banner

K.          Style your website – Website name & slogan

L.         Style your website – Font

M.          Style your website – EU cookie popup

N.        Edit language settings


A. Setup – Home page

You may select any page on your website to be the home page – the first page that visitors see when they arrive at your website.

It is customary for this page to have a page title like Home or Welcome.

As you create and maintain your website, you may decide to change which page is the home page. For example, you have created a page highlighting an upcoming event in your community, and you want that page to be the first that visitors see.

1. If the page does not already have the title Home, change the page title.

a) If another page is currently titled Home, first change that page title to something else.

b) Change the page title of the new home page to Home (or whatever you have decided to call your home page).

2. Move the new home page to the top of the Overview chart.

This ensures that it will be listed at the expected location on the website menu (left-most position on horizontal menus; top-most position on vertical menus).

3. Designate the new home page.

a) On the Wildfire menu, click on menu item Setup, then click on sub-menu item Home page.

59. Wildfire menu - Setup - Home page

b) Click on the drop-down menu, which initially reads - Please choose -.

c) Select the page you wish to use as the website Home page.

d) Click on the button Save.

Return to top...

B. Setup – Downloads

For security reasons, you may want to obscure the actual names of the files that visitors can download from your website.

1. On the Wildfire menu, click on menu item Setup, then click on sub-menu item Downloads.

60. Wildfire menu - Setup - Downloads

2. Click on the drop-down menu that appears on the screen.

3. Select the option for Higher security.

4. Click on the button Save.

Return to top...

C. Work with media – Media library

The Media Library lists the audio and video items that have been uploaded and processed for use on your website. You are familiar with this part of the Website Builder System from Unit 02.

61. Wildfire Menu – Work with media – Media library

1. The listing for each media item has links to perform three actions:

a) View – shows a preview of the website with the media item displayed

62. Preview of media item on website

b) Edit – opens the detail screen for the media item

Here you can modify several details about the media item.

63. Detail screen for media item

(1) Change the public title of the item in any of the Navigation Languages.

(2) Add or modify the Scripture reference (if applicable).

Some media items present, in audio or video form, a specific part of the Bible. (For example, a section of the Jesus film covers certain chapters of the book of Luke.) Here you can register such a Scripture reference.

64. Add or modify Scripture reference for media item

(a) Click to open the drop-down menu Book and select the correct book of the Bible.

(b) Click to open the left drop-down menu Chapter and select the beginning chapter number.

(c) Click to open the left drop-down menu Verse and select the beginning verse number.

(d) Click to open the right drop-down menu Chapter and select the ending chapter number.

(e) Click to open the right drop-down menu Verse and select the ending verse number.

(3) Add download conditions (only applies to Jesus and Magdalena videos).

(4) Add or change a poster image (if desired).

A poster image helps identify a media item and adds interest to a website page.

65. Add or change poster image for media item

(a) Click on the button Browse… or Choose file.

(b) A pop-up window opens showing your computer’s file system.

(c) Browse and choose one image file (allowed file types are png, gif, jpg, jpeg).

(d) Click on the button Open at the lower right of the pop-up window.

(e) Your file is now listed next to the Browse… or Choose file button.

(f) Click on the button Upload.

(g) The poster image will be displayed on the detail screen.

(5) After making any changes, click on the button Save at the bottom of the screen.

c) Delete – removes the media item from the Media Library

2. If your Media Library contains many items, filter the contents to more easily find what you are looking for.

a) Click on the link Filter results at the top left of the chart of media items.

66. Media library – Filter results

b) The filter section of the screen opens.

67. Filter section of Media library screen

c) Fill in or select filter criteria.

d) Click on the button Apply.

e) The Media Library chart will list those items that match the filter criteria.

f) To clear the filter criteria, click on the button Reset.

g) To close the filter section of the screen, click on the link Filter results.

Return to top...

D. Work with media – Add media item

When adding new media items (audio or video), you may find that you have files that are too large for the upload module (seen in Unit 2, Chapter 6, Sections B and C).

There is an alternate way to upload large media files and add them to your Media Library.

Note: These instructions work for either audio or video files. The screenshots in this section will show the process for audio files as an example.

1. Upload the media files first into your website’s file directory.

a) If needed, follow the instructions later in this chapter (Section E, step 3).

2. On the Wildfire menu, click on menu item Work with media, then click on sub-menu item Add media item.

68. Wildfire menu – Work with media – Add media item

3. Click on either Audio or Video, according to the files you are processing.

4. At the next screen, a drop-down menu asks for the source of the file(s) you want to add.

69. Select source of files to add

a) Leave the pre-selected option of Audio upload or Video upload.

b) Click on the button Continue.

5. At the next screen, you will see a link titled Previously uploaded files.

Note: This link will not appear if you have not already uploaded files with specified audio or video formats to the file directory (Section E, step 3).

70. Link to select Previously uploaded files

a) Click on this link.

b) A list appears of the files previously uploaded to the file directory.

71. Audio files previously uploaded

c) Click on the checkbox next to the files you wish to add to the Media Library.

d) Click on the button Continue at the bottom of the screen.

6. Complete the rest of the process as detailed in Unit 2, Chapter 6, Sections B and C.

7. After processing such files into the Media Library, they will no longer appear in the file directory.

Return to top...

E. Work with media – Files

This is the file directory for all files uploaded to the website that are not in the Media Library. It is similar in appearance and function to a file directory on a computer.

If you have added files to your website for download (Chapter 2, Section E), they will appear in this directory.

As you create special pages for your website (Chapters 6-10), the image and PDF files that you upload for those pages will appear in this directory in their own folders.

72. Wildfire Menu – Work with media – Files

1. The icon bar at the top of the file directory contains icons for many familiar functions.

73. Icon bar for file directory

a) Highlighting a few functions that are especially useful:

(1) Create a new folder.

74. Icon for creating new folder

(2) Upload files from your computer.

75. Icon for uploading files to website

(3) Delete files.

76. Icon for deleting files from website

(4) Rename files - give them a more visitor-friendly name.

77. Icon for renaming files

(5) Resize and rotate images.

78. Icon for resizing and rotating images

(a) In the file directory, click on an image to select it.

(b) Click on the "Resize and rotate" icon.

(c) A working box appears with various functions for changing the image.

79. Change image working box

(d) Use the function tabs at upper right to select the desired action.

2. Alternate access to file functions

a) Several file functions are available by right-clicking over a file icon or file name.

b) A pop-up menu appears:

80. Pop-up menu of file functions

3. Upload large media files

The upload module built into the process to Add media item (audio or video) (seen in Unit 2, Chapter 6, Sections B and C) does not handle large file sizes well.

You may upload large media files here in the file directory, then process them separately into the Media Library.

Note: These instructions work for either audio or video files. This section will show the process for audio files as an example.

a) At the root level of the file directory (Public Files), create a directory named Audio.

(1) Click on the title Public Files at the top of the folder tree in the left panel of the file directory.

81. Public Files folder in file directory

(2) Click on the icon in the tool bar for New folder (indicated by the arrow in the image above).

(3) A new folder appears, with the name NewFolder highlighted in yellow.

(4) Type the folder name Audio and press the Enter key.

(5) A new folder named Audio appears under the folder Public Files.

82. New folder Audio

b) Click on the folder Audio in the left panel of the file directory.

83. Select Audio folder to upload files

c) Click on the icon in the tool bar to Upload files (indicated by the arrow in the image above).

d) A working box opens, providing different ways to choose files to upload.

84. Working box to upload files

(1) Click on the button Select files.

e) A file browser window opens showing your computer’s file system.

(Depending on your computer settings, you may see your files in either list mode or icon mode.)

(1) Choose one or more files (allowed audio file types are .wav, .mp3; allowed video file types are .mp4, .avi, .3gg, .mpeg, .mpg, .m4v, .wmv, .mov, .3gp, .flv, .rm, .ram, .swf, .dat).

(2) Click on the button Open.

f) A small pop-up box shows the progress of the upload.

85. Progress of large file upload

g) Once the upload completes, the files are listed in the Audio folder.

h) Go back to Section D of this chapter for instructions on adding large media files to the Media Library.

Return to top...

F. Work with media – Other media

All audio and video files should be added to the Media Library. In that process, you are prompted to write a title for each media item in each of the website navigation languages.

In certain cases, it is desirable to write a title in each navigation language for items that are not audio or video. For example, you may create a list of files to download, and that list may include PDF files, EXE or APK files, images, etc.

Here is where you can assign titles to such files in each of the navigation languages.

1. On the Wildfire menu, click on menu item Work with media, then click on sub-menu item Other media.

2. The screen Other media appears.

86. Wildfire menu – Work with media – Other media

All website files that are not in the Media Library appear on the chart.

3. Find the file you wish to work with. (The filter above the chart may be helpful.)

4. On the same row as the file name, click on the small link Edit at the far right.

5. At the next screen, write a public title for the item in each navigation language.

87. Public titles for item not in Media Library

6. You may also assign a scripture reference, if applicable.

7. Click on the button Save.

Return to top...

G. Style your website – Website logo

On themes which allow for it, the website logo appears in the banner area of the website.

88. Website logo in banner area

Important note when changing the website theme: If you previously selected a website logo and you change the website theme, you will need to reselect a website logo. Your previous selection is not automatically carried over to the new theme.

89. Wildfire Menu - Style your website - Website logo

1. Image requirements:

a) The logo image should measure 120 pixels wide X 70 pixels high.

b) Accepted file types: .jpg, .jpeg, .png

2. Click on the drop-down menu which currently reads Sample image (do not use on real websites!). Do not leave the sample image selected; it is only meant to be a place holder.

3. If you do not wish to use a website logo at all, click on the item No logo.

4. If you wish to use a website logo, you have two options:

a) Option 1: Click on the line Upload a new image.

90. Upload new logo image

(1) Click on the button Browse… or Choose file.

(2) A window will pop up, allowing you to search on your computer for the image you desire.

91. Select logo image from your computer files

(3) Select the image, then click on the button Open. The filename you have chosen now appears next to the Browse… or Choose file button.

b) Option 2: Under the line Choose an already uploaded file, select an image from the list.

5. Click on the button Save at the bottom of the screen.

Return to top...

H. Style your website – Shortcut icon

The shortcut icon (also known as the favicon) appears on the browser tab for the website. It is a design element which uniquely identifies your website among other tabs which are open in a visitor’s browser.

92. Examples of shortcut icons on browser tabs

Note: This is an advanced action which must be enabled by your Implementation Manager. If not enabled, you will not see the sub-menu item Shortcut icon.

93. Wildfire Menu – Style your website – Shortcut icon

1. Image requirements:

a) The shortcut image should measure 32 pixels wide X 32 pixels high.

b) Accepted file types: .ico, .png

2. Click on the drop-down menu which currently reads Use default image provided by this theme.

3. If you do not wish to use a shortcut icon at all, click on the item No shortcut icon.

4. If you wish to use a shortcut icon, you have three options:

a) Option 1: Leave the selection set as Use default image provided by this theme.

b) Option 2: Click on the line Upload a new image.

94. Upload new shortcut icon

(1) Click on the button Browse… or Choose file.

(2) A window will pop up, allowing you to search on your computer for the image you desire.

Note: A favicon is a very small image (max. 32 pixels X 32 pixels), usually with the file suffix .ico and a very small file size (around 1 KB).

95. Select shortcut icon from your computer files

(3) Select the image, then click on the button Open. The filename you have chosen now appears next to the Browse… or Choose file button.

c) Option 3: Under the line Choose an already uploaded file, select an image from the list.

5. Click on the button Save at the bottom of the screen.

6. Click on View website in the Wildfire menu and verify that the shortcut icon displays in the browser tab.

Return to top...

I. Style your website – Background

(Note that this submenu item does not appear if the theme you have chosen does not support a background image.)

On themes which allow for it, the background image appears on either side of the content panel of the website.

On a theme with a transparent banner area, the background image appears in the banner area.

An image for the website background should ideally measure 1200 pixels wide X 1000 pixels high and have a file size of around 100 KB.

Important note when changing the website theme: If you previously selected a background image and you change the website theme, you will need to reselect a background image. Your previous selection is not automatically carried over to the new theme.

96. Background image on sides and in banner area

1. If the theme you have selected supports a background image, your Wildfire sub-menu will show a link to select or change this image.

97. Wildfire menu - Style your website - Background

2. Click on the upper drop-down menu, which currently reads – Use standard theme background –.

3. Click on the line – Upload a new image –.

98. Upload a new background image

a) Click on the button Browse… or Choose file.

99. Browse to find background image

b) A window will pop up, allowing you to search the files on your computer for the image you desire.

100. Computer file directory - list mode

c) Select the image you wish to use (allowed formats are .jpg, .jpeg, .png).

d) Click on the button Open. The filename you have chosen now appears next to the Browse… or Choose file button.

101. File selected for background image

4. Choose how you want the background image to be displayed.

102. Choose how background image is displayed

a) In the drop-down menu labeled Display background image, select from the following choices:

(1) Fixed: fit to screen – The image will be stretched both horizontally and vertically to fit the screen ratio used by the website visitor. Some mild distortion may occur.

(2) Fit to width of screen – The image will fill the width of the screen, and the original aspect ratio of the image will be maintained. This may create colored bars at the top and bottom of the image.

(3) Repeat horizontally and vertically – This option should be used only for very small images where a tiled effect is desired.

5. Click on the button Save at the bottom.

Return to top...

J. Style your website – Banner

(Note that this submenu item does not appear if the theme you have chosen does not support a banner image.)

An image for the banner area should ideally measure 1200 pixels wide X 400 pixels high.

Important note when changing the website theme: If you previously selected a banner image and you change the website theme, you will need to reselect the banner image (if supported in the new theme). Your previous selection is not automatically carried over to the new theme.

103. Wildfire Menu – Style your website – Banner

1. Click on the drop-down menu which currently reads No image.

2. If you wish to use a banner image, you have two options:

a) Option 1: Click on the line Upload a new image.

104. Upload new banner image

(1) Click on the button Browse… or Choose file.

(2) A window will pop up, allowing you to search on your computer for the image you desire.

105. Select banner image from your computer files

(3) Select the image, then click on the button Open. The filename you have chosen now appears next to the Browse… or Choose file button.

b) Option 2: Under the line Choose an already uploaded file, select an image from the list.

3. Click on the button Save at the bottom of the screen.

You will be shown a preview of the website with the banner image inserted.

Return to top...

K. Style your website – Website name & slogan

1. In the Initial Setup Guide, you created a website name (Unit 02, Chapter 2, Section J).

2. As you refine your website design, you may decide that you do not want this website name to be shown in the banner area.

3. In the Wildfire menu, click on Style your website, then click on Website name & slogan.

4. Deselect the check box titled Show website name at the top of website pages (click on the checkmark with a blue background, and it will disappear, leaving an unchecked box).

5. Even if you do not choose to show it, it is important to have a website name in each Navigation Language.

a) It is used to identify the website for Search Engine Optimization.

b) If there is no website name, the browser tab may show the default text “[no title defined]”, which simply looks unprofessional.

Return to top...

L. Style your website – Font

1. For your Wildfire website, font selection may be set as language-specific. This is helpful if one or more of your Navigation Languages needs to be displayed in a distinct font.

If you need this ability for your website, please notify your Implementation Manager. Then follow these instructions.

a) Open the Font screen from the Wildfire menu by clicking on Style your website, then clicking on Font.

b) Scroll all the way to the bottom of the Font screen, then click on the link Advanced settings just above the button Save at bottom left.

106. Advanced settings link on Font screen

c) The screen section expands, and the text indicates that the current font selection is language-neutral.

107. Expand Advanced setting on Font screen

d) Click on the button Make font selection language-specific.

e) The browser display jumps back to the top of the Font screen, where it now shows an expanded Preview area with rows on the chart for Standard text and Headers in each Navigation Language.

108. Preview area with language-specific rows for Standard text and Headers

f) To change a font, scroll down to the font selection chart.

(1) The drop-down menu Assign to… on each row of the font chart now includes a listing for Standard Text and Headers in each Navigation Language.

109. Expanded options for font selection

(2) If desired, you may choose a different font for each type of text in each Navigation Language.

(3) Each time you select a font, scroll down to the bottom of the screen and click on the button Save. This refreshes the font selection chart and allows you to assign the same font to different languages, if you so desire.

g) When you have finalized your font selections, scroll down to the bottom of the screen and click on the button Save.

Return to top...

M. Style your website – EU cookie popup

1. In the Wildfire menu, click on Style your website, then click on EU cookie popup.

110. Wildfire menu – Style your website – EU cookie popup

2. In the top section, fill in all of the fields with an appropriate phrase in each Navigation Language.

3. In the bottom section, click on each language tab in turn and provide a translation of the banner message in each Navigation Language.

Return to top...

N. Edit language settings

1. On the Wildfire menu, click on menu item Website languages, then click on sub-menu item Add/modify languages.

111. Wildfire Menu – Website languages – Add/modify languages

2. The screen Add/modify languages appears.

112. Add/modify languages screen

3. Click on the link edit on the line for the language you wish to modify.

4. The screen Edit language appears. There are two settings of interest.

a) Specify the direction in which the language is written and displayed.

(1) Scroll down the screen to the section titled Direction.

113. Select language direction

(2) Select the appropriate direction.

b) Select the fallback language.

(1) Scroll down to the section titled Language fallback.

114. Select language fallback

(2) Click to open the drop-down list.

(3) Click on the desired fallback language.

(4) Note: Only Navigation Languages for this website are listed.

c) After making any changes, click on the button Save language at the bottom of the screen.

5. You will return to the screen Add/modify languages.

Return to top...