...

1. Request and obtain the necessary information from the client

2. Create a new instance of VIVO

3. Create a theme named for the client in the client’s VIVO instance.  Set the theme as the default in Site Information

4. Use Site Admin -> Site Information to provide additional site information

5. Copy the custom footer to the client’s theme.  The custom footer is attached to this page.  See the link in the instructions below.

6. Edit the footer to supply the client’s contact email address for support

7. Copy the custom style sheet to the client’s theme.   The custom stylesheet is attached to this page.  See the link in the instructions below.

8. Modify the style sheet with the client’s colors and logo

9. Build VIVO, restart Tomcat, verify theming

10. Archive footer and style sheet when theming is complete

...

Copy the custom footer to the client’s theme

Copy the custom footer to vivo/installer/webapp/target/vivo/themes/client-theme-name/templates/footer.ftl

Edit the footer to supply the client’s contact email

...

address

Note: The contact email address is used twice.  Once in Site Information (see above) and once here in footer.ftl

...

Copy the custom stylesheet to the client’s theme

Copy the custom stylesheet to vivo/installer/webapp/target/vivo/themes/client-theme-name/css/wilma.css

...

1. Copy the client’s logo to the client’s them theme directory, images sub folder

2. Find In wilma.css, find and replace APO-LOGO-SMALL.png withthe with the client’s logo file name

3. Find and replace all #EFEBE2 to the client’s background/border color

4. Find and replace all all #076D8B to the client’s headings color

5. Save the changes as wilma.css in the client’s theme css sub folder

...

1. Is the site info correct?

2. Is the logo correct at the top of every pagepages?

3. Is the client’s light color in place for the page background/border?

4. Are the headings the client’s headings color?

5. Does the footer contain the client’s info?

If the answer to any of the questions is no, repeat the step in which the information was supplied to VIVO.

When all the answers are completeyes, theming is complete.  There’s one more step.

Archive the client’s footer.ftl and wilma.css

Put these in a safe place.  In the event that the client’s VIVO needs to be rebuilt, a theme  can be created, site info re-added, and these files placed in the client’s theme templates and css folders respectively to rapidly rebuild the themed site.