Documentation Center

Step 3: Creating Components

Now that we have a Schema, we can create Components based on that Schema, one for each article in our design.

About this task

We first make Multimedia Components (containing the images), so that we can refer to them from our Components (containing the articles).

Procedure

  1. Decide on a set of images to use in your articles. You can use the ones included in the design files, or you can use your own (this works best if the are roughly the same dimensions as the original ones).
  2. In Content Manager Explorer, select the Building Blocks Folder in your Publication, and in the Ribbon toolbar Create tab, select New Folder to create two new Folders: Components and Multimedia Components.
  3. Navigate to Multimedia Components and in the same Create tab, select New Component > New Multimedia Component.
  4. In the dialog that opens, set Name to a descriptive name of an image you want to use, and Schema to Image.
  5. In the Component Content area that appears, select the type of image from the Multimedia Type dropdown, and select Load from Disk to navigate to, and select, the image you want to upload.
    The image appears in the dialog.
  6. Click Save and Close to save your Multimedia Component.
  7. Repeat the steps to upload more images and save them as Multimedia Components.
  8. Navigate to the Folder \Building Blocks\Components\ that you created earlier, and in the same Create tab as before, select New Component.
  9. In the dialog that opens, set Name to a descriptive name of an article you want to add to Content Manager, and Schema to Article.
  10. Fill in the text fields that appear. The Body field lets you add formatting to the text.
  11. Set a value for the Date field using the calendar control.
  12. Click the Browse icon next to the Image field and in the dialog that opens, navigate to \Building Blocks\Multimedia Components\Design\ and select one of the images you uploaded as an image to go with your article. Click Insert to use it.
  13. With all fields filled in, select Save and Close to save the Component.
  14. Repeat the steps to create more articles.