Core Framework vs Custom CSS and JS

Core Framework is a visual CSS framework and design-token builder. Define colors, typography, spacing, layouts, components, utility classes, and custom styles in one project, then generate the CSS used by your WordPress site. The plugin and all included integrations are free and open source. There is no license activation and no paid feature gate. Features Visual framework and design-token editor Fluid typography and spacing scales Color shade and tint generation Utility classes, components, layouts, and custom stylesheets Project import and export Gutenberg integration Bricks integration Oxygen integration Figma synchronization Integrations Enable the integrations you use from Core Framework → Add-ons. Gutenberg, Bricks, Oxygen, and Figma support are included with the plugin; they are not separate paid add-ons. Marketplace The Core Framework Marketplace sells optional design kits and packs. Those content products are separate from the plugin and are not required to use any Core Framework feature or integration. External services Core Framework works without a Core Framework account or hosted Core Framework backend. It makes an external request only when an administrator explicitly asks for one: The bundled font catalog is local. Selecting or previewing a Google Font requests CSS from https://fonts.googleapis.com. Importing it also downloads font files from https://fonts.gstatic.com, after which WordPress serves the saved font files locally. Requests identify the selected font family and variants; as with any web request, Google receives connection information such as the site’s IP address and user agent. No Google API key or Google account is required. Google Terms of Service: https://policies.google.com/terms Google Privacy Policy: https://policies.google.com/privacy Direct Figma-to-WordPress synchronization connects the Figma plugin directly to the user’s own WordPress site using a connection key created by a site administrator. Project data is not routed through Core Framework servers. Remote project import is optional and runs only when an administrator pastes a shareable project link or project ID and submits it. WordPress then requests that project from https://us-central1-core-framework-6bdc9.cloudfunctions.net/getPreset. The request is made by the server rather than the browser, sends no credentials, and the endpoint is read-only: it returns a project only when its owner has marked it as public. Nothing is sent unless an administrator submits a link, and no account is required to import one. Apart from the requests listed above, the plugin’s administration interface, image previews, project storage, CSS generation, and included integrations do not load assets from Core Framework servers. Core Framework does not contact a licensing server and does not require account activation. Licensing Core Framework’s original source code is licensed under the MIT License. Bundled dependencies retain their own open-source licenses. The release archive includes third-party-notices.txt for adapted source and artwork and third-party-licenses.txt for the complete production dependency inventory.

Custom CSS and JS allows you to add stylesheets and JavaScripts to any individual post by adding custom fields. Both CSS and scripts can be either internal or external. Since this is a plugin, the custom CSS and JavaScript are available to any theme used to display the post, as long as the themes call “wp_head”. Using the Plugin To use the plugin, add any combination of the following custom fields to your post. custom_css Add an external stylesheet by adding a custom field with the name custom_css. The value of the field should be the path to your css file. cusrom_css_code Add an internal stylesheet by adding a custom field with the name custom_css_code. Include your CSS code as the value. (Do not include the style tags.) custom_js Add an external JavaScript by adding a custom field with the name custom_js. The value of the field should be the path to your script. custom_js_code Add an internal JavaScript by adding a custom field with the name custom_js_code. Include your JavaScript code as the value. (Do not include the script tags.) Custom Fields Order The external styles and scripts are included before the internal ones. If you include multiple entries for a given field, the entries will be included in order. Okay, but what if I don’t like those tags? Just edit custom-css-js.php and change the constants defined near the top of the file. Note This plugin only works with individual posts and pages. It does not work for list pages (e.g., the index page, search results).