Custom JS and CSS for Gutenberg

Free Download Custom JS and CSS for Gutenberg

Byadmin
  • add your code anywhere on your WordPress pages.
    • Javascript
        • > between

      <head>

        • and

      </head>

        Summada
    • before closing</body>Label.
    • Right to the location of the block.
  • CSS
    • Between <head> and </head>Summada
    • before closing</body>Label.
    • Right to the location of the block.
  • Meta
    • Between <head> and </head>Summada
  • Multiple Javascript and CSS on one page.
  • There is no output, except for your code.
  • Optimized and fast server-side implementation.

Download Custom JS and CSS from here >>>

Add blocks with Gutenberg

  • Create a new post/page or go to the post/page where you want to add the block.
  • Find Custom JS / CSSGutenberg block on the block and add it to the page.

Javascript

  • Easily add your custom Javascript code to pages.
  • Reduce the output.
  • Written in Modern Javascript (Babel), it converts to ES2015 on the fly.
  • Easily add custom Javascript files to pages, including specified dependencies.

Inline Javascript code

The specified Javascript code is placed where the output block is.

  • Click on the block.
  • Expand the Javascript panel.
  • Write your code insideJavascript (inline)text box.
  • Click the Min button to narrow the output.
  • Choose the JS or Babel option.
    • When JS is selected, the font will be printedjust like that.
    • When Babel is selected, the script will be converted to ES2015.

Main Javascript

The specified Javascript code is placed in<head> and </head>Summada

  • Click on the block.
  • Expand the Javascript panel.
  • Enable Enable head Javascriptoptions.
  • Click onJavascript option (header)Button to view options. There will be a modal window.
  • If you wish, please enter your Javascript code. The specified Javascript code will be placed in<head> and </head>Label. If the code is not needed, please leave it blank.
    • When JS is selected, the font will be printedjust like that.
    • When Babel is selected, the script will be converted to ES2015.
  • Enter your Javascript file URL. The specified URL will be placed in<head> and </head>Label. If you don’t need a file, please leave it blank.
  • Enter your Javascript file dependencies (comma separated). The Javascript file URL will be enqueued according to the specified dependencies. If no dependencies are required, please leave it blank.

The specified Javascript code is placed before closing</body>Label.

  • Click on the block.
  • Expand the Javascript panel.
  • Enable Enable Javascript Footeroptions.
  • Click onJavascript option (footer)button to view options. There will be a modal window.
  • Enter your Javascript code if you wish. The specified Javascript code will be placed before closing</body>Label. If the code is not needed, please leave it blank.
    • When JS is selected, the font will be printedjust like that.
    • When Babel is selected, the script will be converted to ES2015.
  • Enter your Javascript file URL. The specified URL will be posted before closing</body>Label. Leave blank if no file is required.
  • Enter your Javascript file dependencies (comma separated). The Javascript file URL will be enqueued according to the specified dependencies. If no dependencies are required, please leave it blank.

CSS

  • Easily add your custom CSS code to the page.
  • Scale down the output.
  • Written in SASS or LESS and it will convert to CSS on the fly.
  • Easily add custom CSS files to the page, including specified dependencies.

Codice CSS in linea

The specified CSS code is placed where the output block is.

  • Click on the block.
  • Expand the CSS panel.
  • Write your code insideCSS (in linea)text box.
  • Click the Min button to narrow the output.
  • Select CSS/SASS/LESS option.
    • When CSS is selected, the code will be printedjust like that.
    • When SASS is selected, the SASS code will be converted to CSS.
    • When LESS is selected, the LESS code will be converted to CSS.

intestazione CSS

The specified CSS code is placed in<head> and </head>Summada

  • Click on the block.
  • Expand the CSS panel.
  • Enable Enable header CSSoptions.
  • Click onCSS options (header)button to view options. There will be a modal window.
  • Enter your CSS code if you wish. The specified CSS code will be placed in<head> and </head>Label. If the code is not needed, please leave it blank.
    • When CSS is selected, the code will be printedjust like that.
    • When SASS is selected, the SASS code will be converted to CSS.
    • When LESS is selected, the LESS code will be converted to CSS.
  • Enter your CSS file URL. The specified URL will be placed in<head> and </head>Label. If you don’t need a file, please leave it blank.
  • Enter your CSS file dependencies (comma separated). CSS file URLs will be enqueued based on the specified dependencies. Leave blank if no dependencies are required.

Piè di pagina CSS

The specified CSS code is placed before closing</body>Label.

  • Click on the block.
  • Expand the CSS panel.
  • Enable Abilita CSS piè di paginaoptions.
  • Click onOpzioni CSS (piè di pagina)button to view options. There will be a modal window.
  • If you wish, please enter your CSS code. The specified CSS code will be placed before closing</body>Label. If the code is not needed, please leave it blank.
    • When CSS is selected, the code will be printedjust like that.
    • When SASS is selected, the SASS code will be converted to CSS.
    • When LESS is selected, the LESS code will be converted to CSS.
  • Enter your CSS file URL. The specified URL will be posted before closing</body>Label. Leave blank if no file is required.
  • Enter your CSS file dependencies (comma separated). CSS file URLs will be enqueued based on the specified dependencies. Leave blank if no dependencies are required.

Meta

  • Easily add meta tags to the page.

Inhalt des Meta-Tags

The specified meta tag is placed in<head> and </head>Summada

  • Click on the block.
  • Expand the meta panel.
  • Enable Inhalt des Meta-Tagsoptions.
  • Write your meta tag contentInhalt des Meta-Tagstext box.

Credits

  • Babel
  • Ugly JS
  • SASS
  • LESS
  • Pulisci CSS
  • Gutenberg

Changelog

v1.0.5 (March 12 2020)
- Packages and libraries are updated.
- Gutenberg deprecations are fixed.

v1.0.4 (October 26 2019)
- Package and library updates.

v1.0.3 (August 31 2019)
- Package updates.

v1.0.2 (July 14 2019)
- Package updates.

v1.0.1
- Package updates.
- SASS library updated.

v1.0.0
- Initial release

Custom JS and CSS for Gutenberg [Free Download]
Custom JS and CSS for Gutenberg [Nulled]

WordPress » Utilities

Similar Posts