Documentation

Introduction

The CARICOM IMPACS site deployed by Goldan Web Solutions is developed and designed with the WordPress Content Management Software. A variety of additional plugins to the WordPress framework were used to aid in the design and to obtain the required functionality. The website is uses the WordPress theme Pogon. 

Pages

We have designed and populated a vast number of pages based on the information provided and as requested. Each page can be easily edited and updated. The following list contains a few of the pages that we design and deployed for the site.

Plugins

The following are a few noteworthy plugins and excerpts from their developers which include the basics on how to get started with the plugins and it’s features.

Elementor

Was used to design and most of the internal informative pages.
  1. On the top left side of the WordPress dashboard, click Pages > Add New
  2. Click Edit with Elementor to enter Elementor Website Builder
add new page
  1. WordPress 5.0+ (Gutenberg) Compatibility. Use the ‘Edit with Elementor’ button within GutenbergWordPress 5.0+ (Gutenberg) Compatibility

Important: Can’t edit with Elementor? click here for help


Elementor Panels Overview
Elementor Panels Overview

The Events Calendar

This plugin was used to manage and display information about online conference sessions. The plugin allows the following features:

 

  • Rapidly create events
  • Saved venues & organizers
  • Calendar month view with tooltips
  • Event List view
  • Day view
  • Block Editor support
  • Event search
  • Google maps
  • Widget: Upcoming events list
  • Events Taxonomies (Categories & Tags)
  • Google Calendar and iCal exporting
  • WP REST API endpoints
  • Completely ajaxified for super smooth browsing
  • Completely responsive from mobile to tablet to desktop
  • Tested on the major theme frameworks such as Avada, Divi, Enfold, Genesis, and many more.
  • Increase your SEO with JSON-LD Structured Data
  • Internationalized & translated
  • Multiple stylesheets to improve integration
  • Extensive template tags for customization
  • Hooks & filters galore
  • Caching support
  • Debug mode for developers

Creating Events

Once you’ve installed and activated The Events Calendar, you’re going to want to create some events.

This is actually really easy. Let’s start in the WordPress dashboard – you should be able to find a menu entry called Events and, if you click on it, you should see the Add New link.

Showing the Add New item within the Events menu

Once you’ve found it, go ahead and click on it! This should bring you to the event editor.

The event editor hopefully won’t contain too many surprises: it is intentionally almost identical – at least on first glance – to the regular page and post editor used by WordPress itself.

Just as with a page or post, you can add a title and description to your event. The expected controls for saving it as a draft or publishing it are present, too:

Screenshot showing the event editor in action

So, if you’re familiar with WordPress, you should feel right at home.


Event Time


Of course, events have specific bits of information associated with them that most pages and posts don’t require – start and end dates, for instance, not to mention venues and organizers.

Fields to set all of these things can be found below the description editor, in an area called the events meta box:

Extra event options found in the event editor

Let’s look at each of the settings in this area in turn. First, the date and time fields.

  • The Start/End – this is simply when the event starts and finishes. Clicking into either date field will pop up a date picker, where you may select your desired dates from a calendar. Event start and end times may be selected from a drop-down menu, or you may enter your dates and times manually if you prefer. If you already checked the All Day Event box you will not be able to specify a time for your event
  • The All Day Event checkbox is useful when the event is taking place on a particular date (or dates) – but you don’t really know when, or else feel that it is good enough to say it takes place “all day” without being more specific

The above covers creating a singular, non-recurring event that is not part of a series. If you need help creating a PRO recurring event using the Event Series option, you’ll want to read through our walkthrough tutorial on recurring events.

Event Venue

Event location (venue) section of the event data meta box

If this is your first time using The Events Calendar, you’ll see this list of fields for creating your first event venue. If you’ve created a venue for a previous event, you’ll have the option of selecting an existing venue from a drop-down menu (you may also type into the search box to narrow your options). Entering a new venue name and selecting the Create option from the menu options will display the new venue form fields below, allowing you to create a new venue for your event.

Drop-down menu in event location (venue) section for selecting existing venue

It’s also worth noting that you don’t need to create (or use) a venue. If you prefer not to specify a venue, simply move on to the next section.

Provide a name for the venue and any optional address details – if you like – a contact phone number and website. The last two checkboxes control whether a map should be shown to visitors and/or a link to a map should be displayed.

? If your event is happening a little off the beaten path and there isn’t a mappable address, you can use latitude and longitude instead. To do this, leave the venue without an address. After you’ve created the event, go to Events > Venues and edit the Venue in question. You’ll see an option there for adding coordinates.?

Once you’re happy with the event’s venue you can move on to the next section: the organizer details.
Organizers
Rather like the venue details, you can select any pre-existing organizer details that you have already entered. Also – just as with the venue details – this area is completely optional.

KB - new event organizer

You do not need to provide organizer details and, if you do, you need only provide as much information as you want to. With The Events Calendar 3.11+, you can add multiple organizers to an event. Keep in mind that if you opt for multiple organizers, any organizer meta (like the phone number or email) will not show on the frontend- only the organizer names will be listed. If you have Events Calendar PRO, the listed names will link to the associated Organizer Page.

Event Website

The next section in the New Event Admin lets you (again, optionally) provide an event website:

Event website field within the event meta box

This is particularly useful if you are showcasing events organized by external organizations and they have a dedicated event website.


Event Cost

Cost fields in the event editor

