MODX: Adding Banners & Buttons
Splash Banners
On the Home Page of your website we encourage you to add at least one large Splash Banner image to grab the attention of your website visitors. You can also add these Splash Banners on normal website pages as well if you like, although we think they work best on the Home Page.
You can add up to four individual splash banners that will animate across and it is easy to swap these around and link them to important areas of your website whenever you wish.
Each Splash Banner should be 860 pixels wide and 305 pixels tall at 72 pixels to the inch; first upload them to your images folder (see Images, Graphics and Identity) and you can add them by navigating to your Home Page->Template Variables->Pages Settings and ‘Add Item’ on the Splash Banner section; navigate to your images folder and select the banner. Repeat for each banner if you intend to use more than one. You can switch the Splash Banner and Splash Buttons on or off by checking or unchecking the checkboxes at the start of the Page Settings tab.
Splash Buttons
Underneath the Splash Banner you can add three Splash Buttons which should be used to highlight the three most important Actions you wish visitors to take. You can edit and amend these Buttons by clicking on ‘Add Item’ under the Splash Buttons section or you can edit existing Buttons by right clicking the displayed graphics.
This will open up the Item editing box where you can specify the Title which is the text that appears underneath the button, the Link which can either be a page ID in double square brackets or a direct URL link for external pages. You can select the image by double clicking on the link and pasting the image path in or clicking on the double arrows to navigate to the correct image using the image browser.
Available Splash Buttons
We have pre-created a number of splash buttons, each of which are 420 pixels wide and 139 pixels tall such as this Sign Up graphic;
A new angled version for Volunteer, Donate, Join and Sign Up are available here:
Volunteer
Donate
Join
Sign Up
Volunteer
Donate
Join
Sign Up
All MODX guides were written by volunteers, and haven't been updated in several years. If you spot any errors use the thumbs down icon below to leave feedback.
Related Articles
MODX: An Introduction
Why Have A Website? Every Local Green Party should have a website visible to the local community if they are active and fighting elections. As an active local party your website can be a useful campaigning tool to let members and supporters know what ...MODX: Editing Your Homepage
Each part of your website can be easily amended and configured from the Manager Page. The front page of you website brings together most of the key elements of your website — and each relevant section is simply described below. Website Address Your ...MODX: Adding & Managing News Stories
The news page for your website displays a date ordered list of all of the news stories that you create. As well as displaying on your news page the top four or five stories also appear on the Home Page of your website. Each story is displayed with a ...MODX: Managing Footer Links
You can manage the links you find at the footer of every page from your Home Page. If you navigate to Home Page->Template Variables->All Site Settings you can amend the four columns of links such as this example from Stroud Green Party. Where you ...MODX: Creating & Managing Pages
You can create a new page from the Document Tree. To create a page in the top directory simply right-click on your website name. This will display a series of options which you can rollover to select. (Some options will only appear if you are an ...