How To Create an Article and Edit Images - CMCC 11

Last updated 4 minutes ago

Whether you are a Newbie working with CoreMedia Studio, or have already created numerous articles: this guide is intended to provide you with all the basics around creating articles plus a few helpful hints.

LightbulbWhat you'll learn

  • Learn how to create a new page
  • Learn how new pages are added to the navigation
  • Learn how to create a new page from a predefined template

Person reading a bookPrerequisites

  • A working Login to CoreMedia Studio

WristwatchTime matters

4 minutes

Person in front of a laptopShould I read this?

This guide is for Editors, Newbies.

Introduction

In CoreMedia Studio, an Article is one of many content items. Other examples of content items include pictures, videos, and more. To create a new article from scratch, click on Create (1) and choose Article (2) from the list in the drop-down-menu.

Create Article

Next Steps

  1. In the New Article dialog box, provide a title for your article in the Name field (3), then click on Create (4).

    Create Article
  2. Next, edit the basic elements required for most articles:

    Create Article
    • Article Title: Simple text for short text segments, such as headers or subtitles. This field is mandatory.

    • Article Text: Rich text field for longer sections containing, for example, formatting, links, or pictures (5). This field is mandatory, too.

    • Pictures and Other Media: This is where you have different options to add your Pictures and videos (6).

      Once you have added content, you will see it in the Preview (7) on the right-hand side.

      To learn more about editing content in Studio, especially the options you have for your article text, have a look at the Rich Text Editing chapter in the Studio User Manual.

  3. To continue, there are multiple options.

    Create Article
    • Finish editing and apply all changes: Click the icon with the pen and arrow (9) in the Action toolbar on the right.

    • To undo your changes, there is the button Revert Changes underneath.

    • Publish: click the button that indicates a process cycle (10).

      CoreMedia Studio’s preview features a slider tool (8). Your end users can switch between devices with different resolutions. The preview will show the page as if it was to be viewed on a device with a different resolution than a "conventional" desktop display (a mobile device for instance).

Inserting and Editing Images

You can drag and drop images from the library or other locations into a rich text field and edit the images.

Inserting an image

  1. Simply drag the image (for example, from the Library) with pressed left mouse button to the position in the rich text field where you want to insert the image.

  2. Release the mouse button.

The image appears in the text field.

Deleting an image

  1. Click the image to select it.

  2. Press Del on your keyboard.

The image has been deleted from the rich text field.

Editing an image

When you select an image, the contextual toolbar opens up from which you can edit the behavior of your image.

Create Article

Positioning the Image

You can edit the position of the image in a rich text field. Select the image, so that the contextual toolbar opens. Select one of the options (1) to (4) to position your image.

Linking the Image

You can add a link target to an image which will be called when you click the image. Select the image and click the icon (5). You can now add a link as described in the Studio User Manual.

When you want to edit the link, you have to select the image and again click on the Link (5) icon. Then, the contextual toolbar of the link opens up.

Adding Alt Text to Image

By default, images have the image title as alternative text. You can overwrite this by clicking the icon Change image text alternative (6). Simply add the text in the opening dialog and click the save icon.

Adding Alt Text to Image

Clicking the icon Open in tab (7) opens your content item in a new tab. To learn more about all the options you have here, read the Editing Images chapter in the Studio User Manual.

Copyright © 2024 CoreMedia GmbH, CoreMedia Corporation. All Rights Reserved.