Once again you can pass on by and leave these alone if you like. If you don’t provide a cost, then no cost details will be shown to visitors. If the event is actually free then simply provide a cost of 0 (zero).

Do also note that, in the interests of being as internationally friendly as possible, you are able to make a currency symbol display either before or after the actual amount.

Depending on what is installed within your WordPress site you may see additional fields and settings in this area – particularly if you have purchased and activated one of our awesome ticketing plugins – but the above fields constitute the basic settings used to define an event.

If Event Tickets or Eventbrite Tickets is installed and active, it will hide The Events Calendar’s default Event Cost field on the wp-admin Add/Edit Event page (and the Community Events Add/Edit Event form, if activated).

For our premium plugins, please refer to our extension: Display the Event Cost Field When Ticket Plugins are Installed to reveal the Event Cost field.
Taxonomies
Rather like regular WordPress posts you can tag events. These tags are in fact the very same tags used by WordPress itself.

This is a really useful feature: let’s say you have some blog posts about the laws of physics and are also promoting a series of events – lectures, perhaps – about the same thing. You can tag both with a suitable term like Physics and help visitors to the website find not only physics-related posts but events, too!

Tagging meta box - identical to the post editor tag box used in regular WP posts

Besides tags, you can also categorize events:

Event categories selection box

It is worth emphasizing, though, that these are not the same family of categories as used in posts. They definitely have a very similar (in fact, identical) user interface to regular post categories – but they are in fact a distinct family of categories.

In other words, if you happen to have an existing category you use for blog posts, you should not expect it to appear in the list of event categories – and if it does, well, it just happens to share the same name (but isn’t actually the same).
Event Options
Usually found close to the tag and event category meta boxes, you can find the Event Options:

Extra event options found in the event editor
  • Sometimes you want to be able to link to an event post (by email, or directly via a menu) but would prefer it isn’t included in the main event views – checking the Hide from Event Listings box accomplishes just that
  • You might also happen to have a whole load of events taking place on the same day … naturally, that can cause some problems in month view – and so, at least by default, no more than 3 events per day are shown in that view – selecting Sticky in Month View helps you to ensure that this event is one of the ones that do show. The question mark’s help text reads, “When events are sticky in month view, they’ll display first in the list of events shown within a given day block.”
  • The Feature Event option allows you to designate your most important events for extra emphasis on your pages. Featured events will be highlighted in event views, archives, and widgets, making it a great choice for special engagements that you’d like to have front and center.

Summary

That covers most of the extra fields and settings added for events.

If you use other event plugins, including Events Calendar PRO, it’s quite likely you will see additional items – but so long as you are familiar with all or most of the above you should have no problems creating events whenever you want.

Of course, if you hit any difficulties, please don’t hesitate to reach out to the team over at our help desk.

Good luck

Smart Slider 3

This plugin was used to create a vast majority of the image sliders across the site.

 

Live slide editor

A beautiful interface makes creating slides fast and efficient. The complete freedom to build what you want, the way you want. Edit your slides as you used to in page builders. Drop layers after each other and structure them with rows and columns.

Unique Layouts with Layers

Enhance your slider with the layers and make your site even more unique and grandiose. Every heading, text, image, button, and video can be edited easily with the customization options. Change all the details that really matter in typography and style.

Responsive, Mobile Ready Sliders

Switch your slider to a different device mode and optimize your content for the resolution. Your site can be enjoyed in any environment, be it a mobile, tablet, or desktop.

We can edit each slide within the slider.

How to set your background image?

What is a background image?

The background image is the image that’s behind all layers in your slider. The way the slide background image looks in the slider is defined by the Slide background image fill option. By default the images fill the slider completely, which means they’ll be cropped when the image and slider ratios differ.

Tip: Check out our detailed tutorial video about the Slide Background.

You can avoid the cropping by using images which have the same size as your slider, or by switching the Slide background image fill to Fit or Blur Fit.

 Note: The Slide background image and the Content layer‘s background image behave differently! Learn more about the difference.

How big images should I use?

We recommend the following image dimensions:

Higher quality or faster loading image?

When it comes to quality, you should aim for the lowest quality that you still find acceptable. This will result in your site loading with a pretty good speed.

The biggest question in this case is what do you find acceptable? A photographer wouldn’t allow their images to lose quality, even if the page loading speed will be slower because of the huge file size of these high quality images. An average person doesn’t need perfect images, as you can’t even tell the difference in some cases, but you can tell the difference between the loading speed.

How to select my background image properly?

A good background image is just that, an image that you want to be the background of your slide content. Be prepared that parts of the background image will be cropped on different devices. Use the Focus option to set which part of the image is the most important for you.

 

Tip: If you want your image to appear without any cropping, because all parts of it are equally important, you should use it as an image layer.

Background images should not have any textual content on them. To have content on the slides, use layers. The responsive result will be much better. Additionally, using textual layers have SEO advantages.

Background images should be nothing more than what their name says: the background of your slides. If the image contains anything you want to align your content to then these elements should not be on the background image. For example, if your background image has a logo or a person that you want the layers not to cover, you should remove them (the logo or person) from the background. These elements should be used as their own image layer instead.

How to create an overlay for the images?

With an overlay on your background image you can increase the contrast which makes the text layers easier to read. Smart Slider 3 offers two ways to achieve this.

Using the color as an overlay

You can use the Slide background color as the background image’s overlay. First, turn on the Overlay then set a background color which is semi-transparent.

Lowering the image opacity

The other method is to set a background color and lower the image’s Opacity until the desired effect is reached.