{"id":282035,"date":"2026-02-28T13:32:55","date_gmt":"2026-02-28T13:32:55","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/rouergue-creation-calendar-embed\/"},"modified":"2026-03-01T10:04:09","modified_gmt":"2026-03-01T10:04:09","slug":"rouergue-creation-sidebar-embed","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/rouergue-creation-sidebar-embed\/","author":18357645,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Rouergue Creation Events Sidebar","header_author":"BLADOU Alain","header_description":"CSS and JS adjustments for integrating Calendar Embed (The Events Calendar) into a sidebar.","assets_banners_color":"3674b9","last_updated":"2026-03-01 10:04:09","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/rouerguecreation.fr\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":223,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"rock4temps","date":"2026-03-01 10:04:09"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3471619,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3471619,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3471619,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3471622,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3471966,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Events calendar integrated into the sidebar","2":"WordPress Calendar Embeds admin screen"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[256792,1486,168,12097],"plugin_category":[40,43],"plugin_contributors":[196915],"plugin_business_model":[],"class_list":["post-282035","plugin","type-plugin","status-publish","hentry","plugin_tags-calendar-embed","plugin_tags-events","plugin_tags-sidebar","plugin_tags-the-events-calendar","plugin_category-calendar-and-events","plugin_category-customization","plugin_contributors-rock4temps","plugin_committers-rock4temps"],"banners":{"banner":"https:\/\/ps.w.org\/rouergue-creation-sidebar-embed\/assets\/banner-772x250.png?rev=3471619","banner_2x":"https:\/\/ps.w.org\/rouergue-creation-sidebar-embed\/assets\/banner-1544x500.png?rev=3471619","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/rouergue-creation-sidebar-embed\/assets\/icon-256x256.png?rev=3471619","icon_2x":"https:\/\/ps.w.org\/rouergue-creation-sidebar-embed\/assets\/icon-256x256.png?rev=3471619","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/rouergue-creation-sidebar-embed\/assets\/screenshot-1.jpg?rev=3471622","caption":"Events calendar integrated into the sidebar"},{"src":"https:\/\/ps.w.org\/rouergue-creation-sidebar-embed\/assets\/screenshot-2.jpg?rev=3471966","caption":"WordPress Calendar Embeds admin screen"}],"raw_content":"<!--section=description-->\n<p>This plugin was developed to address the limitations of <strong>Calendar Embed<\/strong> (The Events Calendar)\nwhen it is used inside an <strong>iframe embedded in a sidebar<\/strong>.<\/p>\n\n<p>By default, Calendar Embed enforces several behaviors that are not suitable for sidebar integration:<\/p>\n\n<ul>\n<li>events open in a new browser tab<\/li>\n<li>event content is loaded inside the iframe<\/li>\n<li>unnecessary interface elements are displayed (description, subscription, etc.)<\/li>\n<li>iframe height is not properly controlled<\/li>\n<\/ul>\n\n<p>This plugin provides a <strong>robust solution<\/strong>, <strong>without modifying The Events Calendar plugin<\/strong>, by relying\non a controlled JavaScript interception and targeted CSS rules.<\/p>\n\n<h3>Main Features<\/h3>\n\n<ul>\n<li>Calendar displayed <strong>in monthly view only<\/strong><\/li>\n<li>Removal of unnecessary elements in the embed context:\n\n<ul>\n<li>custom description<\/li>\n<li>calendar subscription block<\/li>\n<\/ul><\/li>\n<li>Sidebar-optimized iframe:\n\n<ul>\n<li>100% width<\/li>\n<li>fixed height (600px)<\/li>\n<li>no border<\/li>\n<li>no internal scrolling<\/li>\n<\/ul><\/li>\n<li>Click behavior fix:\n\n<ul>\n<li>neutralization of Calendar Embed JavaScript<\/li>\n<li>events open <strong>in the same browser tab<\/strong><\/li>\n<\/ul><\/li>\n<li>CSS and JavaScript conditionally applied to <strong>Calendar Embed pages<\/strong><\/li>\n<li>Procedural, lightweight, and maintainable code<\/li>\n<li>No template overrides<\/li>\n<li>No theme dependency<\/li>\n<\/ul>\n\n<h3>Setup<\/h3>\n\n<p>\u25c6 <a href=\"https:\/\/theeventscalendar.com\/knowledgebase\/event-calendar-embed\/\">How To Configure Event Calendar Embeds<\/a><\/p>\n\n<ul>\n<li>Insert the iframe into the sidebar using a custom HTML block.<\/li>\n<li>Copy and paste the code below into the HTML block.<\/li>\n<li>In the code, replace the URL in the src attribute with the embed URL provided by Calendar Embed(Menu: Events\/Calendar Embed, then click on Get Embed Snippet).<\/li>\n<li>The inline CSS ensures a fixed iframe height in the sidebar context.<\/li>\n<\/ul>\n\n<p><strong>Integration code example:<\/strong><\/p>\n\n<pre><code>&lt;style&gt;\n    @scope {\n        iframe[data-tec-events-ece-iframe=\"true\"] {\n            width: 100%;\n            max-width: 100%;\n            height: 600px!important;\n        }\n    }\n&lt;\/style&gt;\n&lt;iframe \n    data-tec-events-ece-iframe=\"true\" \n    src=\"https:\/\/votresite.fr\/calendar-embed\/XXXXXXXX\/embed\/\" \n    frameborder=\"0\" \n    scrolling=\"no\"&gt; \n&lt;\/iframe&gt; \n<\/code><\/pre>\n\n<p>\ud83d\udc49 This plugin has no settings page.\nNo additional configuration is required.<\/p>\n\n<h3>D\u00e9mo<\/h3>\n\n<p>See the plugin in action on our <a href=\"https:\/\/rouerguecreation.fr\/demo\/masterclasses-rock-4-temps\/\">demo site<\/a><\/p>\n\n<h3>Discover our other plugins<\/h3>\n\n<p>\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/custom-event-tickets\/\">Easy Custom Event Tickets<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/editor-custom-color-palette\/\">Editor Custom Color Palette<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/slider-galerie-native-responsive\/\">Slider Galerie Native Responsive<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/filter-bar-custom-post-type\/\">Filter Bar Custom Post Type<\/a>\n\u25c6 <a href=\"https:\/\/wordpress.org\/plugins\/rouergue-creation-top-notice-bar\/\">Rouergue Cr\u00e9ation Top Notice Bar<\/a><\/p>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<p>Initial release<\/p>\n\n<p>Full Calendar Embed sidebar integration<\/p>\n\n<p>Neutralization of the open in new tab behavior<\/p>\n\n<p>Conditional loading of CSS and JavaScript on embed pages<\/p>","raw_excerpt":"This plugin provides a clean and controlled integration of Calendar Embed (The Events Calendar) into a WordPress sidebar.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/282035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=282035"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rock4temps"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=282035"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=282035"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=282035"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=282035"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=282035"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=282035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}