WP PLUGIN - it's the control panel - where you configure the widgets to build a nice design

WP WIDGET - it's an entity which represents a small piece of the design and should be reusable so that we can add multiple designs (themes) for it

WP THEME - it only renders the saved widgets - that's why we will use a generic theme which does not have any styling because the design is created by the rendered widgets

Header - Static section

Content - Dynamic section

Footer - Static section

Layout

Color

Settings

Color

Settings

Widget #1

Widget #2

Widget #3

Widget #4

Widget #5

Layout

Colors

Settings

Theme (style/design)

Layout

Colors

Settings

Theme (style/design)

Layout

Colors

Settings

Theme (style/design)

Layout

Colors

Settings

Theme (style/design)

Layout

Colors

Settings

Theme (style/design)

WP WIDGET - it's an entity which represents a small piece of the design and should be reusable so that we can add multiple designs (themes) for it

Name

Settings

Output (HTML)

Live preview of the design

Widgets management

Theme (syle/design)