Tutorial@TheWire: Inserting media in body text

This is a tutorial for Wire members who want to add rich media to your body text for postings.
Author:
Publish date:
Updated on

IMAGES

Here is a sample paragraph that will show how you can insert images into the body text of a paragraph. Once you insert the images you will have the option to display them Inline, Wrap Right or Wrap Left. Let's look at how all that works. 

First let's upload an image. Drop the curser above the paragraph you wish to add images to and hit return. You will see this:

Click on the + to choose media from your existing Media Library or to Add Media for your computer

Click on the + to choose media from your existing Media Library or to Add Media for your computer

Choose Media and you will see this:

Choose Media and you will see this:

You can add one or more images at once with Add Media. Tempest will automatically checkbox all uploaded images. If you want to insert them one at a time, just uncheck. If you are using an image that is already in your Tempest Media Library just check it and hit Insert:

You can add one or more images at once with Add Media. Tempest will automatically checkbox all uploaded images. If you want to insert them one at a time, just uncheck. If you are using an image that is already in your Tempest Media Library just check it and hit Insert:

Screen Shot 2019-03-23 at 10.34.33 AM

Now let's look at the options for positioning the art in the body copy.

Once you insert the images you will have the option to leave them Inline, or Wrap Right or Wrap Left. Inline is the default and places the image across the full width of the column; Wrap Right and Wrap Left are as expected. Here's how the default Inline looks.

Inline

NOTE: If the image is small or low resolution, it may display Inline with white around it. This would indicate that the image is possibly too small to look good at full column size. But sometimes it will be fine. Check your Preview tab in the upper right of the nav to check.

NOTE: If the image is small or low resolution, it may display Inline with white around it. This would indicate that the image is possibly too small to look good at full column size. But sometimes it will be fine. Check your Preview tab in the upper right of the nav to check.

Wrap Right/Left

If you wish to Wrap Right or Wrap Left, hover over the lower right hand corner of the image and click on the pencil to pop up the menu. (Notice Enter Caption fyi) In the popup menu, the small i will give you data about the image and show you the URL link to the image (handy when you want to go back to an old story and just grab an image by going to its direct URL). The ladder/arrow thing will give you Wrap options. You can also use this menu to add a hyperlink to the image or trash it.

If you wish to Wrap Right or Wrap Left, hover over the lower right hand corner of the image and click on the pencil to pop up the menu. (Notice Enter Caption fyi) In the popup menu, the small i will give you data about the image and show you the URL link to the image (handy when you want to go back to an old story and just grab an image by going to its direct URL). The ladder/arrow thing will give you Wrap options. You can also use this menu to add a hyperlink to the image or trash it.

Let's see how that looks; remember you can add a caption, or hyperlink to the image, or easily change the orientation by clicking on the lower right hand corner of the image. You can also experiment with dropping the curser into various spots in the paragraph to adjust how the image lines up. (Having said that I usually just drop the curser at the beginning of the paragraph and live with whatever I get on the wrap).

Screen Shot 2019-03-23 at 11.03.41 AM

Wrapping is particularly beneficial for logos and headshots!

Featured

Related

231713-5c3cd8197b520

SVC announces 2019 Best of NAB awards

Alteros GTX-FX8 Direct-To-Fiber System Bittree Patch32A Dante Patchbay DVEO PLAY SERVER 12ch HD-SDI Extron NAV Systems Extron Quantum Ultra Glensound Electronics DIVINE AoIP PoE Powered Monitor IHSE USA Draco Vario 2X1 HDMI KVM Switch IHSE USA Draco Ultra DisplayPort for Gamers ...read more

Screen Shot 2019-03-23 at 10.31.17 AM

Tutorial@TheWire: Inserting media in body text

IMAGES Here is a sample paragraph that will show how you can insert images into the body text of a paragraph. Once you insert the images you will have the option to display them Inline, Wrap Right or Wrap Left. Let's look at how all that works.  First let's upload an image. Drop ...read more

Open Mic: What Guests Want

Consumers want immersive experiences and this trend is on pace to intensify. The ability to capitalize on storytelling opportunities can serve as a critical differentiator for a theme park. In a connected world where people are glued to their devices, theme park guests are ...read more

Drones-Travis-Air-Force-base2

THEA Awards Turn 25

The Themed Entertainment Association (TEA) is the international non-profit association representing the creators, developers, designers and producers of compelling places and experiences worldwide. Not surprisingly that includes theme parks, but also museums, visitor’s centers, ...read more