Navigation

Skip to content. | Skip to navigation

Institute for the Study of the Ancient World

Menu

Guide

You are here: Home > Guide > Information Technology > Web Content Editing Guide

Web Content Editing Guide

Contents

Working with Text
Working with Images
Working with Links
Creating a News Blog Item
Changing the URL for a Page

Changing the Named Creators of a Page
Changing the Folder Display Mode
Detailed Example: Updating Your Profile (Faculty and Senior Staff)

Working with Text

When editing an item, you will typically have a "Body Text" field in which to enter content (including text and images). The styles and formatting options are limited by design, so that our web site maintains a consistent theme. After typing a block of text, you can apply a pre-defined style to it from the "Style..." pull-down menu, and/or apply basic format options using the buttons for bold, italics, underline, bullets, numbers, indentations, or alignment (left, center, right, fully-justified).

Saving Your Work

Whenever you make changes to the text, links, images, or settings in a content item, remember to click the "save" button at the bottom of the editing page in order to preserve your changes.

Pasting Text from Existing Documents

This section could easily be titled "Pasting Content from Microsoft Word Without Breaking Your Page," because Word documents are the most frequent sources of trouble when the formatting of a page has gone mysteriously wrong.

Many content editing programs insert into your copied text a significant quantity of extra page-formatting information that you didn't intend to bring along, which can play havoc with presentation on our website. The extra information often does not show up in any visible way when you are pasting the text into a web editing window, and so the confusing effects appear to pop up for no reason when the page is viewed.

Fortunately, our website content editor includes a special plain-text paste function that strips all the troublesome formatting while preserving basic formatting like italics, bold, paragraph transitions, etc. Here's what to do:

  1. Open the content item into which you want to add text, and scroll to the editing field.
  2. In your source program (MS Word or otherwise), select and copy the existing content that you want to copy into the web item you're editing.
  3. Position the cursor in the web content editing field where you want the copied texts to go. Note the appearance of the editing toolbar at the top of the editing field.
  4. In the editing toolbar, select either the "Paste as Plain Text" icon (to strip all formatting) or the "Paste from Word" icon (to remove troublesome formatting elements but preserve basic styles). A dialog box will appear. Follow the instructions in the dialog box.
  5. Continue editing, reviewing, and submitting content in the normal manner.

Working with Images

If the image that you want to use is already stored on the web site, you can insert it into your page by clicking on the toolbar button that looks like a tree. Images can be manipulated after they are inserted, though it's best to use an image that is already the right size for your intended use. You can also add a "lead image" to many items, including news posts, exhibition objects, and publication items. Lead images will appear in a listing view of multiple items. If your image is not yet uploaded, follow the steps below to prepare the file for use.

Preparing Images for the ISAW Website

Before uploading any image to the ISAW website, please make sure that you have permission from the photographer or owner of the image to distribute it online. After obtaining permission, you will need to make a derivative image that meets certain specifications to ensure image quality and website performance.

The following specifications are required:

  • Image Mode: RGB Color (8 bits/channel)
  • Resolution: 72 pixels/inch
  • Maximum pixel dimensions on the longest side: 1024
  • Color Profile: sRGB IEC61966-2.1
  • Format: JPEG (Quality: 80%, progressive, profile embedded)
  • Add appropriate metadata to the image, crediting the source/creator

The following steps can be followed to produce a derivative image that is ready to upload:

  1. Open your original image in Adobe Photoshop.
  2. From the menu bar, choose "Layer" -> "Flatten Image" (if this option is greyed out, go on to the next step).
  3. Choose "Image" -> "Mode" -> "RBG Color".
  4. Choose "Image" -> "Mode" -> "8 bits/channel".
  5. Choose "Image" -> "Image Size..." to display the "Image Size" dialog box. In this box, enter the value 72 in the "Resolution" field. Then, find the larger of the values in the "Width" and "Height" fields and, if it is greater than 1024, replace it with 1024 (the value for the other axis will automatically recalculate). If the largest dimension is less than 1024, leave it as it was. Click the "OK" button.
  6. Choose "Edit" -> "Convert to Profile" to display the "Convert to Profile" dialog box. In this box, set the "Destination Space Profile" to "sRGB IEC61966-2.1" and click the "OK" button. If the controls are greyed out and there is no value in the "Source Space Profile" field, you will need to use "Edit" -> "Assign Profile" to set the image color profile to the desired value (conversion therefore will not be required).
  7. Add metadata. Choose "File" -> "File Info..." and select "Origin". Add as much information as you can about the image source. You can also go to the "Basic" section to add a specific copyright notice.
  8. Choose "File" -> "Save for Web and Devices". In the resulting dialog box, look in the data pane to the right of the preview images. Below the "preset" combo box control, set the format combo box to "JPEG", then set the compression level combo box to "Very High" and put a check-mark in each of the "Progressive," "Embed Color Profile," and "Convert to sRGB" check boxes. Make sure the percentage value in the "Image Size" section is set to 100% and then click the Save button and follow the prompts to save the file to disk. Give it a short, mnemonic name that contains no spaces and ends in the extension ".jpg" (which Photoshop should provide for you).
  9. You are now ready to go back to the website and upload this image.

Working with Links

When editing the "Body Text" field in a page, you can use the editing toolbar to add a link to a segment or text or to an image. There are two editing buttons that are used to manage links. The first, which is used to insert and edit links, looks a bit like 3 links in a chain. It appears just to the right of the the "insert image" button (which looks like a tree). The second button looks like a broken chain link.

