Shortcodes

Shortcodes is located under My Calendar > Shortcodes.

It is split into three tabs.

Main
The general Calendar.

Generate Shortcodes – Main

Upcoming
In relation to how upcoming events will be seen…… Additional information needed.

Generate Shortcodes – Upcoming

Today
How todays events are seen.

Generate Shortcodes – Today


My Calendar Display Options

Located on the bottom of the default “My Calendar” page is the My Calendar Display Options. (Click the arrow to open.)

Meta boxes. My Calendar page – Display Options

Main Calendar Shortcode

[my_calendar]

Content Filters

Categories to display.
Location filter type by
All locations, Location Name, City, State, Postal Code, Country or Region.
Location filter values.
Search keyword. – Only events that use the keyword will be visible in the calendar.

Navigation

Navigation keywords that can be used separated by commas in the “Navigation above calendar” and “Navigation below calendar” fields.

toggle – Switch between list and grid views
timeframe – Toggle between day, week, and month view
jump – Jump to any other month/year
nav – Primary Previous/Next Buttons
calendar – The calendar
keyCategories
print – Link to printable view
feeds – RSS and iCal Subscription Links
exports – RSS and iCal Subscription Links
locations – Location (dropdown)
categories – Categories (dropdown)
access – Access (dropdown)
search – Search

An overview of these fields can also be seen under Settings > Output (Link to documentation).

Author & Host Filters

Limit by Author.
Limit by Host.

Formatting & Timeframe

Format by Default, Grid, List or Mini.
Time Segment by Default, Month, Next Month, Week or Day.
Months to show in list view.

Initial Date Shown

Year by Default or the next 5 years.
Month by Default or a specific month.
Day by Default or from 1 to 31.

Example Customized Shortcode

[my_calendar above="toggle, nav" below="print, key" format="list" time="week"]

The shortcode:
Above calendar: A toggle between list/grid view along with nav previous/next navigation arrows.
Below calendar: a print icon and key categories.
Format: Changed the default grid to list.
Time: The calendar is seen in a week view.

The result which includes two events is seen on the frontend of the site.

Shortcode displayed on frontend

Reset Shortcode button
Go back to the backend and click the “Reset Shortcode” button (to the right of the Shortcode field) and refresh the browser window to see the Shortcode field reset.

Block Widgets

Widgets is located under Apperance > Widgets or in the Customize > Widgets section.

Block Widgets.

Appearance > Widgets.
Add widget blocks by clicking the top left blue square with a + in it to open the block inserter. (The blue square changes to black when open.)
The block inserter area looks like this.

Block Widgets

My Calendar: Today’s Events

Today’s Events

My Calendar: Upcoming Events

Upcoming Events

My Calendar: Mini Calendar

My Calendar: Mini Calendar block widget

My Calendar: Simple Event Search

Simple Event Search

My Calendar: Event Filters

Event Filters

Appearance > Customize
Have the same block widgets as are seen in the Widgets screen.
Here is an example of using the My Calendar: Mini Calendar.

Customize – widgets – Mini Calendar

Help – Get Support

Get Support is located under Help > Get Support.
Here is an example of what the screen can look like.

Help – Get Support

Sometimes support will ask you to copy the system information to make it easier to figure out where an error might be. As there might be a plugin or theme or other conflict. Looking through the system information gives a quick overview of the environment the My Calendar plugin is used in.

Design – Style Editor

Style Editor is located under Design > Style Editor.

Design – Style Editor

Select My Calendar Theme.
Choose a theme and click the Preview Stylesheet link that will be seen under the drop down. These are the themes that currently can be selected.

dark.css
A theme in dark grays and blacks with light text and dark blue highlighting.

inherit.css
These styles provide a minimal degree of styling, allowing most theme defaults to be dominant.

light.css
A light-colored theme almost entirely in whites and light grays with black text.

my-calendar.css

refresh.css

twentyeighteen.css

twentyfifteen.css

twentyfourteen.css

twentytwenty.css

CSS Style Options

Load CSS only on selected pages
If you only want to load the theme CSS on specific WordPress post ID’s. Add the ID’s into the text field. One way to find the Post ID is by right clicking inside the browser and selecting Inspect (Element) and HTML and CSS areas should show up on the bottom. At the top inside the HTML area one will be able to see postid-(and a number). This postid number would then go into the “Apply CSS on these pages” field.

Update stylesheet to match core version
Updates your version of the stylesheet to match the core version. That could mean removing your customizations or it could mean updating it to be current.

Use your own styles
This will disable the default My Calendar Stylesheet so that you can use your own Stylesheet.

Edit the stylesheet for My Calendar.
Here you can add any customizations to any of the theme stylesheets.

CSS Variables
Modify the primary, secondary and highlighted colors used throughout the calendar.