how to easily create a page in sitecore

Download How to Easily Create a Page in Sitecore

Post on 24-May-2015




4 download

Embed Size (px)


Oshyn's guide shows you step by step how to easily create a page in Sitecore.


  • 1. Creating a Page in SitecoreSitecore is a Content Management system that allows you to easily create content for your site. You Want more?can create content pages with different layouts and various components depending on your siteneeds.You can watch a step-by-step guide on howCreating a page in Sitecore is a simple and fast process after you figure out the two mainto create a page in Sitecore oncomponents: page location and template.Oshyns YouTube ChannelWhere will your page be located?Before you create your page, you will need to know the basic structure, the main areas, and subpagesof your site. After you know these, select the best location for the page.What template is your page going to have?The template of a page tells you how the elements of the page are distributed. In Sitecore, dependingon your site, you can choose among several templates.In Sitecore, each subsection of the page is considered a placeholder; be sure that you also know thenames of the placeholders in the template you choose.Now youre ready to begin!This guide will show you how to create a page in Sitecore and add content to it, including text andimages. Additionally you can see how to submit pages if workflow is activated.Finally once the page is created, I am also going to show how to add a component to the left columnof the page.

2. 1) To start, log into Sitecore.2) Next, navigate to the Parent Page. For example: Content> (Your Sites Name)>Home> Parent page (Image 1).3) Right click on the parent page and you will see a menu, click on Insert (Image 2).4) You can choose the page template you want to insert from the list of templates that appear in the menu. You can also click on Insert from template and look for the template you want to insert.Image 1Image 2 3. 5) In this case, I am going to add a Simple Content page, so I will click on this template in the menu.6) Then, I am asked to insert a name for the new page (Image 3).7) Once the page is created you will see a form in the right side. Now, you can start editing the fields to personalize your page (Image 4).Image 3 8) Insert the page title. Image 4 4. 9) Then you can select if the page will be included in Main Navigation, the Sitemap, and if it is going to be indexed for search. To do this, click on the corresponding checkboxes (Image 5).Image 510) In this template, you can select the text that will appear in the Top Navigation menu and in the Breadcrumb. Insert the names as needed (Image 6). Image 611) Now I am going to insert the content for the page. First, Ill insert the heading (Image 7). Image 7 5. 12) For the body of the page, the field shows Show Editor link. If you click on it, an Editor will be shown. This editor is very simple, it even has the same basic edit buttons as MS Office (Image 8).13) Now, lets add some text and add some formatting, like bold or italics font (Image 9).Image 8Image 9 6. 14) If you know HTML, you have the option to click on the HTML button and edit the HTML code(Image 10). To switch to the default editor mode, just click on Design button. 15) From this editor, you can insert images. Sitecore has a Media Library that provides native assetmanagement for texts, images, videos and other files. 16) Just click on the icon for Insert media item. You will see the folders in the Media Library.Navigate to where the image you want is located (Image 11).You can also upload new images by clicking on Upload button. Then click on Browse andnavigate to the image location in your computer.Image 10Image 11 7. 17) Once you are done editing the content, click on the Accept button (Image 12). 18) Next, click on the Save button in the top menu (Image 13). 19) Now we are going to publish the page. To do this, click on the Publish menu in the top menu.Image 12Image 13 8. 20) Click on Publish and select Publish site. Note that if you have a workflow activated, Sitecore willwarn that the item you want to save is in Draft state. Just click Cancel (Image 14). 21) You will see a warning at the top of the page form and in the navigation you will see an icon nextto your page (Image 15).Image 14Click on the icon and then click on Submit. If you want, you can enter a comment and then clickOK (Image 16). 22) Now the Item is in Awaiting Approval status. If you have the privileges, you can approve theitem by clicking on the item and then clicking on Approve. You have the option to enter acomment and then click OK. 23) Now, publish the page. Click on Publish in the top menu and select Publish site.Image 15Image 16 9. Once in the menu, choose Smart Publish to publish differences between Source and Targetdatabase. Click on Publish and the publishing process will start (Image 17). 24) After the process is complete, click on Finish (Image 18).Image 17 Image 18 10. 25) Now we will check our work. Go the site, refresh the site and navigate to the page you justcreated.Youll notice that the text in the Breadcrumb at the top of the page and in the left navigation menuhave the title I inserted earlier. The header of the page is the text I inserted for Heading and last,the body of the page contains the text and images I inserted (Image 19). 26) Be sure to check the title displayed in top navigation menu, it should contain the text inserted inSitecore (Image 20).Image 19Image 20 11. 27) Some of your templates may have items in the right rail added by default. In this example its the booking widget (Image 21). Editors can add other modules to the left or right rail of pages with three columns. Lets add a Facebook component to the left rail.28) Go back into Sitecore and select the page we just created in the navigation (Image 22) Image 21Image 22 12. 29) In the top menu, click on Presentation>Details (Image 23). 30) Click on Edit to add a new control to the page. 31) Select Controls. You will see the list of controls already added to the page. Each control islocated in a placeholder. For this example the component Booking widget is located in theright-rail placeholder (Image 24).Image 23Image 24 13. 32) I will add the Facebook component to the left rail, so I just click on Add. This will show a Selectrendering menu. In this menu navigate to the component you want to add and click on it. 33) In Placeholder, insert the name of the placeholder. Ill use left-rail (Image 25). 34) Now click on Select. Youll see that the new control now appears in the list of controls of thepage. Click OK, save the page and publish (Image 26).Image 25 Image 26 14. 35) To check your work, go to the page and refresh (Image 27). You will see the Facebook component, added to the left rail of the page.Image 27You have now seen how to create a page in Sitecore, add content including text and images as well as how to add extra components to the page.