Codex Tag: advanced

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.

Architect has many hooks to enable developers to extend and modify it. Last update: v1.4.0   File Filter Name Arguments /application/admin/php/arc-options.php   arc-extend-options apply_filters(‘arc-extend-options’,$this->sections) /application/admin/php/arc-save-process-blueprints.php   arc_blueprint_css apply_filters(‘arc_blueprint_css’, $pzarc_contents ) /application/admin/php/class_arc_blueprints_designer.php   arc_editor_tabs apply_filters(‘arc_editor_tabs’, $fields)   arc-slider-engine apply_filters(‘arc-slider-engine’, array(‘slick’ => ‘Slick’)   arc-transitions apply_filters(‘arc-transitions’, $transitions)   arc-extend-slider-settings apply_filters(‘arc-extend-slider-settings’, $sections[ ‘_slidertabbed’ ])   arc-extend-masonry-settings apply_filters(‘arc-extend-masonry-settings’,$sections[ ‘_masonry’…

In this tutorial, we will learn about using the custom fields feature of Architect by using the very popular Advanced Custom Fields plugin and Architect’s own Snippet post type, to make a product pricing table. In this tutorial we’ll learn about: Custom fields Custom CSS Custom taxonomies Snippets This tutorial covers custom CSS which involves…