I’d suggest the cleanest option if you want to do a bit more development to make your calendar reusable is to build it as a plugin which implements a shortcode. You’d have to do a bit of PHP programming to build your plugin, but this would be the cleanest solution. It’d give you a nice shortcode like [mycalendar] to put in any content anywhere in WordPress to render your calendar at that point.
If you just want to do it once as a quick hack you could continue as you are and load the CSS/JS manually then pop the HTML/JS directly in to page content with the Code Editor in the UI.
Either way, you may have some research to do about how to integrate React components into WordPress.
Related Posts:
- How to override JavaScript files in child theme?
- How to cache bust a child theme style.css
- Is a text-domain necessary for a child theme
- @package & @subpackage: how to use with child themes
- get_stylesheet_directory() vs get_template_directory() for child theme
- how to call files in child theme?
- Get parent theme version
- Optimal approach for replacing the 8 header images in a child theme?
- How to transfer changes to a child theme?
- WordPress master + child themes + Git workflow
- something like is_childtheme()
- Child theme preview missing
- How could child theme be different than parent theme if I haven’t made changes?
- Child Theme, Functions.php Issues
- Redefining function in child themes
- How to disable updates in WordPress theme
- Child theme error “Template is missing”
- Dequeue only stylesheets but not inline style added using wp_add_inline_style
- replace parent theme images in child theme
- Recommended way to load / enqueue parent and child stylesheet to enable cache busting
- Altered media sizes (in dash), not updating to existing images/posts
- How do I make wp_localize_script variables available for child theme?
- HTML head-tag get broken in my child theme
- WP .js script file not loading
- Localization: Textdomain of Child teme
- How to install bootstrap in child theme
- Prevent a base themes css file from loading
- Child Theme vs. Jetpack Editor
- Child them function.php ‘parent-style’: should I name this as parent theme name?
- Cannot dequeue script in child theme
- Remote install won’t find Parent theme when intalling Child Theme, but local install does
- Generate PO File
- configuration for child theme
- Child theme style.css isn’t overwriting parent style.css
- Activate Child Theme .mo and .po files
- Linking to Child Theme PHP Files
- Use child theme on certain pages and not others?
- WordPress Bootstrap Problem
- Child Theme disable customizer defaults
- Override file inside inc in child theme
- Add custom function to child function.php
- Child theme problem
- Undefined functions on the server
- Child Themes of Non-WordPress Sanctioned Templates
- How do WP child-themes work? [closed]
- Child themes, over riding in the parents theme
- All Titles and Menus changed to “CHILD THEME LOADED”
- ‘Recent Posts’ links open in new window, without copying the ‘WP_Widget_Recent_Posts’ class
- Best method to add style sheets into child theme?
- javascript not being enqueued correctly
- What is the correct workflow for modifying child themes?
- styles from child theme not loaded for file other than style.css
- Child Theme Variables
- Multiple Child Themes
- How to install Bootstrap in a WordPress child theme
- Is there any way to put the Google Tag manager Identification code into the child theme?
- Getting an error. Need to add favicon in my child theme functions.php. What’s wrong?
- Fatal error and use of undefined constant in child theme unless I redefine it
- Modifying a child theme
- Trouble translating a Child Theme
- Child Theme over write rules
- Child Theme Customizer not working
- Customize file on inc folder on child theme
- wp_enqueue wont work on some files?
- Set a link in child theme style.css to jump to #main [closed]
- WordPress + Child Theme = Am I missing something?
- How to make a child theme independent of parent?
- Sliding-Doors Child Theme
- WordPress Child Theme – twentyeleven
- Reenable disabled Elementor widget via child theme
- Child theme is not rendering parent and own javascripts (but css loaded properly, js not)
- “Cannot modify header information – headers already sent by” while using get_stylesheet_directory_uri()
- Copy files from main to child theme (after designing website)
- How to stop customizer settings inheritance from parent to child theme?
- Making a child theme in order to update the parent theme
- change html and css in template files in child theme
- My wordpress site is crash due to excute child theme
- How to get custom translations from child theme to be loaded?
- Twenty Seventeen – Navigation bar, logo, header size
- Enqueuing multiple stylesheets with a child theme
- Admin options from parent theme do not bind
- Deregister wordpress script in child theme by js location
- Can I still switch to a child theme?
- Need help installing Hoffman child theme
- Adding translation files to a child theme
- is it ok to dequeue default parent stylesheet from custom page templates in child theme?
- Why won’t my Custom CSS Load
- child theme performance / avoid import and minify JS files
- Remove HTML from search.php of my parent theme
- Prevent child theme from inheriting a parent theme’s required file
- Run two concurrent themes in one installation
- About wordpress child themes
- Body classes in child theme
- Edit copyright in Hesita Child Theme
- Can anyone help me with replace genesis post excerpt with yoast meta description and if there is no meta description show the excerpt?
- Child theme customizer preview doesn’t work/load
- theme.json should be in the child theme folder when using xxxx.json style located in the styles folder?
- Is it possible to load a child theme from a remote server?
- Twenty Twenty One update changes dom classes and breaks my child theme
- Site with child theme breaks parent theme even after activating just parent theme