Article Studio Basics

You'll learn how to use the Article Studio to create and enhance the article versions of your publications.

In this article we'll cover:

• How to extract the content from PDF to the article builder
  
• Text editing toolbar
• Image tools
• Other tools
• Creating styles
• Creating a brand kit

Extracting content to build the article version

To start building the article version page, click on the content items on the right side page preview:

Text editing toolbar

Select the text to apply the following formatting:

	Allows to choose the type of the text
	Makes the text bold
	Makes the text italic
	Underlines the text
	Changes the text color
	Highlights the text
	Positions the selected text half a character above the normal line
	Positions the selected text half a character below the normal line
	Creates a series of items broken up by bullet list, numbered list or task list
	Adds the text into quotation
	Formats the text as a code snippet
	Opens the text alignment tool

Image Settings

Select an image and click the pencil button to access the image settings:

The image settings will open up on the left side:

• In the Edit section you can change dimensions of the image by either typing in % or pixels:
  
  
• To make the image corners more round, adjust the value of the corner radius:
  
  
• It's also possible to adjust the opacity of the image:
  
  
  
  
• You can flip an image by height or width using an image editor's flip tool:
  
  
• Info section:
  

This section is designed to add accessibility details, descriptive text, and attribution information to images in your articles. It helps make your content more accessible for screen-reader users, provides optional captions or tooltips for readers, and allows you to properly credit image sources and choose how that information is displayed.

Alt Text
Write a short description of the image so screen readers can interpret it for visually impaired users.

Caption
An optional line of text that appears beneath the image.

Tooltip
Optional text that appears when someone hovers over the image.

Creator
Name of the person or organization who created the image.

Source
A URL or reference showing where the image came from.

License
Select the appropriate usage license for the image.

Display Options - Position
Choose where the image information is displayed

• To replace an image, select it and click on the first button to choose a new item from the media library:
• To apply masks, click on the Crop button:
  
  
  
  

Other tools

	Add a link to the page or an element
	Insert an image. Learn how to work with the media Library here.
	Add column
	Add a divider to the page
	Clear the formatting of the elements