Full Site Editing

Introduction to Full Site Editing with Breakdance

This is a comprehensive guide on full site editing functionality in Breakdance. This feature allows for complete visual design control of various website elements including headers, footers, templates, blog posts, archives, WooCommerce products, and more.

Designing your Site with Templates

Templates provide reusable layouts for your site. A template is generally applied to multiple locations on your site, such as at the top of every page (headers), the bottom of every page (footers), or to every blog post (blog post template.)

Headers

Headers are a special type of template reserved for content you want to have shown at the top of your site. Usually, headers contain your site logo, contact information, and navigation menu. Headers can also be things like notification bars or other types of content that need to be repeated in multiple locations at the top of the page.

Creating and Customizing Headers

  1. Navigate to Breakdance > Headers in the WordPress admin panel.
  2. Click “Add Header” to create a new header.
  3. Choose a title for the Header.
  4. Choose a location where the Header should appear.
  5. Add Header conditions as needed.
  6. Set the Header’s priority. If more than one Header may apply at once, you may need to raise the priority of your Header to ensure it is used instead of a competing one.

Once your Header is created, you can click “Add Header” and edit it in Breakdance.

Footers

Footers are a special type of template reserved for content you want to have shown at the bottom of your site. Usually, Footers contain links for your site, company information, copyright dates, and contact information.

Creating and Customizing Footers

  1. Navigate to Breakdance > Footers in the WordPress admin panel.
  2. Click “Add Footer” to create a new footer.
  3. Choose a title for the Footer.
  4. Choose a location where the Footer should appear.
  5. Add Footer conditions as needed.
  6. Set the Footer’s priority. If more than one Footer may apply at once, you may need to raise the priority of your Footer to ensure it is used instead of a competing one.

Once your Header is created, you can click “Add Footer” and edit it in Breakdance.

Templates

Templates are more generic than Headers and Footers and can be applied anywhere on your site. Templates can be used for displaying archives (e.g. your list of blog posts), pages, posts, and more.

Creating and Customizing Templates

To create a Template, go to Breakdance > Templates in the WordPress admin panel and click “Add Template.”

There are a few different types of templates you can create. You can learn more about the different types of templates available in our Creating A Template article.

Template application can be controlled via Conditions as well, just like Headers and Footers. You can learn more in our Template Conditions article.

Once you’ve created your Template and decided where you’d like for it to be used, you can edit it in Breakdance to design its layout.

Advanced Settings and Theme Control

Under Breakdance > Settings > Theme in the WordPress admin panel, you can choose to disable the WordPress theme (default, recommended) or enable the WordPress theme.

If you enable the theme, your theme’s header, footer, and templates will be used unless they are explicitly overridden in Breakdance. Your theme’s styles may also effect the design of Breakdance elements.

Note that if you choose to keep the theme for reasons other than the theme’s design, you can consider using the Breakdance Zero theme, which is completely blank but supports things like child themes, plugin template overrides, and functions.php.

Performance Considerations

Disabling the WordPress theme system enhances performance and flexibility, ensuring that the active theme does not impact the site’s performance.