►
From YouTube: Turning a client design into a contrib theme
Description
This was a 30 minute informal discussion (with six participants from todays weekly dev meeting) on how to turn the designs for a specific non-profit client into a potential contrib theme called "Opera."
We discussed which elements of the design should be controlled by the theme and how best to accomplish it.
This was an informal (and spontaneous) discussion - not a presentation, but may be useful to individuals interested in this topic.
A
Technically,
we
are
now
live
for
this
special
meeting,
which
is
just
to
talk
about
some
some
contrib
theming
issues,
and
I
am
going
to
share
my
screen
again
oops.
Let
me
quickly
it's
about
to
no
yep
there.
We
go.
A
So
this
is
the
design
well
here
the
quick
introduction.
The
purpose
of
this
meeting
is
to
talk
about
if
we
were
to
take
a
design
like
this
and
turn
it
into
a
contrib
theme,
you
know
sort
of
what
belongs
in
the
theme
and
what
doesn't,
I
think,
that's
on
a
broad
scale
and
sort
of
how
to
handle
that,
and
I
was
about
to
bring
in
the
issue
of
config
or
config
recipes,
which
is
one
solution
to
go
with
this.
A
But
let's,
let's
get
back
to
that,
a
real,
quick
look
at
the
theme.
This
is
for
a
project.
A
local
nonprofit
that
supports,
raises
basically
raises
money
and
supports
musical
theater
education,
specifically
opera
stuff,
but
I
think
they
do
a
little
more
than
that.
The
the
design
basically
calls
for
a
bunch
of
sort
of
I'm
calling
them
hero
blocks.
I
don't
know
if
that's
true
when
they
don't
have
an
image
behind
them,
but
sort
of
full
width
blocks
with
content
in
them,
including
like
this
one,
would
be
a
view.
A
Some
of
these
would
just
be
content.
Some
of
these
would
benefit
from
olaf's
info
block
nodes.
Potentially-
and
you
know-
that's
probably
the
strongest
unique
thing
that
isn't
easily
done
in
core
right
now
is
that
that
front
page
block
most
of
the
rest
of
the
site
is
pretty
straight
straightforward
and
it
might
be.
You
know,
just
sort
of
stylistic
choices
that
this
theme
makes.
A
A
Although
again
a
lot
of
that's
already
visible
or
available
in
core,
but
again,
not
too
much
else
in
this.
I
think
the
mat
then
again
the
ability
to
do
the
blocks
on
the
front
page,
but
this
is
the
big
thing
and
jan
before
you
got
here,
we
talked
about
the
fact
that
there's
probably
nothing
about
this-
that
I
couldn't
do
today
with
contrib
modules
and
core.
A
You
know
without
having
to
write
any
custom
code
except
well,
one
that
you
know.
I
might
need
some
to
do
some
css
tweaks
to
make
it
look
good,
but
two.
It
wouldn't
be
easy
right,
it
would.
You
know,
in
my
view,
to
do
this
right
now
with
core
and
contrib
modules
would
require
fairly
at
least
intermediate
knowledge,
if
not
advanced,
of
how
layouts
work
and
and
the
modules
that
are
available.
A
Yet
it
seems
to
me,
like
it's
a
really
common
use
case
and
should
be
easy
to
do
in
backdrop.
So
my
goal
for
this
theme
would
be
to
make
something
like
this
easy
to
do
in
backdrop,
and
then
the
question
is
okay.
So
what
like,
how
how's
how
opinionated
would
we
be
about
the
content
in
these
blocks
and
and
how
flexible
could
we
make
them
and
yeah?
I
don't
know,
I
think
olaf's
immediate
response
was
we
ought
the
core
ought
to
be
able
to
do
all
of
this.
B
So
what
what
layout
are
you
using
right
now
for
this
home
page.
A
This
right
now
this
is
a
design
that
just
came
from
the
designer.
I
have
not
even
started
to
search
for
this
okay,
so,
like
again,
I
co.
You
know
I
have
my
ideas
about
how
I
would
do
it
if
I
were
just
making
it
for
me
for
for
this
client
and
didn't
intend
to
reuse
it
at
all.
I
mean
in
that
case
I
might
just
make
my
own
layout.
B
Yeah,
so
I
can
tell
you
what
I
would
do
and
you
can
stop
me
if
this
isn't
helpful.
But
it
looks
like,
like
your
sub
pages,
look
just
like
core
already
right,
where
they
have
a
full
width,
header
and
a
width,
footer
and
a
narrow
column
in
the
middle
and
that's
kind
of
what
core
does
out
of
the
box
right.
C
B
Use
boxed
in
the
one
column
layout
and
in
my
homepage
style
sheet
I
would
have
a
css
that
overrides
the
container
class
so
that
it
would
the
whole
thing
would
be
full
width.
So
normally
the
container
is
what
constrains
that
center
column.
With
the
bleed
on
the
left
and
the
right,
and
on
the
home
page,
you
could
use
boxed
in
to
to
get
the
full
width
stripes
that
you
wanted
by
overriding
that
container
class
and
then
in
order
to
put
the
content
in
here
I
mean
this.
B
This
again
is
like
up
to
you
whether
this
is
a
node
or
a
view.
I
would
probably
do
it
with
views,
because
then
you
wouldn't
need
to
mess
with
the
layout.
You
would
just
do
like
a
two
column
view
with.
I
don't
know
what
these
are
a
node
type
sort
of
what
this
would
be
like
a
row
right.
So
you'd
have
like
a
like
a
blue
row
and
a
red
row
or
whatever
right.
You
could
have
like
a
node
queue
that
controls
the
order
and
then
the
color
stripes.
B
I
would
just
do
with
the
order
of
the
row,
so
you
can
drag
the
rows
around.
It
will
still
always
be
blue
red
yellow.
It
would
just
be
like
the
first
stripe
is
blue
and
the
second
type
is
red
whatever,
and
you
can
do
that
with
one
style
sheet.
B
That
is
only
added
on
the
front
page,
and
that
would
make
it
really
easy
for
somebody
to
do
a
contrib
theme
and
if
they
didn't
want
this,
they
could
just
override
that
style
sheet
in
a
sub
theme,
and
it
would
or
comment
it
out
with
an
info
file
if
they
didn't
want
a
sub
theme
and
they
would
get
the
design
for
all
of
the
sub
pages
without
the
custom
home
page
forward.
Stripes,
okay,.
A
Yeah
yeah
now
I
and
it
could
be
that
our
contrib
theme
isn't
sophisticated
enough
to
handle
that.
But
I
mean
that's
definitely
a
prerequisite
for
this
project
and
I
think
it's
actually
a
common
one.
Like.
C
B
A
That's
nice.
Your
first
point
jen
was
to
do
what
to
do
an
override
to
add
a
class,
so.
B
I
would
just
do
a
style
sheet.
I
wouldn't
even
touch
the
marker.
I
would
just
add
a
style
sheet
that
only
affects
the
homepage,
so
I
would
include
it
in
template.php.
I
would
say
if
his
front
page
include
front
css
or
whatever
or
you
could
yeah.
That's
probably
how
I
do
it,
but
you
could
like
css
altered
in
or
some
something
else,
and
then
in
that
style
sheet,
where
there
is
a
container
dot
container,
and
then
it
has
the
margins
on
it.
B
You
you
would
make
the
main
column
is
the
one
where
those
containers
are.
I
think
it's
called
main,
so,
whatever
the
main
container
is
that
one
would
go
full
width
and
then
every
one
of
these
rows
would
have
its
own
container.
That
would
be
inside.
So
if
it
was
a
block,
you
could
put
the
container
glass
on
the
blocks
and
that
would
make
it
snap
inside.
So
you
get
the
full
bleed
background
and
you'd
still
have
the
content
in
the
area
you
want
to
have
it.
B
If
you're
doing
like
joseph
sudbury,
you
move
the
titles
left
in
the
content
to
the
right.
That
could
just
be
part
of
your
positioning
where
you
could
say
like
you,
could
either
add
bootstrap
classes
to
the
title
and
the
content
or
you
just
position
them
themselves
and
say,
like
left
side
is
always
you
know,
100
pixels
from
center
or
whatever
100
pixels
from
left
margin.
Or
I
don't
know
what
the
constraints
are
in
different
size
browsers.
But.
A
A
E
A
Right,
yep
and-
and
it's
not,
and
that
we,
I
don't
think
we
have
a
contrib
theme
and
certainly
basis
doesn't
do
this.
So
I
I
mean
basis
provides
some
of
this.
Through
with
the
color
module
support
you
could
you
can
give
your
header
and
footer
unique
colors?
We
talked
about
the
fact
that
you
can't
adjust
the
height
of
the
the
hero
image
in
bases,
except
through
the
content
basis
relies
on.
C
A
Okay,
so
it
sounds
like
the
key
feature
you
know.
The
key
features
in
this
theme
would
be
the
ability
to
do
these
blocks
on
the
front
page,
the
ability
to
the
the
the
hero
image-
and
you
know,
with
some
with
some
assumptions
that
are
better
than
what
basis
makes
I
mean
I
think
we
would
still
just
use
the
you
know
the
hero
image
block
and
the
existing
layout.
We
wouldn't
need
to
do
anything
custom
for
that.
We
just
need
to
theme
it.
A
You
know
to
provide
some
better
defaults.
It
sounds
like
maybe
a
a
little
bit
more
control
over
the
the
header
and
the
footer.
So
what
else
is
there
other
things
about
this
theme
that
that
this
should
have
opinions
about.
A
B
So
I
was
thinking
like
header
footer
color,
but
if
you
wanted
to
include
this
home
page
stripe
thing
that
might
also
be
a
fun
place
to
play
with
color
module
where
you're
giving
people
you
know
blue
red
and
gold,
but
if
they
wanted
that
to
be
right,
something
else
they
could
control.
That
too.
A
You
know,
I
think,
if
you
were
to
have
one
white
block
with
some
text
between
the
the
hero
image
and
the
blue,
that
would
be
a
more
standard
kind
of
thing
I
would
expect
to
see,
so
I
would
want
to
provide
enough
flexibility
right
that
users
could
do
something
like
that,
the
this
particular
layout
for
the
contents.
Let's
look
well.
D
A
C
A
If
well,
certainly
to
do
this
right
now,
I
would
need
the
configurable
block
style
module
so
this,
but
this
layout
within
the
blocks
right,
that's
fairly
specific
and
I
think
something
like
this
is
useful
and
could
be
included
in
the
theme,
but
I
don't
think
it
should
be
required.
B
So
one
thing
that
wes
does
that,
I
think,
is
pretty
cool.
Is
he
has
this
concept
of
utility
classes?
I
think
there's
some
in
basis,
but
he's
done
this
in
his
contributions
too,
and
then
he
has
a
module
that
lets.
You
specify
your
utility
classes
in
your
input,
yeah
in
your
theme's
info
file,
and
then
the
module
will
give
you
a
drop
down
list
on
the
block
form.
So
that
way
you
could
say,
like
this
block
is
the
title
on
left.
This
block
is
title
on
right.
This
block
is
blue
background.
A
So
would
that,
could
you
add
these
utility
classes
through
the
theme
or
would
it
require?
You
just
have
a
dependency
just.
B
B
The
following
classes-
and
it
had
like
a
list
of
allowed
utility
classes.
This
is
his
modules
much
better,
so
that's
a
way
that
I
find
a
really
useful
way
to
provide
functionality
to
people
who
are
building
the
site
without
requiring
that
they
modify
the
theme.
D
I
haven't
messed
with
wes's
module.
Does
it
like
automatically
pick
up
your
classes
or
do
you
have
to
put
something
in
your
info
file.
B
D
Is
it?
Is
this
module
just
a
drop
down
list,
or
is
it
like,
like
a
taxonomy
style,
autocomplete
thing.
C
C
B
Yeah
column
class
needs
to
be
inside
a
row,
a
div
with
a
row
class
on
it,
and
so
the
way
the
layouts
work
automatically
is
that
the
row
is
usually
part
of
a
parent
region.
And
so
then,
if
you
put
like
a
block
like
three
levels
in,
it
won't
work.
But
if
you
add
a
row
to
the
parent
and
then
put
a
class
on
the
block
that
works.
So
I
have
a
lot
of
sites
where
I
do
that
too.
I
always
add
the
class
to
the
block.
D
Yeah,
I
think
I
think,
the
the
version
of
bootstrap
we're
using
kind
of
assumes
that
your
layout
is
like
a
vertical
flex
and
then
in
there
are
a
whole
bunch
of
horizontal
flexes
and
then
those
container
blocks
yeah.
B
E
A
Okay-
okay,
I
I
I
wanna
raise
this,
which
is
again
like
the
opinion
about
this
particular,
so
I
get
how
we
use
layout
classes
to
decide
which
side
this
this
goes
on,
but,
like
there's,
some
configuration
involved
in
like
how
to
set
up.
Is
this
a
a
a
an
info
block
node?
In
a
view,
and-
and
I
would
like
to
because
well,
I
would
like
to
build.
I
have
the
these
recipes
config
recipes,
which
is
again
a
very
crude
idea
of
the
bigger
recipes
idea
that
we're
talking
about.
A
I
would
love
to
see
some
progress
on
this.
In
the
meantime,
I
could
create
recipes
for
the
the
view
and
the
content
type
that
are
necessary
for
this
specific
layout
and
then
just
make
those
sort
of
optional
with
the
theme,
so
that
wouldn't
necessarily
be
part
of
the
theme
I
think,
but
it
would
be
like
I
could
have
some
some
screenshots
that
say
yes
to
create
this
particular
layout,
implement
this
config
recipe
with
this
theme,
and
it
will
work.
B
Yeah-
and
I
have
done
that
a
lot
too,
where
you
can
leverage
the
css
class
option
in
views
to
add
a
css
class.
A
little
target
like
this
view,
will
only
get
targeted
if
it
has
this
class
on
it
and.
B
I
don't
know,
theme
was
named
rainbow
or
something
that
class
would
start
with
like
rainbow
dash
dash
or
whatever,
and
then
only
if
somebody
had
added
that
class
to
their
view
would
it
trigger.
So
if
you
have
a
recipe,
you
include
the
class
in
the
recipe
or
if
they
wanted
to
make
their
own
view
as
long
as
it
has
that
class
on
it,
it'll
still
get
this
pattern
applied
and
that's
pretty
useful
too.
A
Okay,
that's
how
that's
really
helpful
on
a
kind
of
very
superficial
level,
I'm
thinking
about
calling
the
steam
opera
just
because.
A
Well,
partly
why
I've
settled
on
that
so
quickly
is
because
it's
like
it
isn't
bad
and
I
don't
want
to.
I
don't
want
to
set
the
bar
too
high
any
other
thoughts
from
a
community
perspective
of
if
I'm
building
a
concrete
theme
like
this.
What
should
it
include,
and
I'm
thinking
about,
I
think
one
of
the
things
that
that
we've
talked
about
in
the
past
are
like
the
lack
of
themes
with
say,
a
sas
starter
kit,
which
I
would
the
I
want.
A
This
theme
to
work
out
of
the
box
for
people
who
don't
need
to
you
know,
make
a
sub
theme
so
that
it's
useful
for
them,
but
I
feel,
like
you
know,
some
people
may
want
to
sub
theme.
It
that's
fine
and
I
would
probably
include
a
sas
starter
kit,
but
maybe
not
require
that
you
could
either
just
do
it
in
regular
css
or
create
your
something
with
sas.
Does
that
make
sense
to
people?
Does
that
feel
useful
or.
B
B
A
A
Yes,
about
sort
of
providing
some
sas
defaults
for
sub
themers.
Is
that
something
that
I
I
feel
like?
That's
something
that
we
don't
have
much
of
in
the
backdrop
community.
I
I
learned
about
sas
because
of
zen
and
the
ability
to
use
sort
of
their
starter
kit
that
really
helped
me
and
I
so
I
feel
like
that
could
be
a
useful
thing.
But
I'm
looking
for
feedback.
C
C
I
think,
because
it's
making
things
too
complicated
related
to
the
advantages
so,
and
I
my
impression
is
that
recently
also
people
who
used
to
use
says
are
going
away
from
it
and
writing
again
just
css.
B
Yeah,
I
feel
like
a
lot
of
the
things.
The
advantages
we
used
to
get
from
sas
are
now
possible
in
css
things
like
variables
and
stuff,
so
it
makes
it
less
attractive
now
than
it
used
to
be.
I
have
also
moved
away
from
using
sas
on
any
project
where
I
have
that
decision,
because
I
find
it
sometimes
is
more
time
consuming
to
figure
out
like
where
things
are
and
why
things
aren't
working
than
it
is.
B
If
I
just
have
the
css
files,
it
also
makes
development
a
lot
slower
if
you're,
in
a
hurry.
Waiting
for
yourself
to
compile,
can
be
really
painful,
but.
B
D
B
B
A
B
I
feel
like
when
it's
most
valuable
is
when
you
have
a
lot
of
possibilities
in
your
theme,
and
you
might
want
to
include
some
subset
or
not,
and
in
this
theme
it
looks
like
it's
pretty
straightforward
and
I'm
not
sure
I'd
see
a
huge
advantage
to
using
it
other
than
your
point
that
there
aren't
a
lot
of
themes
that
already
have
it.
I
think
that
would
be
the
main
reason
to
include
it.
I
would.
A
B
B
What
are
those
called?
They
have
like
a
bunch
of
predefined
patterns,
oops.
B
Yeah
stuff,
like
that,
where
you
could
be
like,
I
want
to
start
with
this
base,
then
that's
really
handy
to
have
that
easy
to
add
that
way.
A
Okay,
okay,
that's
all
helpful
advice
and
I
I
kind
of
agree
jen
with
your
comment.
The
main
reason
I
thought
about
doing
it
was
just
because
the
lack
of
others
not
that
it's
needed
in
this
theme
yeah-
and
maybe
I
should
think
more
about
that,
like
adding
it
somewhere
else,
because
this
is
probably
not
the
best
theme
for
that
kind
of
need
in
in
some
ways.
This
theme
is
designed
for
folks
who
aren't
going
to
use
sas.
A
A
A
Maybe
we've
already
answered
this.
This
is
another
thing.
This
is
really
the
idea
of
this
block
up
here.
Register
now
for
vocal
essence
is
like
emergency.
You
know
you
want
to
put
a
short
term
announcement,
so
you
just
you
need
something.
That's
only
going
to
be
up
there
temporarily
and
I'm
wondering
I
don't
know.
If
that's,
this
is
really
a
theme
thing
other
than
that.
The
theme
is
ready
for
it.
It's
really
an
info
block
and
a
block
on
the
region.
A
E
Thought
I
thought
about
that
too
various
times
it
seems
like
it
might
be.
E
B
You
could
say,
like
my
theme,
supports
the
like
info
banner
module
or
whatever,
and
then
your
theme
would
have
this
special
color
here
and
so
someone
dropped
it
in.
It
would
add
something
and
you
you
would,
I
don't
know
yeah.
I
have
the
same
thing
on
a
bunch
of
sites
for
my
clients
like,
I
really
just
want
to
change
this
text
and
I'm
like
gosh,
there's
just
no
place
to
put
that
text,
and
then
I
end
up
building
them
like
a
custom
form
where
they
can
enter
and
save
the
text.
C
A
Snippet,
well,
I'm
actually
thinking
that
this
there
will
be
a
recipe,
a
config
recipe
for
this,
because
really
it's
a
content
type
and
it's
a
block.
I
think
I
could
pretty
much
do
that
in
config
and
then
somebody
could
add
that
config
and
the
theme
could
just
support
it.
So
it
wouldn't
be.
You
know
it
wouldn't
the
theme
wouldn't
create
the
opportunity
to
create
these
blocks,
but
it
would
support
them
if
the
user
did
and
it
would
tell
them
how
to
do
it.
A
It's
like
there's
so
many
different
things
you
can
do
up
here
with
like
the
the
user
menu
and
the,
and
I
suppose
I
think,
jen,
that
this
is
where
you
and
I
have
talked
about
like
you
know
that
you
can
do
some
some
stuff
in
the
theme
template
file
to
help
position
to
make
some
assumptions
up
front
a.
A
B
Have
like
a
dedicated
menu
for
your
top
one?
That's
not
the
user
account
menu
actually
usually
is,
and
then
the
bottom
one
you
can
choose
if
that
needs
to
be
like
a
drop
down
menu
or
not,
I
think,
for
a
recommended
theme,
we're
required
that
you
support
the
drop
down
menu
so
even
though
this
site
may
not
need
it,
you
would
still
need
to
think
about
what
those
links
look
like
when
it
was
a
drop
down
menu.
A
A
Yes,
I
will
share
that.
I'm
going
to
go
ahead
and
stop
the
recording.
How
do
I
do
that
now
again?
Oh.