Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
namePage Info
id278129461
classwatermark-layer
Content Column
namePage Body
width100.00001%
id278129463
Content Block
background-colortransparent
namePrompt
id494677873
classtight manual-prompt-flex

Combine the power of two Blueprints for a sophisticated information solution to reusing content structures.

Content Block
nameOutcome
rich-link-hoverstrue
id1042866408
classtight manual-outcome-flex

Adding a Live Blueprint inside of a Page Blueprint can be a smart way to isolate and manage certain content sections that may change over time. Doing so means you get the standardization of a template in a Page Blueprint combined with the dynamism of a Live Blueprint. 

One specific application may be on a team page. These are often standardized and so benefit from a Page Blueprint. But there may be certain sections of the Team Template, such as a common set of Department Resources, that you'd like to manage separately. This How-To Article describes how you might go about realizing this scenario.

Content Block
nameSteps
rich-link-hoverstrue
id494842117
classsteps-block numbered manual-steps-flex

Create your Team Page Blueprint

You can follow the initial instructions described in Creating a Page Blueprint. For a Team Page Blueprint, we might recommend using substitution fields like [[team-name]] and [[team-description]].  To help you remember, you can create a placeholder section for where you will reference your Live Blueprint.

HTML Wrap
classdocs-screenshot


(Tip: Brikit recommends saving all of your Blueprints in a dedicated space just for Blueprints; e.g. with space key BLUEPRINTS).


Create your Department Resources Live Blueprint

You can follow the instructions described in Creating a Live Blueprint. For the Department Resources, you will likely want a list of links and maybe some descriptions. If you'd like each individual Team Page (that is, the pages 'stamped out' from the Team Page Blueprint) to have unique on-page links in this section too, then you'll want your Live Blueprint to include substitution fields here as well. 

HTML Wrap
classdocs-screenshot


Define these Blueprints in the JSON File

Navigate to the Blueprint Definitions Page and download the JSON file (or create a new JSON file based on the sample attached to our JSON Reference Page). Follow the instructions on Accessing and Editing the JSON File for adding both the new Page Blueprint object, the Live Blueprint object, and all the substitution field objects.

Be sure to set the "type" field value to "live" for the Live Blueprint object.


Add the Live Blueprint to the Team Page Blueprint

Navigate back to your Team Page Blueprint and edit it. Go to the 'placeholder' section for where you want to reference the Department Resources Live Blueprint and remove any of the placeholder copy. 

HTML Wrap
classdocs-screenshot


Add the Live Blueprint Macro

While in the edit interface, add the Live Blueprint Macro and edit it. The first parameter, the Blueprint Name, should point to the Department Resources Live Blueprint, and, specifically, the "name" field value you used in the JSON File. Save the macro editor and then save the edit page interface.

HTML Wrap
classdocs-screenshot


Test the Page Blueprint

In a separate space, navigate to a page and access the Blueprints Menu (in the Confluence Header). Find the Team Page Blueprint and select it. Follow the Blueprint Wizard prompts for adding substitution values, and then create the page. In addition to what was on your Team Page Blueprint, the new page should show your Department Resources section.

HTML Wrap
classdocs-screenshot


Test the Live Blueprint

Now let's change the Department Resources Live Blueprint just to show how you a change here propagates to the new Team Page you created. Go ahead and edit the page and then edit or add a new resource. Save the page and navigate back to your newly created Team Page. Refresh the page. You should see the new change.

HTML Wrap
classdocs-screenshot


That's it!

This is a convenient and easy way to separate and manage content (and ownership too – by adding permissions and restrictions). Now a team can be responsible for their own page and a separate team (or person) can be responsible for all the Department Resources, thereby eliminating duplication and minimizing effort.


Content Block
nameNote
rich-link-hoverstrue
id495965127
classmanual-note-flex
collapsiblecollapse
Note

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.
Content Block
nameTip
rich-link-hoverstrue
id894522670
classmanual-tip-flex
collapsiblecollapse
Tip

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
nameWarning
rich-link-hoverstrue
id894530759
classmanual-warning-flex
collapsiblecollapse
Warning

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
nameInfo
rich-link-hoverstrue
id894537203
classmanual-info-flex
collapsiblecollapse
Info

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Layer
background-color$lightGrayColor
nameRelated
id888168050
Content Column
nameRelated
width100%
id888168051
Content Block
rich-links-hide-descriptiontrue
rich-link-hoverstrue
rich-links-columns4
rich-links-verticaltrue
rich-links-image-height100px
rich-links-hide-site-icontrue
rich-links-details-padding10px
nameRelated
rich-links-enabletrue
border-width0
rich-links-details-alignmentleft
rich-links-margin20px 30px 0 0
id496234544
classrelated-block clean manual-related-flex