Editing a Page

Once you've logged into the site, pages you have access to edit will have a New Draft tab at the top. Click the New Draft tab to make changes to the page.

In Barnard's content management system (CMS), what is generally thought of as a static web page is called an “Article”. To create new pages, click "Add content" and select a content type: Article or, if no sidebar is needed, Article wide.  Other content types available are news, events, webforms, slides and slideshows.

Title

The text directly beneath the banner at the top of the page. It should be concise and relevant specifically to the page’s content. Changing this text will not change the Menu Link title.

Topics*

The "tags" that determine what pages are considered related news and events.
*Only for news and events.

Audience*

Selection of an audience lets the system know on which corresponding audience portal to display an event or news item. It also feeds these news and events to my.barnard.edu.
*Only for news and events.

Section

Determines the department or section with access to edit the page.

Lede Image*

The image that appears on listing pages, e.g. News archives and related content sidebars, but does not appear on page itself.
*Only for news and events.

Lede Text

On Articles, this text will appear above page content in a slightly larger and and more styled font. Use lede text to summarize or call out information. This is teaser text in listings for news and events and does not display on the news or event itself.

Page Image

On barnard.edu, this image will appear at the top of the page, directly under the title. It will be scaled and cropped to fit the space - 1200px by 204px.

On subdomains, like english.barnard.edu, this image will appear at the top of the page, directly under the title. It is automatically sized to the correct width.

Add alternative text to images whenever possible - it should describe the image to anyone who can not see it.

Slideshow

If you've created a slideshow, begin typing the title here and select from the options presented. Learn how to create a slideshow here.

Body (and other text input areas)

Type text directly in the test area. If copying text from anywhere else (Word, emails, other websites), copy into a plain text editor to remove formatting. Online use editpad.org to change copy to plain text.

Use a return to break into paragraphs. Use the paragraph Format dropdown menu (see below) to format your text. Use Normal for regular paragraphs. Choose Heading format according to your page's heading hierarchy. For example, if your page is divided into categories and sub-categories, use Heading 2 for the Category headings and Heading 3 for the sub-category headings.

screenshot of format dropdown

The buttons at the top of the text box allow you to bold and italicize text, and adjust alignment. You can also create bulleted or numbered lists, insert or edit links, insert images that have already been uploaded to Drupal, and add blockquotes. If you hover over a button with your mouse, the button's function should appear.

To add links, highlight the text you would like to link and use the Link button. A box will appear, where you may directly type or paste the desired URL. Make sure the text you wish to link is still highlighted before you hit 'ok.' If not, just cancel and try again; it will usually work on the second try.

When linking text, avoid the phrase "click here," or any other non-descriptive text. A good title is concise and makes sense even out of context. A viewer should be able to read only the hyperlink text and understand where the link will lead.

Link Protocol

When creating a link, there is an option to designate the link's protocol. If the URL is copied and pasted from a browser, it will be set automatically:

  • other – select this when creating anchor tags or using relative links; these are relative to the main site path, e.g., "/communications" - copy everything after barnard.edu including the leading slash
  • http:// –  the standard protocol for websites
  • https:// – the "s" indicates a secure protocol which is becoming the norm across the internet
  • ftp:// – indicates file transfer protocol; you will not need it for the Barnard site; use only if that is the form given for an external link
  • news:// – a news feed; again, use only if it is the form given for an external link

 

A short demo video

Anchor Tags

Anchor tags require two steps:
1. Create the tag at the destination in your text.
2. Create the link to the tag.

To create an anchor tag, put the cursor in the area of the text where the anchor tag should be. Choose the anchor button on the toolbar (flag icon). Enter a unique identifier for the anchor tag, and be sure not to include any spaces. This word will be used to link to this area of the page.

Step Two:
If the text which will link to the anchor tag is in the same content area, for example, both are in the Body area, highlight the text, select the link tool, and choose Link to anchor in text. Any anchor tags created will be available for selection in the drop-down box. Choose the desired Anchor Name.

If the link is in another text area, for example, in the Right column copy, the anchor names won't be listed. Instead, the use the regular link tool and enter the link using the format #anchor-name. The protocol should automatically change from the default <http> to <other>.

Tables

Use the table button on the toolbar to create a table. Set the number of rows and columns. Delete the value for width. Choose a header option. Change the border, cell spacing, and cell padding to 0. Include a caption, which will appear as the title of the table, and a Summary which describes what kind of information has been included in this table; these two fields are required.

If a smaller width is desired, set the value as a percentage to ensure the table scales with the page for different-sized displays.

If pasting from Excel, use the Paste from Word option to strip out any formatting that the program might have included. Then double click on the table and edit the settings to those described above. Pasting from Google Docs does not work.

To add columns or rows or to delete the table, right-click (on mac ctrl-click) on the table to bring up a dialog box for those options.

Many options, including background color, width and border color, may be set using the cell properties dialog. Set the width on the first cell in a column to set the column width. Use a percentage value, e.g. 25%, to ensure everything scales properly when displaying on different-sized monitors, tablets and phones.

Troubleshooting:

My image / table / other formatting is not showing when I save.
Check to see if the Text format is set to Full HTML. This setting is found just below the editing area for each section.

Uploading Media and Files

To add images, files, or embedded video or audio to your page, select the media icon in the toolbar of the content area where it should appear, usually the Body area. For more in-depth guidance, go to Uploading Media and Files.

Please use a descriptive naming convention for any image or document files uploaded to the system. For example, name a file “student-internship-grant-application.pdf”, rather than "application.pdf".

Link Icons

After you have inserted a file and linked it, add an icon beside the file name in the text, to let people know what to expect when they click. You can add an icon by clicking Styles and selecting the appropriate file type, while your cursor is in the file link text.
 

Text Format

This menu follows every field in which you can enter text (Lede, Body, Right Column Copy, and Left Column Copy). For the most part, you may ignore this menu, however there are certain features which require you to change the Text Format option from “Filtered HTML” to “Full HTML”.

Some of these features include: Tables, inline file icons, image alignment, embedding multimedia (such as a YouTube video), and resizing images after they have been embedded.

If you use one of these features, and it doesn't appear correctly on your page, check to see if Full HTML is selected.
 

Right Column Copy

This is the right rail. A header 2 (h2) should proceed any other text. Any content here will be above any automatically generated content in the right sidebar. Recommended use: Calls to action, Related links, special information.
 

Left Column Copy

Text here goes beneath the Left Navigation. Recommended for contact/department info.
 

See menu settings tutorial.
 

URL Path Settings

See URL path and alias creation tutorial.
 

Publishing Options

New drafts will not automatically be published. To publish right away, before clicking Save, go to Publishing Options and change the Moderation State to Published. If you do not have permission to publish, leave it as a draft or change to Needs Review so that someone with publishing permissions can review and publish when ready.
 

Save

The save button saves the draft you created of the article. Depending on the Moderation State chosen in the Publishing Options, saving will save your draft, or publish.
 

Preview

The preview button is not very helpful. The best way to really preview is to save your draft, review your content, edit the draft as needed, and either set the Moderation State to Published or Needs Review when it is ready. Note that draft versions will not show changes to copy made in the right or left columns.
 

Delete

The delete button will delete this entire node. You rarely want to do this. You will be prompted by the system to make sure you really mean to delete the item before it is actually deleted, but it is still best to avoid this button entirely if you do not mean to get rid of the page.
 

Moderate tab

Here is where you can publish a draft, see all of the revisions to the node, revert to a previous version, or delete some of the outdated versions. There is also an option to compare revisions if it's not clear what changes were made.