Adding a script in code block

Hi,

Thank you for using Enfold.

This thread should help you implement that script.

// https://kriesi.at/support/topic/trying-to-add-js-particles-background-via-enfold-theme/

If you want it in a color section, just follow this short guide.

// https://kriesi.at/support/topic/trying-to-add-js-particles-background-via-enfold-theme/page/2/#post-901857

Best regards,
Ismael

Hi,

UPDATE: You need to load the following js files.

<script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.2/zepto.min.js"></script>
<script>window.Zepto || document.write('<script src="scripts/vendor/zepto.min.js"><\/script>')</script>
<script src="scripts/wtf.js"></script>
<script src="scripts/main.js"></script>

Copy the css code in the child theme’s style.css file or the Quick CSS Field. And then make sure that the following markup exists in the page.

<article>
<div id="output">
		            <noscript>
<dl>
 	<dt>What the fuck! You don't even have JavaScript enabled!</dt>
 	<dd>You need to enable it to see all the fucking cool shit on this website...</dd>
</dl>
</noscript></div>
<a id="generate" href="#" title="Hit me again!"></a>
		    </article>

// https://github.com/soulwire/WTFEngine/blob/master/index.html

You can put that in a code or text block. If I am not mistaken, the script will render something in the “#output” container once you hit the “#generate” link or button.

Best regards,
Ismael

Hi,

Thanks for the update. FYI, you can use the wp_enqueue_script function to load the js files.

// https://developer.wordpress.org/reference/functions/wp_enqueue_script/

And the wp_enqueue_style function for the css, but you can just include the css code in the child theme’s style.css file or the Quick CSS field.

// https://developer.wordpress.org/reference/functions/wp_enqueue_style/

Best regards,
Ismael