In this post I explain how to create a simple web page using Site Studio. As we will see in a future post Site Studio for eXternal Applications will allow us to create the same webpage with less work and complications.
First you need to install Site Studio Designer.
Site Studio Designer can be downloaded from Oracle website under Downloads -> Middleware -> Webcenter Content -> Individual Component Downloads or it can be downloaded in Oracle UCM under Administration -> Site Studio Administration -> General Component Information
Open Site Studio Designer, go to File -> Site -> Connection Manager
Insert UCM server details, and create a new site:
Right click on Home and select home page
Create new hcsp page and assign informations.
This is our main page which will be displayed in our browser...so let's customize it adding a welcome message...click on Source tab and paste this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!--$include ss_layout_head_info-->
<title>Site Studio Sample Page</title>
<script id="ssInfo" type="text/xml" warning="DO NOT MODIFY!">
<h1>Hello Contributor!!Leave me a message...</h1>
Under site assets select Element Definitions -> New -> Wysiwyg Element Definition
Now create a Region Definition, a file which contains info on all elements contained in a certain region of a page.
Double click on Region Definition. We need to add some elements to this region definition, choose a name and a label for it
Create a Region Template, a file which is associated to a certain region definition and describes region definition's appearance.
Right click on page and insert element
Choose the element created before, insert it and save the page.
Create a placeholder definition. A placeholder definition is the element which will be inserted in our webpage and unifies all items created before. Simply it tells to the webpage what kind of content display, where display content, and how display content.
Double click placeholder definition and insert which region definition use and which region template, then save it.
Next step is to define a name mapping for placeholder definition so it can be linked to our webpage. In Site Studio Designer go to Tools -> Define Placeholder Definition Mappings. Choose a name for it and use our previsouly created placeholder definition for both Definition ID primary and secondary.
Let's add this placeholder in our webpage. Open homepage and right click under our welcome message, then add placeholder.
Right click homepage and click Assign Content
Click on assign content:
To enter contribution mode in your browser press SHIFT + CTRL + F5 you will be prompted for login, then click on Edit Content
Once edited page content save it and return to "normal" mode by pressing SHIFT + CTRL + F5. If everythings works fine if you logout from contribution mode and reload website again you should see your modifications!!