How to Create or Edit a Link in WCMS

Transcription

1 How to Create or Edit a Link in WCMS Login and locate the page Step 1. Open the FireFox or Chrome web browser. Step 2. Go to: and login. Navigate to your web site: WRAP_SDDU IUN IUN CAMPUS folder yoursitefolder REMEMBER: When working with folders, it is always best to click the icon to open the folder rather than the folder icon itself. Step 3. Navigate to the page on which you want to add or edit a link. In this example, we will create a link to the National Science Olympiad web site in the Chemistry Department website. Switch to Edit Mode Step 1. The page opens in View mode as indicated by the tabs across the top just above the blue bar near the top. Step 2. To edit, click the Edit tab. The page displays in Edit mode. Page 1 of 10

2 Create a new External link (links to a URL address outside of your site) Step 1. The page now displays in Edit mode. Please do not edit the header or nav sections. On this type of page, you can edit the main content area. To expand a section, click the button. At the top of the section are command buttons similar to those in the Microsoft Office Ribbon. Use the command buttons as you would in Microsoft Word. Step 2. Select the text you want to turn into a clickable link. In this example, the words Science Olympiad are being selected. On the toolbar, click the Insert/edit link button. Page 2 of 10

3 Step 3. The Insert/Edit Link dialog box opens. By default, the Internal link button is selected. Step 4. To create an External link: Select the External button. The Link area changes to a text box where you can type in the full address (URL) of the external link. Click in the box and type the URL. IU Northwest web policy requires all external links to open in a new window. Click the drop down arrow at the end of the Target box and choose New Window. Page 3 of 10

4 Use of the Title feature is optional. Any text you type into the Title text box will appear as popup text when a user hovers over the link (points to it with their mouse). This allows you to explain to the user a little more about this link. It also can be read by a screen reader. In this example, we added some text to inform the user they would be going to a site outside of IU Northwest.( It s ok to leave it blank.) To complete the link, click the button in the bottom left corner. In the content Section, the text now shows as a link. If you have no other edits to make, you are now ready to save your changes to the WCMS server so you publish them. Step 5. When you finish editing, scroll to the bottom of the page, and click the button. This will save your changes and prepare the page for publication. To discard your changes click the button. If you need to temporarily leave the page, but plan to continue editing later, click the button. At the top of the page, you should now see a green bar that says, Edit successful. Now you are ready to publish. Skip to page 9, Publish the Page Page 4 of 10

5 Create a New Internal Link (links to a URL address within your site) Use the directions above on page 1 to login and locate the page on which you want to create a link. Step 1. The page now displays in Edit mode. Please do not edit the header or nav parts of the page. However, on the type of page in this example, you can edit the main content area. To expand a section, click the button. At the top of the section are command buttons similar to those in the Microsoft Office Ribbon. Use the command buttons as you would in Microsoft Word. Step 2. Select the text you want to turn into a clickable link. In this example, the word Marram was selected. On the toolbar, click the Insert/edit link button. Page 5 of 10

6 Step 3. The Insert/Edit Link dialog box opens. By default, the Internal button is selected. Step 4. Click either of the Browse icons to search for what you want to link to within your own site. Page 6 of 10

7 Step 5. The Please choose a File, Page, or Symlink dialog box opens. Use the folder list on the left to locate the folder that contains the file or page you want to link to. If you are linking to a PDF file, in most cases, it will be in the docs folder. Page 7 of 10

8 Step 6. Select the file or page you want to link to. The right side of the dialog box changes. Confirm the correct page or file is shown and then click the Confirm button complete the selection. Step 7. The Insert/Edit Link dialog box reappears showing your choice. Since this is a link within the IU Northwest web site, it s ok to have it open in the Same Window instead of a new window. Step 8. Use of the Title feature is optional. Any text you type into the Title text box will appear as popup text when a user hovers over the link (points to it with their mouse). This allows you to explain to the user a little more about this link. It also can be read by a screen reader. In this example, we added some text to explain a little more about what the user will see if he/she uses this link. ( It s ok to leave it blank.) Page 8 of 10

9 Step 9. To complete the link, click the button in the bottom left corner. You are returned to the content Section. The text now shows as a link. If you have no other edits to make, you are now ready to save your changes to the WCMS server so you publish them. Step 10. When you finish editing, scroll to the bottom of the page and click the button. This will save your changes and prepare the page for publication. To discard your changes click the button. If you need to temporarily leave the page, but plan to continue editing later, click the button. After you click Submit, at the top of the page, you should see a green bar that says, Edit successful. Edit an Existing Link Existing links can be easily edited. Login and navigate to the link to be edited. You should be in Edit mode. Click the link to place your cursor anywhere in the link. It s not necessary to select the link. Click the Insert/Edit link command button. This will open the Insert/Edit Link dialog box. Make your changes. When you are finished, click the Insert button in the dialog box. Scroll to the bottom of the page and click the Submit button to save your changes. Publish the page as below. Page 9 of 10

10 Publish the Page Step 1. Until your changes are published, they will not appear on the web page itself. To publish, click the Publish tab at the top of the page. The view changes to Publish mode. To submit your newly edited page to the server, click the button. Step 2. At the top of the page, you should see a green bar that says, Publish message sent successfully. Page 10 of 10