{"id":2385,"date":"2023-05-27T22:52:44","date_gmt":"2023-05-27T22:52:44","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/creative-studio-2\/"},"modified":"2026-07-16T19:06:54","modified_gmt":"2026-07-16T19:06:54","slug":"creative-studio-2","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/creative-studio-2\/","title":{"rendered":"Creative Studio"},"content":{"rendered":"\n

Top Bar<\/strong><\/h3>\n\n\n\n

At the top of your creative studio, you will see a bar of buttons with key functionality to navigate, edit and proof your creative.<\/p>\n\n\n\n

Open the Ion-logo menu at the far left to navigate to Home or back through the portfolio, campaign and creative hierarchy. Use the Page menu beside it to move between pages in the current creative.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The centered status badge always shows the creative’s current status. The privacy-safe test creative shown here is Draft; a live creative displays Live in the same location.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The placeholder visibility control beside the Page menu toggles the editing placeholders on the canvas.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The Breakpoints menu lets you view and edit the page at Mobile (XS), Landscape mobile (SM), Tablet (MD), Desktop (LG), X-Large desktop (XL), Ultrawide desktop (XXL) and Adaptable view (AW) sizes. Check the relevant breakpoints before publishing a responsive page.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

At the top right, use Undo and Redo for recent page changes, or Version history to review and restore an earlier creative version.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Tag Map and Preview remain at the top right. Open More options (the three-dot menu) to reach Proof and Live URL.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Live URLs<\/strong><\/h3>\n\n\n\n

Open Creative settings and select Live URLs to see the URLs assigned to the creative. Live URL is also available from More options.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Add elements<\/strong><\/h3>\n\n\n\n

Open Add elements on the left to find the controls for adding content to the page. The controls are grouped by purpose; drag the element you need onto the canvas to begin editing it.<\/p>\n\n\n\n

\"Elements<\/figure>\n\n\n\n

Layout<\/strong><\/h4>\n\n\n\n

The Layout group in Add elements contains the structure controls for the page, including grids, rows, columns and containers. Use them to build the responsive structure into which you place content.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Basics<\/strong><\/h4>\n\n\n\n

The Basics group in Add elements contains common page elements such as text, images and links, plus the additional basic controls shown in the panel.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Interactive<\/strong><\/h4>\n\n\n\n

The Interactive group in Add elements contains current components for interactive layouts and media, including tabbed and layered content, accordions, lightboxes, video and other reusable interactions.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Social<\/strong><\/h4>\n\n\n\n

The Social group in Add elements contains the current sharing and network controls, including Facebook, X, LinkedIn, Pinterest, email and WhatsApp options.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Editing elements<\/strong><\/h3>\n\n\n\n

Select an element on the canvas to open its inspector on the right. Element settings are organized in that inspector, while focused editors provide Cancel and Apply controls for direct content changes.<\/p>\n\n\n\n

Text – just click and edit<\/strong><\/h4>\n\n\n\n

Select a text element to open the Text inspector, then choose Edit Text to open the focused editor. Make the change and choose Apply, or choose Cancel to leave the text unchanged. Other text settings remain available in the right inspector.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Images – upload directly from your page<\/strong><\/h4>\n\n\n\n

Select an image element to open the Image inspector, then open Select an image to reach the image library. Search the library or browse its categories for the asset you need.<\/p>\n\n\n\n

You can upload an approved image from the library dialog when needed. Use only assets that are cleared for the creative and do not expose private or client data.<\/p>\n\n\n\n

After placing the image, use the sections in the right inspector to configure its action, rules, styling and other available settings.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Links<\/strong><\/h4>\n\n\n\n

Select the link or button to open its right inspector, then use Edit Link Label to change the text in the focused editor. Choose Apply or Cancel, and configure the link action, rules and styling in the inspector.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Layers<\/strong><\/h3>\n\n\n\n

The Layers panel shows the page’s nested structure. Elements are grouped beneath the rows, columns and containers that hold them, making it easier to understand the current hierarchy.<\/p>\n\n\n\n

Expand a branch in Layers to find an element, then select it to locate it on the canvas and open its inspector.<\/p>\n\n\n\n

The tree labels and icons identify each item and its element type while preserving the parent-child structure of the page.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Pages and Page rules<\/strong><\/h3>\n\n\n\n

Page rules appears on the right and shows the rules configured for the current page. Open it to add or edit rules that execute on page load.<\/p>\n\n\n\n

Open Pages on the left to see and navigate the pages in the current creative. Page navigation is separate from the Page rules area shown on the right.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Creative pages<\/strong><\/h3>\n\n\n\n

Use the Page menu near the top left to choose another page in the creative or select New Page. The Pages area also provides page navigation; there is no separate Creative tab in the current Studio.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

If you have any questions, please contact us on help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Top Bar At the top of your creative studio, you will see a bar of buttons with key functionality to navigate, edit and proof your creative. Open the Ion-logo menu at the far left […]<\/p>\n","protected":false},"author":5,"featured_media":5432,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[488,32],"tags":[2131],"class_list":["post-2385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creatives-en","category-the-creative-studio","tag-creative-studio"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2385"}],"version-history":[{"count":5,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2385\/revisions"}],"predecessor-version":[{"id":9197,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2385\/revisions\/9197"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5432"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}