►
From YouTube: Devel Subthemer - Backdrop CMS Module
Description
This new module was just released today to help beginners get started with a new sub-theme. The module allows you push a button and create a sub-theme based upon any theme installed in your site. The module creates the files and sub-theme directory to help you get started.
A
Hello,
my
name
is
tim
erickson,
I'm
here
with
simplo
by
triplo
and
today,
I'm
here
to
talk
about
an
exciting
new,
a
contrib
module
for
backdrop,
cms
called
devel
sub
themer.
This
module
was
just
released
today,
just
appeared
on
the
scene
about
a
week
ago.
Some
folks
have
been
providing
feedback
and
testing
for
the
last
few
days,
and
this
is
something
that
doc
wilmot
has
produced.
Another
amazing
doc,
bulma
production,
doc
wilmot,
has
done
a
lot
of
really
valuable
work.
A
In
the
backdrop
community,
you
can
download
devel
sub
themer
from
backdrop
cms.org
as
of
today.
It
is
an
alpha
version
which
that
usually
just
means
that
you
should
be
careful
of
it
and
that
in
an
alpha
version,
often
times
as
bugs
are
fixed,
it
could
break
the
the
api
or
break
existing
things.
You've
done
with
the
site,
however,
the
I
would
point
out
that
the
develop
sub
femur
is
a
module
that
you
sort
of
use.
It
creates
something
and
upgrading
in
the
future
isn't
going
to
affect
what
it
it
created.
A
So
there's
no
real
harm
in
trying
it
out
and
using
it
to
create
a
sub
theme.
If
you
find
any
bugs
report
them,
apparently,
as
I
said,
this
was
developed
by
doc,
wilmont
apparently
based
on
some
code
from
the
coder
module,
which
had
been
developed
by
jim
berry
in
the
open
source
world.
There's
lots
of
credit
to
go
around
for
any
new
project
like
this.
What
the
develop
sub
theme
or
module
does
is
create
a
quick
sub
theme
for
you.
A
A
Well,
if
you
want
to
create
your
own
custom
css
for
your
site,
you
can
start
by
building
a
an
entirely
new
theme,
but
the
most
people
what
they
do
is
they
create
a
sub
theme
and
what
a
sub
theme
does
is
it
allows
you
to
inherit
a
bunch
of
the
resources
and
css
from
a
parent
theme
and
then
just
add
your
own
work
on
top
of
it
now
what,
unfortunately,
what
some
beginners
do?
Is
they
just
go
in
and
we'll
start
hacking
or
editing
the
css
from
an
existing
theme?
A
A
The
creator
of
basis
did
this
great
article,
a
blog
post,
that
you
can
find
on
bankruptcms.org
that
talks
about
sub
theming
basis,
and
it
goes
through
it
in
deep
steps,
and
some
of
these
steps
are
still
going
to
be
relevant,
even
if
you
use
the
sub
queen
themer
module.
But
a
lot
of
what
wes
talks
about
in
terms
of
getting
started
will
just
get
done
for
you
automatically
with
the
subtheme
or
module.
So
let's
go
ahead
and
take
a
look.
I
have
a
a
website.
A
I
called
some
femur
that
I
just
set
up
on
my
local
laptop.
The
only
thing
I've
done
to
this
new
website
is
add
two
themes
to
it
that
were
not
here
by
default.
I
haven't
enabled
them
yet.
So
if
we
go
under
appearance
and
we
list
themes,
we're
gonna
see
basis
is
the
default
theme.
That's
what
came
with
core
oh
and
you'll,
see
this
dev
stuff
just
means
that
I'm
using
the
dev
branch
or
a
development
version
of
backdrop.
A
A
I
picked
these
two
fairly
at
random
and
the
idea
is
that
we
can
create
a
sub
theme
of
one
of
both
of
them
and
you'll
notice.
There's
no
sort
of
sub
theme
option
here
and
I'm
going
to
point
that
out
because
it's
one
of
the
things
that
the
the
module
is
going
to
do
for
us,
so
you
can
download
and
install
the
module
like
any
other
module.
I've
already
downloaded.
I
just
haven't
installed
it,
so
I'm
going
to
go
ahead
and
install
it.
Now
there
we
go.
A
It's
installed,
there's
some
configuration,
although
the
configuration
is
all
the
actual
work
that
it
does.
This
is
creating
the
the
particular
sub
theme,
so
the
configuration
page
is
really
the
page
where
you
do
the
main
thing
in
the
module,
which
is
create
a
sub
theme.
Now
before
we
do
that,
I'm
going
to
show
you
that
there's
another
way
you
can
get
to
this,
which
is
you,
can
go
under
appearance.
A
If
I
switch
to
bootscrap
light
those
options,
all
change
so
again,
you
can
go
directly
if
you
create
a
sub
theme
from
the
appearance
page
of
any
particular
sub
module.
It
just
won't
give
you
this
option,
because
you've
already
picked
your
something.
If
you
come
to
this
page
directly
through
the
development
menu,
then
you'll
have
to
just
indicate
which
theme
you
want
to
substitute
something.
So
I'm
going
to
go
ahead
and
create
just
a
the
most
common
use
case
would
be
a
sub
theme
of
basis,
but
again
you
can
create
a
sub
theme
of
anything.
A
A
These
are
some
things
that
I
can
copy
over
into
my
sub
theme
from
the
original
theme
and
the
color
module
is,
if
you're
not
familiar
with
that,
it's
a
way
through
the
theme
settings
that
you
can
change
the
colors
in
your
in
your
theme,
and
I
would
recommend,
I
think,
that
you
go
ahead
and
copy
you
copy
that
over.
If
your
sub
theming
basis,
this
option
will
only
be
there
if
the
parent
theme
uses
the
color
module,
so
in
this
case
basis,
does
I'm
going
to
recommend
we
keep
these?
A
The
copy
theme
settings
are
the
copy
blank
template
php.
These
are
both
for
a
little
bit
more
advanced
theming.
If
you're
going
to
be
adding
a
little
bit
of
php
to
your
sub
theme,
you
may
want
to
go
ahead
and
copy
these
right
away.
However,
you
certainly
can
copy
them
later
if
you
need
to
there's
also
the
the
option
these.
A
A
If
you
don't
choose
to
to
move
them
now,
and
you
decide
to
later,
it's
no
problem,
you
can
just
go
copy
and
paste
them
from
the
from
the
parent
theme
into
your
sub
theme,
but
basically
any
template
file
that
you
put
into
your
sub
theme
will
override
the
theme
and
the
the
template
file
and
the
parent
theme.
So
if
you
want
to
change
the
layout
or
the
the
markup
in
your
header
or
your
comments,
go
ahead
and
copy
them
over
now,
I'm
going
to
go
ahead
and
copy
all
of
them.
A
A
But
if
those
things
don't
make
any
sense
to
you,
then
just
don't
worry
about
them
and
just
start
with
the
default
here,
which
is
a
new
custom.
Css,
add
script.
Paths
would
be
again
if
you
wanted
to
add
some
js
javascript
files,
so
sort
of
a
common
thing
to
do
would
be
this,
create
a
directory
in
your
new
sub
theme
called
js,
and
then
I
think,
usually
what
we
do
is
this
scripts.js
create
a
new
file,
and
this
is
where
you
could
dump
your
your
custom
javascript.
A
A
Well,
how
do
we
know
well,
first
of
all,
we're
going
to
actually
take
a
peek
at
the
file
system
and
we
can
see
this
is
the
the
themes
directory
in
my
sample
site
here
on
my
a
laptop
and
we'll
notice
that
bootstrap
and
snazzy
were
here
before
and
now
we
have
my
basis.
My
basis
is
my
new
theme.
It
comes
with
the
color
module
you'll.
Remember
we
asked
to
import
that
it
comes
with
a
css
directory
with
a
an
empty
with
an
empty
css
file.
Now
I'm
just
noticing
a
little
bug
here.
A
I
don't
think
this
was
here
before
it
went
and
added
an
extra
dot
css.
So
we
I'm
going
to
report
this
bug
and
we'll
get
that
fixed.
Probably
before
you
get
a
chance
to
use
this
module,
but
we'd
only
we
only
need
the
one
dot
css.
We
don't
need
two
of
those.
I
don't
actually
think
this
is
going
to
hurt,
but
we'll
look
in
a
second
and
see,
then
we've
got
the
the
dot
info
file,
which
is
the
most
important
thing
in
any
theme.
A
This
is
what
makes
a
theme
a
theme
and
we'll
look
at
the
inside
of
that
in
a
second
and
then
we
have
a
templates
directory,
which
has
those
templates
that
we
chose
to
copy
over
okay,
I'm
going
to
quickly
switch
to
my
text
editor.
I
use
sublime
text.
This
is
a
a
free,
open
source
text
editor
that
is
great
for
this
kind
of
theming.
A
Basically,
I'm
just
using
that
to
go
into
my
basis
and
we
looked
at
the
inside
before
we're
going
to
look
at
what
a
sub
theme
that
the
that
info
file
for
the
sub
theme
we're
going
to
notice
it's
pretty
simple
and
straightforward.
These
are
the
settings
you
need.
There
is
some
good
documentation
on
backdrop
cms.org
about
the
dot
info
file
for
themes
or
sub
themes.
A
If
you
want
to
do
more
research,
but
if
you're
just
planning
to
add
some
css,
this
is
all
you
need,
if
you
add
any
additional
css
files
beyond
the
custom
one
we
created
you'll
want
to
fix
that
here.
Now,
I'm
pretty
sure
that,
even
though
this
css
file
is
misnamed,
I
think
it's
going
to
work
just
fine
as
long
as
it's
named
the
same
here
as
it
is
in
the
css
directory,
which
it
is.
However,
we
do
have
an
extra
dot
css
here
that
we
just
don't
need
and
we
should
get
rid
of.
A
But
let's
say
I
decided
to
add
another
custom
css
file,
and
I
wanted
to
call
that
one
sub
themer
dot,
css.
Okay,
I
would
add
that
to
the
css
directory
and
then
I
would
come
here
and
create
another
entry
for
this
new
sub
theme
that
we
or
this
new
css
file
with
a
path
to
it.
So
it's
in
the
css
directory
sub
themer
dot
css
there
we
go
so
now
if
we
created
that
the
theme
would
recognize
and
pull
in
that
css
into
my
site.
A
Okay,
so
we're
going
to
go
back
to
our
site
now
and
the
next
thing
we
would
do
if
we're
creating
our
you
know,
the
basics
of
the
sub
theme
is
we'd.
Go
here
to
the
list
list.
The
themes
we're
going
to
see
basis
is
still
listed
as
the
default
theme
and
we're
going
to
go
down
and
we
find
there's
my
basis
now
before
we
can
use
my
basis.
A
We
have
to
both
enable
it
and
then
make
it
the
default
theme,
so
I'm
going
to
do
both
at
once,
I'm
going
to
click
on
the
enable
and
set
default.
Now.
My
basis
is
the
default
theme.
Now
nothing
will
have
changed.
Yet
if
I
go
to
my
site,
my
site's
going
to
look
exactly
the
same,
because
it's
inheriting
everything
from
the
parent
theme
right
now,
everything
from
basis.
A
But
let's
say
I
want
to
make
some
changes
and
we're
going
to
do
one
or
two
really
simple
things
like
I'd
like
to
do
simple
things
like
change
the
color
of
the
text
in
paragraph
tags,
because
that's
easily
noticeable
and
you'll
see
it
anywhere.
So
if
we
go
back
now
to
our
our
text
editor
and
we
go
into
our
custom
theme-
I'm
actually
going
to
not
save
this
change,
because
I
didn't
create
that
extra
that
extra
file.
A
But
if
we
go
into
that
custom,
css
file
that
we
just
set
up
and
I'm
not
going
to
teach
you
about
how
to
write
css
today,
hopefully
you
understand
a
little
bit
about
that.
But
basically,
if
I
create
an
a
rule
for
paragraphs
that
says,
make
all
text
inside
paragraph
tags
read,
and
I
save
that
and
we
go
back
to
our
site
now
and
we
probably
have
to
flush
our
cashes,
because
the
css
was
cash.
So
I
had
to
flush
the
cash
always
flush,
the
cash.
A
If
you
think
something
should
happen,
and
it
didn't
so
there
you
go
now:
we've
got
the
means
to
start
adding
our
own
custom
css,
which
is
going
to
override
the
default,
and
now
we
can
go
ahead
and
put
anything
we
want
into
this
custom
css
file.
This
should
take
precedence
over
and
override
anything
in
either
backdrop
core
or
the
basis
theme.
Now,
if
you
wanted
to
to
create
a
sub
theme
of
a
different
theme,
you'd
have
to
create
that
separate.
This
is
specific
to
basis.
A
So
if,
for
example,
we
wanted
to
something
snazzy
we'd
have
to
create
a
new
sub
theme.
First,
like
we
could
call
that
my
snazzy.
So
I
think,
for
the
purposes
of
today's
video,
that
we
don't
really
need
to
go
any
further.
Hopefully
again,
you
know
how
to
write
css
and
you
can
start
to
really
doing
all
the
custom
changes
you
want
to
your
to
your
site.
A
I
can
tell
you
from
experience
that
this
has
just
made
the
learning
curve
in
the
the
steps
to
creating
your
first
sub
theme,
much
much
easier,
there's
a
lot
of
nuance:
nuances
in
creating
a
sub
theme
and
things
you
can
that
you,
you
still
need
to
learn
that
are
not
really
helped
by
this.
This
particular
module,
but
go
ahead
and
experiment
with
it
and
and
just
start
building
a
sub
theme
and,
as
you
run
into
problems,
you
can
learn
more
about
sub
theming.
A
Please
use
the
comment
section
of
this
video
to
ask
additional
questions
about
sub
theming
or
visit
us
at
simplo.site
and
leave
your
questions
there
and
we'll
either
try
to
answer
you
personally
or
create
another
video
to
answer
some
of
the
more
detailed
questions
you
might
have.
That's
all
for
today
see
in
the
next
video.