Click the Create Hyperlink icon Select Link to a section. Click Next. Choose the section that you would like to link to. This can be a section on the Click Next.

12-16 Oracle Fusion Middleware Users Guide for Site Studio Designer

12.4 Working With Links

Links provide a convenient way for visitors to navigate from one web page to another. The most common use of a link is in the site navigation, such as a top menu, side menu, breadcrumbs, and so on. In Site Studio, you can instantly create these menus using a navigation fragment see Navigation Fragments on page C-1. There are, however, instances when you may want to create additional links to take users to a specific piece of content. You can add a link to another section of your site, to a contributor data file or native document on your site, to another Web site, and more. You do this using the Link wizard. In addition to creating links in Designer, you can allow contributors to create and edit links in Contributor. You set this up when you add an element to a contribution region. The Link wizard takes you through all variations on linking: ■ Creating a Link to Another Section of the Web Site on page 12-16 ■ Creating a Link to an Existing File on the Content Server on page 12-17 ■ Creating a Link to a URL on page 12-19 ■ Creating a Link to a New Content File on page 12-20 ■ Creating a Link to an Existing Local File on page 12-21 ■ Editing a Hyperlink on page 12-23 ■ Removing a Link on page 12-24 ■ Choosing a Default Link Format on page 12-24 ■ Hyperlink Formats on page 12-25

12.4.1 Creating a Link to Another Section of the Web Site

To create a link to another section of your Web site or another Site Studio site on the content server, perform these tasks: 1. Highlight the text or image that you would like to turn into a link.

2. Click the Create Hyperlink icon

Figure 12–20 in the toolbar. Figure 12–20 Create Hyperlink Icon The Link wizard is launched see Link Wizard on page A-31.

3. Select Link to a section.

4. Click Next.

5. Choose the section that you would like to link to. This can be a section on the

current Web site or a different Site Studio site on the content server. You select the target section in the site hierarchy. Note: You can step through the wizard faster by clicking the blue arrow to the left of the option you want to use. This automatically selects the option and moves the wizard to the next step. Building A Site 12-17

6. Click Next.

7. Depending on the site configuration, you may be prompted to choose the URL format of the link: ■ Path Based URL: The link will contain a path to the target location. You have two choices for this type of link: – Absolute Path: Generates a full path; for example --ssServerRelativeSiteRoot--productsindex.htm where --ssServerRelativeSiteRoot-- gets replaced with the path to the root of the Web site. – Relative Path: Generates a relative path instead of a full path; for example ..productsindex.htm. Please note that this option is not available if you chose to use the default Web site section for the content file as the target section see previous step. ■ ID Based URL: The link will contain the coded identity of the target location rather than the path-based name. You have three choices for this type of link: – Client Side Script Format: Uses client-side JavaScript to construct a link to the target location; for example, javascript:nodelink10024;. – Server Side Script Format: Uses server-side Idoc Script to construct a link to the target location; for example, [--wcmUrlnodelink,10024--]. – URL Token Format: Uses a redirect on the server to construct a link to the target location; for example, ssNODELINK10024. 8. Click Options.... The Link Target Options dialog is displayed. 9. If you want the link to open in a new web browser window when clicked, select the Open link target in new window check box, and then choose the target in the menu _blank. You can also directly enter the name of the target in the text box if you want, but if it is not a valid target, the link is faulty.

10. Click OK or Cancel to return to the wizard.