Web Development


Wordpress Plugin Development with Svelte.js (2021)

How to develop a plugin for Wordpress with Svelte

4.15 (28 reviews)


1 hour


Feb 2021

Last Update
Regular Price

What you will learn

Wordpress plugin development with Svelte

Use of Svelte

Create a Wordpress plugin

Link a HTML template to a plugin

Add javascript libraries to a Wordpress plugin

Architecture of a plugin using Svelte


Wordpress Plugin Development with Svelte

This course aims you to teach you how to code your own plugin on a Wordpress website. We are going to learn together how to start, how to activate our plugin and how to change our content dynamically.

  • At the end of this course, i'll provide you the entire plugin as files to use.

In this course, we are going to learn to use SvelteJS to create our first Wordpress Plugin. Step by step, we are going to:

  • Create a local Wordpress,

  • Create your first Wordpress plugin

  • Build our first Svelte app,

  • Create our first Svelte component,

  • Link Wordpress with our Svelte app,

  • Import Bootstrap as a CDN,

  • Import others scripts that we will need,

  • Show/hide a cookie banner,

  • Put/remove cookies from browser

What is Svelte?

Svelte: A new approach to building rich user interfaces

Svelte provides a different approach to building web apps than some of the other frameworks covered in this module. While frameworks like React and Vue do the bulk of their work in the user's browser while the app is running, Svelte shifts that work into a compile step that happens only when you build your app, producing highly-optimized vanilla JavaScript.

The outcome of this approach is not only smaller application bundles and better performance, but also a developer experience that is more approachable for people that have limited experience of the modern tooling ecosystem.

Svelte sticks closely to the classic web development model of HTML, CSS, and JS, just adding a few extensions to HTML and JavaScript. It arguably has fewer concepts and tools to learn than some of the other framework options.


Wordpress Plugin Development with Svelte.js (2021)
Wordpress Plugin Development with Svelte.js (2021)
Wordpress Plugin Development with Svelte.js (2021)
Wordpress Plugin Development with Svelte.js (2021)




Create our first plugin

Display our plugin with shortcode

Create our Svelte.js app

Create our Svelte instance inside our project

Create our first Svelte component

Design our plugin

Full session of coding with Svelte - Component logic & design

Thank you so much !


Phil18 April 2021

appreciate this is a free course, so thanks for the work, but its pretty bad really, especially how things are set up in wordpress!

Jeff26 March 2021

A very good course on integrating Svelte with WordPress. Guillaume provides enough context with both WordPress and Svelte to accomplish the tasks without requiring the student to be an expert, or even moderately familiar, with either technology. He shows you exactly what you need to know without going on tangents or going too deep.

William14 March 2021

Very good and easy to understand. How about creating a theme/page using Svelte.js? Blog page ? Thanks.

Brad1 March 2021

I am a Svelte fanatic, but I used WP heavily since 2004. I never expected to see these two things together. This course is a great idea. One note: you have a reference to AngularJS in the course description.


Udemy ID


Course created date


Course Indexed date
Course Submitted by