Switch from Simple Custom CSS and JS
Snipfire imports custom CSS, JavaScript and HTML from Simple Custom CSS and JS. Read Switching from another snippet plugin first for how importing, Check first and Switch over work.
Steps
- Snipfire → Snippets → Import, then pick Simple Custom CSS and JS.
- Select the snippets and click Import … selected. They arrive switched off in Imported/Simple Custom CSS and JS.
- Click Switch over.
- Clear your page cache, check the site, then deactivate and delete Simple Custom CSS and JS.
Command line: wp snipfire import-from custom-css-js --dry-run, then --switch.
What comes across
| Simple Custom CSS and JS | In Snipfire |
|---|---|
| Custom CSS | CSS snippets (a <style> wrapper you added yourself is removed) |
| Custom JS | JavaScript snippets |
Custom JS containing its own <script> tags, or placed right after <body> opens |
HTML snippets |
| Custom HTML | HTML snippets |
Header / footer / after <body> |
The matching location |
| Front end, admin, login page, block editor | Front end (or Front end and block editor), Admin area, Login page, Block editor only |
| Internal (inline) or external file | Inline in the page or External file |
| Priority | Priority |
Untitled items are named after their type and number, for example Custom CSS #12.
Marked "Check first"
- Loaded in several places (for example front end and login page): a Snipfire snippet has one location. The copy uses the front end (or the first place), and the note lists the others: It also loaded on: …. Duplicate the snippet for each extra place, then switch it on.
Close, but not identical
- CSS in the footer: Snipfire loads CSS in the header.
Switching over
Snipfire marks each item inactive in Simple Custom CSS and JS and removes it from the list of code that plugin prints, then switches the copy on.
Something unclear or missing? Tell us