Installing, Importing, and Exporting a Design Pack

Heads up! this post was created when Microthemer was at version 2. The current version is 7. Some references to the interface may be out of date.

packs-menu

A design pack contains folders, selectors, hand-coded CSS, and background images that someone previously created using Microthemer.

To export your work to a design pack:

export-pack

  1. Hover your mouse over the Packs menu at the top right and then click the  Export option.
  2. Give your export a new name in the field provided or select an existing export to update.
  3. The folders which contain selectors will be checked by default. You can choose to only export a subset of folders at this stage if you wish.
  4. Click the export button.
  5. Once Microthemer has finished exporting your settings, the Manage Packs dialog will display.
  6. Click the Download cloud icon to the right of the pack info box to download the design pack to your computer as a zip file.
  7. If you would like to import your design pack on a different domain, please follow the install and import instructions above.

To install and import a design pack:

mange-packs

  1. Download a design pack from your Packs > Manage in Microthemer on domain A.
  2. Login to your WordPress Site on domain B and go to the Microthemer interface.
  3. Hover your mouse over the Packs menu at the top right and then click the  Install and Manage Design Packs icon.
  4. Choose the design pack zip file on your computer and then click the + upload new button.
  5. Once your design pack is installed you can import it into your workspace using the  Import  option from the Packs’ menu at the top right (also note the link to the import page that appears in the success notification after you install a new design pack).
  6. Choose one of the design packs from the drop down menu (or start typing to filter the list). Select either the Overwrite or Merge option. ‘Overwrite’ will replace all the styles you’ve previously applied (including any custom CSS code via the code editor). ‘Merge’ will append folders, selectors, and custom code in the design pack to your existing settings non-destructively.
  7. Click the import button.
  8. The design pack settings will be imported and you should see any style changes appear immediately.

import-pack

NOTE: Design packs only contain alternative CSS styles for changing the appearance of a theme or a plugin. You will still need to obtain the to-be-styled theme or plugin from the author.

Close