Edit a Page

From ITwiki

Jump to: navigation, search

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

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

For instance, to directly access a previously created page index.cfm under subsection registrar in the section sit in Drupal, please type the following URL in the browser: https://www.stevens.edu/sit/registrar/index.cfm.

For steps to create a new Page, please visit Create a Page.

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


Edit a Page

Step 1 - Choose the page to edit

To edit a previously created page, click on “Find content” or “Content” at the top grey bar to search for the Page. The below image shows the following steps to search for and edit a page.

  1. From the type select drop-down, choose Page.
  2. Click Filter to see the search results in the table.
  3. Choose edit at the right most column of the Page row in the table to edit the Page.

The above steps show the minimum number of fields required to search for a page. Other field such as Status would make the search more specific.

Step 2 - 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 3 - 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 4 - 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 5 - 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 6 - 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 www.stevens.edu/sit/stevens-advantage

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

Step 7 - 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 8 - Click Save

Click Save to create the Page.

Personal tools