Adding Custom Banner Images

This section explains how to add custom banner images to Presence
Builder’s image library, and make them available for selection in the
editor.

Suppose, you have an image file with the name jungle.jpg, and you
want to add it to the editor. Do the following:

1. Resize the image to 960 pixels in width and 250 pixels in height.
   Convert the image to PNG format, and save it as header.png.

2. Create a copy of header.png, resize it to 200 pixels in width,
   and 57 pixels in height. Save it as preview.png.

3. Connect over Remote Desktop to the hosting server.

4. Change to the directory %plesk_dir%sbhtdocsheaders, and
   create a subdirectory with the banner name. For example,
   %plesk_dir%sbhtdocsheadersjungle_01.

5. Upload the header.png and preview.png files that you prepared
   to the directory %plesk_dir%sbhtdocsheadersjungle_01.

6. Change to the directory %plesk_dir%sbresources. It should
   contain the file customHeaders.xml.

   If the file is missing, create it and insert the following lines into
   it:

   <?xml version="1.0" encoding="utf-8"?>
   <headers>
       <header id="jungle_01">
       </header>
   </headers>
   

   If the file is present, add the following <header> node to it:

   <header id="jungle_01">
   </header>
   

7. Add keywords for the image.

   Keywords are used for the following purposes:

   • Binding of images to website topics. When a new site is
     created based on a website topic, the editor searches for banner
     images that may be relevant to the topic, and adds one of…