Adding a Link

    1. Select the text segment or image that you wish to turn into a link.
    2. Click on the "insert/edit link" button in the editing toolbar to display the "Insert/Edit Link" dialog.
    • If you are linking to a resource on a website other than the ISAW website, click the "External" tab, and then enter the full URL (web address) in the "Link URL" field.
    • If you are linking to a content item elsewhere on the ISAW website, use the breadcrumbs at the top of the dialog box, the shortcuts on the left-hand side, or the search box to find and select the content item you are looking for. When you see the name of the item you're seeking in the right-hand pane, select the circular radio button to the left of the item name.
  1. Scroll to the bottom of the "Insert/Edit Link" dialog box and click "Insert."

Editing an Existing Link

    1. In the "Body Text" field, select the full text segment with the link that you want to edit.
    2. In the editing toolbar, click the "insert/edit link" button.
    3. Make the necessary changes in the "Insert/Edit Link" dialog box, scroll to the bottom of the dialog, and click "Update."

Removing a Link

    1. In the "Body Text" field, select the full text segment with the link that you want to remove.
    2. In the editing toolbar, click the "unlink" button to the immediate right of the link icon. The selected link in your text will disappear. 

 

Creating a News Blog Item

One of the most common items to create is a news item for the blog. Here are the steps to add a new item, write your blog text, and set a date when it will be published (go live).

Adding a News Item

    1. Login to the ISAW website.
    2. Direct your browser to the ISAW News Blog (https://isaw.nyu.edu/news).
    3. in the green menu bar, select "Add new..." and choose "News item" from the pop-up menu.
    4. Fill out the news item form:
    5. If editing of "short names" (URL slugs) has been enabled for your account, you will see a "Short name" field. Fill it with an appropriate value, ideally one that is short and mnemonic. Use only lowercase characters and insert a single hyphen for each space between words (e.g., tom-likes-cabbage).
    6. Enter a short, appropriate "Title" for the news item (think: newspaper headline).
    7. If desired, enter a "Summary" that will appear in search listings. If included, this summary will appear on the ISAW home page and on the news blog main page, as well as on the full news item. If omitted, summary information for the main and news blog pages will be extracted from the Body of the news item.
    8. Enter the "Body Text" (i.e., the main content of the news item). Note that an editing toolbar appears at the top of your browser content pane when you insert a cursor into the "Body Text" field on the form. Please do not use Ctrl-V or Cmd-V or the browser edit->paste commands to insert content from Microsoft Word or another website. Instead, copy the content as you normally would, then click the "paste from Microsoft Word" button in the editing toolbar (it looks like a clipboard with a square Microsoft Word "W" logo on it). This prevents the introduction of potentially troublesome formatting from the original application while preserving basic formatting like bullets, italics, and bold.
    9. If you want to include an image with the news item (recommended), first make sure that you have permission from its creator or owner to publish the image and that it has been formatted correctly, then scroll down and click the "choose file" button. Select the image file in the chooser that appears.
    10. Add a short caption in the "Image Caption" box.
    11. Select the "save" button.
    12. Review the news item when the page reloads. If you need to make changes, select "Edit" in the brick-red toolbar to return to the news item form.
    13. Once you are satisfied with the news item and have saved it for the final time, email the ISAW news coordinator to indicate that the item is ready for the next stage of review.


Setting the Publication Date

Suppose you are reviewing news items late in the evening on Friday. You'd like one of the items to appear on Monday morning in order to catch the rising news cycle, but you will be on an airplane at that time. The website makes it possible to move the item into "published" status now, but to set a future date and time for it to actually appear. Here's how:

    1. Make sure you are logged into the website and that you have navigated to the news item in question.
    2. On the green menu bar, select "Edit".
    3. In the secondary menu bar, choose the "Dates" tab.
    4. Using the controls provided under the "Publishing Date" heading, set the date and time (US Eastern) at which you want the item to appear. (There is no need to make any changes under the "Expiration Date" heading.)
    5. Click the "Save" button.
    6. Publish the news item as you normally would.


If you wish to verify that the item has not appeared publicly, open an "incognito window" (chrome), or "private browsing window" (firefox), and go to the main news blog without logging in.

NB: set the dates before you change the workflow state to "externally published" - otherwise the item will briefly appear until you get the dates set, and might in that interval get pushed to social media or noticed by someone anonymously browsing the site and thus noised abroad.

Changing the URL for a Page

To change the URL for an existing page or other content item in the site:

    1. Login to the site.
    2. Navigate to the parent (containing) folder. E.g., to change the URL of a profile for a particular visiting research scholar, navigate to Home > People > Visiting Research Scholars.
    3. Click the "Contents" option in the editing menu bar.
    4. In the list of content items, click the checkbox next to the item you wish to modify.
    5. Scroll to the bottom of the page and click the "rename" button.
    6. Make any desired changes in the "New Short Name" text box.
    7. Click the "rename all" button.

 

Changing the Named Creators of a Page

By default, any page, news item, or other content you create will automatically be attributed to you in the byline. Here's how to change a byline manually.

    1. Once you have created the content item, but before it is published, select "Edit" from the brick-red menu bar.
    2. In the secondary editing menu (gray background with brick-red text), select the "Creators" tab.
    3. In the "Creators" form, delete or add to the contents of the first text block. You can enter either website user account names or plain text. For multiple authors, put each person's information on a separate line in the box.
    4. Select the "save" button at the bottom of the form.

 

Changing the Folder Display Mode

You can choose from a variety of options to format the appearance of a folder view. Using the "Display" menu in the green toolbar, you can select a summary listing, tiled view, or other template for displaying the contents of the folder. You can also select a specific item within the folder to be displayed as the default item, if you have designed a custom "landing page" for that folder (such as the guide landing page, or the exhibitions landing page).