- Contributors: August Oberhauser
- Tags: block, fullcalendar, react
- Requires at least: 5.3.2
- Tested up to: 5.7
- Stable tag: 0.2.1
- Requires PHP: 7.0.0
- License: GPL-3.0-or-later
- License URI: https://www.gnu.org/licenses/gpl-3.0.html
GB FullCalendar is a Gutenberg block for displaying events. It's build on the popular WP FullCalendar plugin.
Thanks to the Gutenberg-Blocks since the end of 2018, it has become incredibly easy to add and layout your blocks in a visual way, but still can be used with Shortcodes, too.
- Month / Week / Day and List views
- Filter by taxonomies, such as category, tag etc.
- Supports custom post types and custom taxonomies
- Integrates seamlessly with Events Manager
- Customize FullCalendar settings
- Tooltips
- Custom themes and styles
- Supports IE 11
- Migrating WP FullCalendar settings
Thanks to Marcus Sykes for his previous work on WP Fullcalendar, which is partially integrated here.
- Upload the plugin files to the
/wp-content/plugins/gb-fullcalendardirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the 'Plugins' screen in WordPress
Simply add the Gutenberg Block GB FullCalendar, which is located under the Widgets section. When you select your block, you can adjust the block-settings in the sidebar.
You are able to use the [fullcalendar] shortcode in one of your posts or pages, too.
The calendar can be customized
- with Event search attributes of Events Manager.
- Note that some attributes can differ from its internal representation in Events Manager.
E.g.
categoryis a synonym for the taxonomyevent-categories
- Note that some attributes can differ from its internal representation in Events Manager.
E.g.
- with FullCalendar settings.
- Convert the keys with camel case to lowercase words separated with an underscore.
- Add the prefix
fc_. - Example:
initialView: "listCustom"is converted to[fullcalendar fc_initial_view="listCustom"].
- by declaring your default
taxonomy terms.- Specify value either via the term id or the term slug.
[fullcalendar
category="concert, cinema, 11, theatre"
event-tags="mytag"
search="Demo"
fc_event_display="auto"
your_custom_taxonomy_slug="your_custom_term_slug, another_custom_term_id"]
You can define your own taxonomies and terms in order to categorize your events more precisely.
See documentation for themes and styles
None yet.
See changelog file.
You are invited to help in form of Merge-Requests or proposing issues with the expected solutions.
To develop, install the packages via yarn install. Then start webpack compiling via yarn start.
To build files for production run yarn build.
To build a plugin file run yarn zip-snap. The zip file will be saved in the dist folder.
The code is written as ESNext, but uses Babel and Webpack to provide compatibility to ancient browsers.
The plugin is free to use. We are not liable for any damage caused by using the plugin!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent