Xem thêm

A Complete Guide to Using The Events Calendar Shortcodes

Looking to enhance the way you display events on your WordPress site? The Events Calendar Shortcode & Block plugin is your answer! With this powerful plugin, you can easily customize the look and feel of...

Looking to enhance the way you display events on your WordPress site? The Events Calendar Shortcode & Block plugin is your answer! With this powerful plugin, you can easily customize the look and feel of your events, ensuring they are displayed exactly how you want them.

Getting Started

Before we dive into the shortcodes, let's start from the beginning with a quick guide on how to install The Events Calendar Shortcode and Block Pro version.

  1. Download the plugin: After purchasing The Events Calendar Shortcode & Block Pro, download it from the provided link. Download the plugin

  2. Install and activate: Log into your WordPress site, go to Plugins > Add New, and upload the plugin. Once installed, activate it. Install and activate

That's it! The plugin works out of the box with no configuration required. You're now ready to start customizing the look and feel of your calendar events.

The Basic Shortcode

To display an event list on your site, use the following basic shortcode:

[ecs-list-events]

You can add this shortcode to any post, page, or widget on your site. Here's an example of how it will look: Basic shortcode example

As you can see, the basic shortcode displays events in a simple list format. But don't worry, there are many more options and customization features available.

Advanced Shortcodes

The Events Calendar Shortcode & Block provides an extensive number of shortcode options, allowing you to create advanced shortcodes that give you full control over how your events are displayed. For example, you can filter events, customize the design, and control which information is shown. Let's take a look at an example:

[ecs-list-events futureonly='true' month='current' design='table' titlesize='15px' excerpt='true' button='Register' buttonbg='black' buttonfg='white']

With this shortcode, you can display upcoming community classes for the current month in a table design. It includes the event title, date, venue, and an excerpt, and it also features a registration button with a black background and white text. Here's how it will look: Advanced shortcode example

As you can see, the shortcode allows you to customize the information displayed and how it's presented on your events page. The possibilities are endless!

Filtering Options

The Events Calendar Shortcode Pro add-on offers various filtering options that allow you to display events based on specific details and conditions. Here are a few examples:

  • Featured only: Show only events that have been marked as "featured".
  • Category: Show events from specific categories.
  • Tag: Show events with specific tags.
  • Date range: Show events within a specific date range.

These filtering options give you full control over which events are displayed on your site, making it easier for visitors to find the events that interest them.

Display Options

The Events Calendar Shortcode & Block also provides various display options that allow you to customize how your event list is presented. Here are a few examples:

  • Limit: Set the maximum number of events to show.
  • Offset: Skip a certain number of events from the beginning of the list.
  • Hide sold out: Hide events that are sold out.
  • Order: Show events in ascending or descending order.
  • Thumbnails: Show or hide featured image thumbnails.

These display options allow you to fine-tune the appearance of your event list and ensure it matches your website's design and style.

Styling and Design Options

By default, The Events Calendar Shortcode & Block displays your events in a similar style to the events calendar list view. However, you're not limited to this design. The plugin offers several shortcode options that allow you to customize the style and layout of your events. Here are a few examples:

  • Compact design: A smaller, space-saving design.
  • Calendar design: Display events in a calendar view.
  • Column design: Display events in columns.
  • Grouped design: Group multiple events held on the same day.

These design options, along with customizable colors and fonts, allow you to create a unique and visually appealing event list that matches your website's style.

Custom Designs

If none of the pre-made designs suit your needs, don't worry! The Events Calendar Shortcode & Block allows you to create your own custom design templates for your events. By following a few simple steps, you can create a completely custom design that reflects your unique style and branding.

Ready to Start Customizing Your Events?

The Events Calendar Shortcode & Block Pro provides a simple and powerful solution for customizing the way your events are displayed on your WordPress site. With its extensive list of shortcodes and customization options, you have full control over how your events are filtered, displayed, and styled.

So why wait? Get started with The Events Calendar Shortcode & Block Pro today and start creating the perfect event list for your website!

1