natewr/clc-demo-theme

A theme which demonstrates how to integrate and extend the content-layout-control framework at github.com/NateWr/content-layout-control.

Content Layout Control Demo Theme

This theme demonstrates how to integrate the content-layout-control framework in your theme.

So far it only demonstrates a very basic integration, using the two components provided by default.

Install

The simple way is to download the latest release package and install it as you would any other theme. Once activated, open any Page in the Customizer and look for the Content Layout Control section.

If you want to build from source:

git clone --recursive https://github.com/NateWr/clc-demo-theme.git
cd clc-demo-theme/lib/content-layout-control
npm install
grunt build

Plans

• Add a custom component
• Extend a component
• Using the secondary panel in a custom component
• More complex active_callback logic
• Disable the post editor to prevent data bleed
• Maybe write a tutorial or something that explains better what the code is doing
• Doing crazier things, like extending the control itself, not saving to post_content, running two controls at once, etc.

Example

Here's a user-facing demo video showing a fleshed out implementation in the Luigi theme.

clc-demo-theme's Issues

How to create a new component?

Hey @NateWr - I use your luigi theme in one of my projects.

I am a bit confused with all the files and folders and I thought maybe you could give me a short introduction to the necessary structure. Could you just briefly tell me

• where to place the files of a new component and
• how to register those so I could e.g. use them in the "Homepage Editor"
• or how to add a specific shortcode to the "Mix'n Match' dropdown selection

Thanks for your support!

Not working :(

I just came across this, and tested it and seems not working, looks like some js error occurring. If you could help fix this that will be great.

http://www.giphy.com/gifs/3o7aDawrjGyGf1WCDm

TIA,
Munir