Exporting Blueprints and Making your own Presets

  • Contents

  • As of Architect v1.4, you can now import Blueprints and Presets.

    This also means, you can make your own Presets. If you are a designer, you could even sell them!

     

    Getting started

    Getting started

     A Blueprint is saved in a text file that you can then import later, or include in a Preset.

    A Preset requires a folder of its own, which is then zipped up and the zip file distributed.

    Therefore, to get started on a Preset, first create a folder (directory) for its files. Do not include spaces in the folder name.

    Export a Blueprint

    Export a Blueprint

    Go to the Blueprints listing screen, find the Blueprint you want to use in the Preset and click the Export option

    The export data

    The export data

    A block will appear with the Blueprint in a text data format that you can copy and paste.

    Select it all, right-click, and copy.

    The Blueprint data file

    The Blueprint data file

    Start a new file in your preferred text editor, and paste the export data into it.

    Save Blueprint file

    Save Blueprint file

    Save that file to the folder of your Preset. Make sure to add a .txt extension. Like the folder, do not include spaces the name.

    At this point, you have a Blueprint data file that itself could be imported in Architect > Tools > Import

    Make a snapshot

    Make a snapshot

    The next file we need is a snapshot to show what our Blueprint looks like.

    Take a screenshot of the Blueprint and paste it into your image editor of choice.

    Save screenshot

    Save screenshot

    Save the screenshot as a jpg format and scale it so the height is 150px. Save it into the preset folder. And again, no spaces in the name.

    Make an info file

    Make an info file

    The third file we need has a little bit of extra info to show the user for promotional purposes.

    Create a file called "info.json"

    This is a standard JSON file with three fields: designer, category and webpage

    • designer is your name
    • category must be one of: Sliders, Grids, Tabular, Accordion, Masonry or Tabbed.
    • webpage is the web address of your site
    {"designer":"Chris Howard","category":"Grids","webpage":"pizazzwp.com"}
    Zip it up

    Zip it up

    Zip the preset folder up, and you're done!

    You now have a Preset ready to distribute. Of course, do test it before you do!

    Importing Blueprints and Presets

    Importing Blueprints and Presets

    Read the Importing Blueprints and Presets tutorial to learn how to do that part of the process.