Create a Page

From ITwiki

Revision as of 15:47, 7 August 2012 by Cmilloy (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Please make sure to log into the specific site of the section which needs a new page.

The login procedure is the same as the one described in the section titled Access.

“Section” refers to the section in the Stevens Webpages. Some sections include sit, cal, sse, howe, news etc.

For steps to edit an already created Page, please visit Edit a Page.


Create a new Page

Step 1 - Click Create content

To create a new Page, select “Create content” from the top grey bar. The image below will help you better understand this step.

Note: If you are unable to see the “Create content” link on the page, it might be either due to access right/roles assigned which does not allow adding content or due to technical difficulties. Please contact the Site Administrator in such cases.

For sections /news and /sit – Julio Macavilca, /development – Alex Rucando, /cal and /ses – Nikhil Maheswaraiah, /sse and /howe – Jude Ken-Kwofie

Step 2 - Click Page

Click on the link “Page”.

Step 3 - Enter Page information

The Create Page is displayed. Some of the fields to be entered are described in the figure below. The Fields marked with an asterisk are compulsory.

Banner Image: This is the image that is placed at the top of the page. However, it is not mandatory to have a banner image on every page.

Quick Links: Quick Links provide an easy way to link important pages quickly by placing them under the Banner Image. It is optional to have quick links.

Title: The title of the page (the URL/link to this content will based on the title)

Intro Text: The Intro text constitutes the Introduction of the content to be displayed on the Page. The Intro Text has a larger font that the main content in the page and goes the full width (unless the display setting is changed).

Body: The Body constitutes the main content that needs to be displayed in the page. Major content of the page is placed in this section.

Within the Body edit section, the Text Format select option helps to switch the display of how you would like to add content to this section. The easiest way is to use WYSIWYG editor (pictured below). Choose Full HTML with Enable rich-text to work as word-processing tool. Choose Full HTML with Disable rich-text or Display Suite Code to see the page markup and edit this way.

Choose the "Body Columns" option if you want to display the page's content in columns, and select the number of columns desired.

Formatting Toolbar: This toolbar is present on the top of the Intro Text, Body, Temp Top Right Highlight, Temporary Node Sidebar, and Highlighted Area edit sections and is helpful in formatting the text.

Please note that the Formatting toolbar is only available when the Text Format option is Full HTML with Enable rich-text.

The image shows the Formatting Toolbar at the top of the WYSIWYG editor.

Adding a Table

To add a table, click the Table option from the toolbar. A pop-up appears which requires the number of Rows and Columns to be filled in. Other fields can be entered to customize the table. Click OK to create the table.

Uploading Media

  1. To upload media, click the Add media option from the toolbar.
  2. A pop-up appears as shown below.
  3. If the media/file to be uploaded is on a local computer, choose the Upload tab. From the window, select the “Choose File” to upload the file from the local computer.

If the media to be uploaded is on the Internet/web (such as a YouTube/CNN video), choose the Web tab. Enter the media URL in the URL or Embed Code text box.

If the media already resides on the Drupal server, Choose the View Library tab.

  • Enter the file name in the File name text field.
  • Choose the media type from the Type select list.
  • If the file is found, select it from the search result and Click Submit.

Similarly, the sections labeled Temp Top Right Highlight (gray background), Temporary Node Sidebar (white background) and Highlighted Area (red background) could be edited.

Below is a screenshot with all these sections with content (they will not render if left empty).

To achieve the display above, have content on Temp Top Right Highlight (gray), Temporary Node Sidebar (white) and Highlighted Area (red) and in Display Settings (see Step 6 below) choose SIT Two Column Default

Step 4 - Select Admin Units

For the “Admin Units” select list, choose the units for which the Page belongs. You can select multiple admin units by: on Mac - Press and hold the Command key/on Windows the Ctrl key For e.g., for a Registrar page, the admin unit “-Registrar” under SIT could be chosen. The dashes before the section names represent the hierarchy with the parent section/admin unit. -- (double) denotes a child of the admin unit with a - (single) dash. This helps in better content management, access control and associating content to their respective units.

Step 5 - Choose Moderation State

Under the “Publishing options” tab at the bottom left of the page, select the checkbox next to “Published” to publish the page.

Step 6 - Choose Page Layout (optional)

Under the “Display settings” tab at the bottom left of the page, select the View Mode from the list to customize the layout of the page if required. The Default view is selected by default.

Step 7 - Enter Page URL

Under the “URL path settings” tab at the bottom left of the page, is an option to change the URL. By default, the URL is automatically generated by which site you are in and what is entered in the title field (see above).

If one is in the /sit site and creates a page titled Stevens Advantage then leaves this field blank then the URL will be

If we want this page to be in the Undergraduate Admissions site (, which is a subsite of /sit, we need to edit “URL path settings” and enter admissions/stevens-advantage and the URL generated will be

Step 8 - Create a Page Revision (optional)

Under the “Revision information” tab at the bottom left of the page, create a revision of the page for version controlling. This helps to undo the changes made and also the see the page content before the changes were made.

Step 9 - Click Save

Click Save to create the Page.

Edit an already existing Page

To edit an already created Page, please visit Edit a Page.

Personal tools