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 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 Page Blueprint combined with the persistence of a Live Blueprint. 

This How-To Article describes how you can create a "Team Page" Page Blueprint that references a "Department Resources" Live Blueprint. Separating this content into two different Blueprints means you can manage them separately.

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

Create your Team Page Blueprint

Use the instructions described in Creating a Page Blueprint. For a Team Page Blueprint, we might recommend using substitution fields like [[team-name]] and [[team-description]].  Use a placeholder comment to help you remember where you will reference your Live Blueprint. For example:

HTML Wrap
classdocs-screenshot


Create your Department Resources Live Blueprint

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 Macro 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 add the Live Blueprint Macro. Be sure to reference the name of the Live Blueprint as specified in your JSON File. Save the macro editor and then save the edit page interface.

HTML Wrap
classdocs-screenshot


Test the Page Blueprint (optional)

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, then let the Blueprint Wizard guide you through adding substitution field values. In addition to what was on your Team Page Blueprint, pre-populated with the the substitution field values, the new page should show your Department Resources section.

HTML Wrap
classdocs-screenshot


Test the Live Blueprint (optional)

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. Navigate to the Department Resources Live Blueprint and edit the page (e.g. edit or add a new resource link). Save the page and navigate back to that newly created Team Page. Refresh the page. You should see the new change in the Department Resources section.

HTML Wrap
classdocs-screenshot



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