This document explains how to edit various aspects of the Exiles website.
Pages, Events, News, Media
Most of the content on the site is either a PAGE, an EVENT, NEWS, or MEDIA.
Events are exactly that: things that are happening. These are the most common items to update on the site. Events that occur regularly are created as a recurring event, and are all the same except for the date, like programs, orientations, and business meetings. When you have specifics about an instance of an event, you “detach” it from the recurring event, and it becomes just a standalone event, and you can provide details. Events are assigned Categories so that we can treat different kinds of events differently. You can add/modify event categories by selecting Event Categories in the Event menu.
The Past Programs page is a list of all of the events of type Program.
Upcoming events automatically appear on the home page and the Future Events page.
A page contains either content and/or a list of events. The way to know the difference is if the content changes dynamically. For instance, the Past Programs page changes every time a program is in the past, while the Membership page is just content. The home page is a collection of lists. The next month’s program showing on the home page is a list of exactly one element.
News items are special. They appear on the home page in the upper right. They stay there until manually removed. Removing a category is done by changing it from News to OldNews.
Any file that you want accessible on the site is of type Media. This includes images, PDFs, or any other file.
How to Create a New Event
Go to Events > add event. Fill out the event title and description in the main fields. Event date and time go into fields to the right. The Event location goes into a field lower down. Just start typing the name of the location in the Location Name field and it will come up if it is a saved location.
Below the Location fields is the Excerpt field. All events should have a excerpt. Program events can also have a featured image, preferably 200px tall. When a program is coming up, the excerpt will show on the home page, and there will be a “more…” link to the full description of the event.
Be sure to choose a category for the event from the sidebar menu. This is important to make sure that designated events show up on the front page. Hit publish and you are good to go.
Programs are just events with the category of Program and Future Program. To make it appear correctly in the Past Programs list, also include the category for the year of the program. To add a picture, add a Featured Image (lower right). Ideal size is 300×200. If what you upload is too big, you can go to Add Featured Image (or Edit) and edit it from there, to scale it down.
In order to make sure the program shows up in the Past Programs list, be sure you select the correct program year under Event Categories. For instance, if the program is in 2020, select “program2020”.
To control what’s on the first page, include a summarized version in the “Excerpt” field.
To show the standard program footer, include this global content block:
[\\contentblock id=program-footer] (in the “Text” view of the edit window, without the “\\”)
Before the first program of a year, you need to create a new section on the Past Programs page. Create it at the top, with the current year. Copy the query from the past year. Then change the category number to match the Event Category for that year. For instance, the Event Category for 2019 is 45. You can find the numbers on the Event Categories page, under Events.
Uploading Files (Media)
All files are uploaded to the Media Library. That includes pdfs, docs, excel files and zip files as well as images. To upload media go to Media > Add New. Drag and drop files to upload them.
For images only upload jpgs, gifs and pngs. Do not upload images bigger than 1mb. Images will be automatically resized into a couple of different sizes.
There are a variety of header background images in the Media Library. To give an image the website “look” edit it in Photoshop. Use Adjustments > Hue/Saturation.
Select Colorize, then Hue: 210, Saturation:15, reduce the lightness as much as needed to look right. If you are going to use the image as a background for the header section it should be in the range of -50 to-70. The header background is 1140px X277px.
To add a page, create the page by selecting Pages > Add New. To add that page to the menu, go to Appearance > Menus.
Main Site Header
How to change the header background image
Find the url of the image you want by clicking on it in the Media section.
Edit style.css in Appearance > editor. Find the .site-header CSS and replace the background-image url, being careful not to disturb the rest of the code. It looks like this.
padding: 48px 48px;
How to change the tag-line or logo.
Go to Appearance > Customize. Tag-line is in Site Identity. Logo is in Header Image.
Main Section Front page
To change what shows up in each section
Go to Appearance, Widgets, then click Customize.
To edit the content of an event–edit the content of the event listing itself, found in Events. To remove or re-order content, remove or re-order the widgets in Appearance > Widgets.
Program listing: Edit the Event Manager widget called Events, found in Appearance > Widgets > Home-top Left.
To add or delete “(program starts at 8)” to the listing, the code in the box in the Events Widget looks like this:
Simply insert or delete the code in red to comment out or show the line.
Statement: To change the statement on the front page, go to Appearance > Widgets > Home Top > Text.
Orientation listing: To change format, parameters or information edit the Event Manager widget called Events-Orientation, found in Appearance > Widgets > Home-Bottom Left.
Business Meeting listing: To change format, parameters or information edit the Event Manager widget called Events-Business Meeting, found in Appearance > Widgets > Home-Bottom Left.
Connect with the Exiles section: To edit, edit page called Widget-Connect with the Exiles.
To change format, parameters or information included in the full events list in the right column, edit the Event Manager widget, found in Appearance > Widgets > Home-Bottom Right.
To add a news item to the sidebar–create a new post and assign it the “News” category. The News section is automatically populated with posts in the “News” category. To take down an outdated news post, just change it’s category to “Old News.”
To add a read more link, put your cursor where you want the break and click the more icon or the more button, depending if you are in visual editing or text editing mode. The more and the link will be inserted automatically.
To make widgets in the sidebar appear or not appear on pages–change the visibility settings of each widget in Appearance > Widgets > Primary Sidebar.
In order to not have the sidebar on a page, when you are editing the page, scroll down, below the text area, to “layout settings.” Choose the far right option.
To add a new item to the sidebar–create a new page. Call it Widget-Your-Page-Name. Add whatever content you want to appear. Go to Appearance > Widgets. Drag a Genesis-Featured Page widget from the left-hand column to the Primary Sidebar box, and place it where you want it to appear in relation to the other Featured Pages. Open your new Featured Page widget and type in the title you want to appear. Choose your page from the drop down menu. Check the Show Page Content check-box. Select Visibility to control which pages the sidebar content will appear on.
To create a button that looks like the Click to Renew button, make a link and then wrap it in a div with the class renewbutton. Here is what the code looks like:
Photo galleries are found in the “Gallery by Supsystic” plug-in, accessible on the bottom of the left nav. To embed a photo gallery in a page (as you see in our Photo Gallery page), use this code:
“supsystic-gallery id=’1”’ (replace the double quotes with left and right square brackets)
Membership Renewal Pages
The page containing the initial form is “Renewal”, whose permalink is http://theexiles.org/renewal-pg1/.
The form itself is the contact form called “Renew2015”. Where it goes to is under “Additional Settings”, currently at http://www.marilynj.com/Private/ex_mem/start.html. (Need to work on getting this onto the Exiles site, not Marilyn’s personal site.)
In start.html, to manually prorate, change the amounts in the text, and change the corresponding amount in code, in this line for each membership type: “document.getElementById(“bar”).value=”14″;”
In end_paypal.html, to manually prorate, change the amounts in the text, and change the corresponding “value=” line below Additional and Supporting numbers. Also, later in the code, the Supporting amount needs to change also, and then the 2 numbers in the total cost calculation.
Physical Location of our files
You can access files that are part of the website back end using the cPanel. The login name is exilessf. You go to FTP to see everything. The location of the files we are currently using is public_html/new/wp-content/themes/lifestyle-pro.
There are a few other sites that support the Exiles’ web presence:
This folder contains the form and the responses spreadsheet. It needs to be updated on a regular basis as events pass and new events are added.
EMail forwarding and other stuff
All of the email addresses at theexiles.org are forwarders, meaning that they are not real email boxes, but just forward to email addresses. You access these using the cPanel, which is available by logging in to http://www.linksys.com. The login name is exilessf. Click on Forwarders.
Google Maps (for event locations)
In order to show locations of our events, Google Maps requires that we use something called an API Key. We have one registered to email@example.com, which we got through this page. Our key is:
This is entered onto our site under Events / Settings / Google Maps.
The key can be managed through this interface (once logged in as exilessf):
In order to make the maps work, the associated APIs must be enabled. These can be seen here: