How To Edit/Create a Landing Page

All landing pages on the Web site are stored under the PAGE DETAIL tab located on the left-hand side of the screen. Under this tab, you will see all site pages sorted by section (e.g.: About the School, Academic Programs, Alumni and Friends, Career Services). NOTE: In order to make changes to the abstract text on a landing page, you must locate and edit the subordinate page under the PAGE DETAIL tab.

How to Edit or Update a Landing Page

1. Click on the PAGE DETAIL tab and wait for a list of pages to load.

2. Click on the “+” icon next to the appropriate section to expand the list and locate your story.

3. Click on the name of the landing page to edit. Right-click on the name of the story with your mouse and a box will appear. Select “Edit” from the list of options.

4. The page you selected will appear in the work area on the right side of the screen. The top of the page will say “Page Detail: (JRNListPage).”

5. Now you are ready to edit/update content on your page.

NOTE: It is recommended that you download an HTML editing tool to help you add, edit and update pages in the CMS. With an HTML editing tool, you’ll have the ability to view your page as it will appear on the Web site and utilize standard Word editing features in the template. You’ll be able to bold and italicize your text and add bullet points and links to your copy. This tool also makes it easy to modify a document without having to enter HTML or code.

Here are some suggested HTML editing tools:

eWebEditPro works with Internet Explorer and Xinha Here! works with Firefox. Please contact trouble@jrn.columbia.edu for assistance. You may need a network administrator to download and install the software.

6. Save your work by clicking on the “Save Changes” button at the top or bottom of the page. Preview your work in staging https://stgcms.journalism.columbia.edu/preview and make changes if needed.

How to Create a Landing Page

A landing page is the default first page for a given section. It includes a list of abstracts (summaries) that provides short descriptions of the school’s programs and offers links to these pages. Text on the lower part of the page is driven by the navigation headings, and abstracts are used for the subordinate pages. Take a look at the Academic Programs or the About the School section for an example of a landing page.

1. Click on the PAGE DETAIL tab on the left-hand side of the screen.

2. Move your cursor to the white space below the PAGE DETAIL tab. Right-click on your mouse and a box will appear. Select “New Landing Page (JRN)” from the list of options.

3. You’ll see a page with empty fields appear in the work area on the right-hand side of the screen. The top of the page will say “Page Detail: (JRNListPage).

4. Enter the title of your page in the NAME field. Don’t include any punctuation marks. This file name will be stored in the CMS database, but it will not appear on your page. You may want to come up with a consistent naming convention to keep track of your work, so you can easily manage and locate your pages.

5. Leave the DESCRIPTION field blank.

6. Go to the TEMPLATE field. Select “JRNLandingPage” from the drop-down menu in the field.

7. Leave the FILENAME, PATH and EXTERNAL ITEM ID fields blank.

8. Now locate the section for your story (e.g.: Academic Programs) under the PAGE DETAIL tab on the left-hand side of the screen. Click once on the appropriate section. Look for the PAGE DETAIL CATEGORY field in your work area on the right-hand side of the screen and click on the “Add Selected Items” button. You will see your story’s section appear under the button.

9. Now you are ready to add content that will appear on your page:

* Complete the NAV TITLE field. This title will appear in the navigation bar on the left-hand side of the site. (e.g.: Delacorte Center Lectures)
* Enter the title of your page in the TITLE field. This title will be displayed at the top of the page and the top of the browser window. (e.g.: Academic Programs)

NOTE: Try to keep the NAV TITLE and TITLE field consistent and include the name of the program in the TITLE field. You can also add more information to the TITLE field since this will appear at the top of the page.

NAV TITLE: Submit Your Work
TITLE: Submit Your Work to the duPont Awards

10. Leave the ABSTRACT field blank. In most cases, with the exception of landing pages for the Career Services and Alumni and Friends section, the abstract will not appear on the site.

11. Enter your page content (summary or an introductory paragraph) in the BODY field.

NOTE: It is recommended that you download an HTML editing tool to help you add, edit and update pages in the CMS. With an HTML editing tool, you’ll have the ability to view your page as it will appear on the Web site and utilize standard Word editing features in the template. You’ll be able to bold and italicize your text and add bullet points and links to your copy. This tool also makes it easy to modify a document without having to enter HTML or code.

Here are some suggested HTML editing tools:

eWebEditPro works with Internet Explorer and Xinha Here! works with Firefox. Please contact trouble@jrn.columbia.edu for assistance. You may need a network administrator to download and install the software.

12. Leave the AWARDCATEGORY, BINARYCATEGORY, COURSECATEGORY, EVENTCATEGORY, LINKCATEGORY, NEWSCATEGORY, PROFILECATEGORY and JOBCATEGORYLIST fields blank.

13. NOTE: The RELATEDLINKSCATEGORY field may be used to add a left column item.

14. Leave the METAINFOASSET field blank.

15. Save your work by clicking on the “Save” button at the top or bottom of the page. Preview your work in staging https://stgcms.journalism.columbia.edu/preview and make changes if needed.

Having problems? Email: web-request@lists.jrn.columbia.edu.

Technology

How To Edit/Create a Landing Page

How to Edit or Update a Landing Page

How to Create a Landing Page