How to add a sponsor

Add a sponsor section

Pages - All pages

Step 1

On the Hacking Health dashboard (http://hacking-health.org/wp-admin/), go to Pages > All Pages.
You can search your page using the search tool in the right corner.

Note : You can also click on Pages to access the list of all the pages.

Other option to edit your page

If you are logged in, you can go on the website to your page, and click Edit Page in the toolbar (at the top of the browser) to edit your page in the dashboard.

Backend editor

Step 2

Make sure you are in the editing mode of the “visual composer” tool:

  • If you see “Classic Mode” on the blue button, (in the top, below the title), you’re in the right place.
  • If you see “Backend Editor” on the blue button, click on it to go to the “visual composer” tool.

Step 3

To add the sponsors section, click on the Templates icon at the top of the page and click Sponsors.
The section will appear at the end of the page.

Note: it could take a few seconds.

Templates icons

Templates list

To move the section, take the “cross arrow” icon and drag and drop the section to the desired location.

Move section

By default, the section contains a row of three columns.

You can change the number of columns by clicking on the column icon, and choose the number of columns you want.

Colomns icon

Colomns

Step 4

Add an image.

You will be able to insert the image and the link of the sponsor by clicking on the “+” icon in the middle of the column, and adding the element “image”.

With this tool, you will be able to uoload an image, by clicking on the “+” of the Image Source box.

Upload Image

Click on the Upload Files tab to download the photo.

Set image sponsor

Once downloaded, enter an alternative text in the Alt Text box, which will be the name of the sponsor.
This text will be displayed on the site if the image does not appear, and will help SEO (search engine optimisation).

Click on Set image when done.

It is also in this box that you can add a link to the image.
In the dropdown menu Open Link In, choose Open in new window/tab.

Click on Save changes.

Note on the sponsor’s image

  • Width: 720px.
  • Height: depends on the logo
  • Resolution: 72 ppi (pixels per inch)
  • File type: PNG or JPG

A smaller size could create a blurred image on some screens.
Too much resolution will slow down the display of the site.

If you need another row, you can clone the column by clicking on the “clone” icon.
(The two-page icon.)

Duplicate

Edit a sponsor

Edit image

To edit a sponsor, click on the “pen” icon. Available when you mouse over the sponsor.

Valérie DoréHow to add a sponsor