JavaScript – Easy Web Design Tutorials

How to use a Code Snippet plugin in WordPress

joachim — Tue, 27 Sep 2022 09:57:55 +0000

Code Snippets plugin overview. How I use Code Snippets. Code snippets in the cloud. Code Snippets Pro. A code snippet is a piece of code one usually adds to the child theme functions.php file or better yet a plugin meant to handle code snippets. A code snippet is a small piece of code meant to do something… A search at wordpress.org/plugins/search for code snippets.

Source

Adding JavaScript JS to WordPress

joachim — Fri, 20 Aug 2021 23:32:12 +0000

A client who has the web site celias.no gave me the task of adding a calculator to her WordPress website. The calculator is used for non-profits organizations to calculate the profit when selling a certain amount of items. Check the Calculator – JSFiddle to show the HTML, CSS and JS code in action. Here is another JSFiddle calculator option. The websites: godfortjeneste.

Source

Javascript JS Resources

joachim — Fri, 20 Aug 2021 22:28:17 +0000

A list of helpful JavaScript resources. Dig in and enjoy! Let me know of other resources I should add to the list. Learn JavaScript Basics of Computer Programming with JavaScript JavaScript 30 – 30 day Vanilla JS Coding Challenge (Wes Bos) JS for WP (Zaz Gordon) Various JS libraries and other cool things. Awesome JavaScript – “A collection of awesome…

Source

Add custom code to your web site with CodeKit

joachim — Fri, 09 Jul 2021 22:41:48 +0000

The plugin Code Snippets which is very popular one can add PHP into. Is a good alternative to the CodeKit – Custom Codes Editor. I decided to use this plugin because I would be able to easily add CSS and PHP code snippets to my web site. I am impressed with what I saw. It starts out with a black background, but in the bottom left area I changed it to white.

Source

How to add custom code to your web site.

joachim — Fri, 09 Jul 2021 22:15:48 +0000

There are various methods to add custom code such as CSS, JavaScript and PHP to your web site. To affect the web site functions and how the web site is seen. Option 1. Adding CSS. We can use the Appearance -> customize -> Additional CSS and add CSS. We will be able to immediately see what it looks like in the preview window to the right. Here I have added code with a background…

Source