SlideShare a Scribd company logo
Introduction to Silverstripe - Content Management System (CMS) The following pages will give you an overview of the Silverstripe CMS.  The slides are not meant to cover everything or show-off the advanced features of Silverstripe, but instead focus on commonly asked questions and basic functionality ( “how do I edit a page?”, “how do I add an image?”, “where can I administer the users?”)
Logging in @  http://demo.silverstripe.com/admin/ Username:  “admin” , Password:  “Password”
Orientation: the main tabs Main site options: “ Site Content” add/edit/delete pages. “ Files & Images” Storage and editing area for images, pdfs, flash (video) files, word documents,  and all other files. “ Comments” If the comments module is enabled then this is where you manage comments (e.g. mark as spam) “ Reports”  Custom reports can be accessed here (e.g. product sales) “ Security” All users (logged-in visitors to your site) can be managed here (e.g. add/remove permissions, add new user, review and change their details). “ Help” Hopefully you will not need this after you have read this presentation. NOTE: some sites will have more options available for customised content (e.g. a tab for administering  a list of cities).
SITE CONTENT: getting to the right page Create, search or batch process pages (e.g. mass-delete or mass-publish). Click on any of the pages to view details. The layout usually matches your site’s menu, clicking on a plus will show second-tier (child) pages – e.g. click on the plus next to ecommerce to find individual products for sale. Click on this box first if you want to move page (drag and drop). “ Page Version History” After selecting a page, you can  open this slide to see previous versions of the page (and revert back to them if required).  “ Site Reports” This is another way to find pages (e.g.  one  report shows pages edited in the last two weeks).
SITE CONTENT: editing a page Depending on the customisation of your site and the page type (e.g. home page, gallery page or blog page) you have selected, the tabs available will change.  “ Content”  :   is the main one and allows you to change  page content (e.g. title). “ Behaviour”  : the attributes of the page such as its type and whether it is shown in the menu. “ To Do”  :   make quick notes to yourself or other editors on what needs doing. “ Reports”  :   any custom reports associated with the page. “ Access”  :   who can view and who can edit the page? “ Translations”  : only available for websites that are translated into foreign languages. For each selection that you make on the top-row (in this case “S ite Content” ), different options will appear on the row below (in this case  “Main”  and  “Metadata” ) The two most important fields for each page are  “Page Name”  and  “Navigation Label”.  They are usually the same, but you may want to opt for a shorter version of the navigation label if limited space requires a shorter name of the page in the menu.
SITE CONTENT: making changes 1.  Select a page 2.  Edit content (using buttons above for formatting ) or change any of the other fields on any of the tabs. 3.  “Save”  a draft or  “Save and Publish”  your changes to your live website.
SITE CONTENT: meta-data = important for Search Engine Visibility 1. URL is the actual website address (e.g.  http://demo.silverstripe.com/terms-and-conditions ). This is set automatically and usually does not need changing.  2.  Choosing a quality Page Title is  (which appears at the top of your browser window and not on the page itself) is important for Search Engine visibility (ask us how to write these) 3.  Writing a description for your page is usually not that important, but also helps.  Keywords are of little significance to Search Engines.
SITE CONTENT: Page behaviour The format of your page will depend on the page type you choose (e.g. homepage, gallery page, blog page, etc…).  You select this when creating a new page, but you can change it here. “ Show in Search”  and  “Show in Menus”  are handy for hiding pages without making them inaccessible. If this has been setup, you can add a comments section to your pages here.  A comments section allows visitors to make a comment on the page they are viewing (e.g.  ask a question  or  make a suggestion ).
SITE CONTENT: Adding a new page 2. Select the page you want to add a new one “under” – that is,  where do you want to add a page? 1. Click  “Create” 3. Select page type (e.g. Page) and click “ Go”.
SITE CONTENT: Publishing or Deleting Pages To publish or delete a bunch of pages, click on  “Batch Actions”.  Next, select the pages and choose  “Delete the selected pages”  OR  “Publish the selected pages” To delete just one page, click on this button and then click again (it will ask you if you also want to delete the page from the published site). After any page changes, of course don’t forget to  “Save”  (as a draft) OR  “Save and Publish”  (recommended) .  The CMS will warn you if  you exit the page without saving.
SITE CONTENT: Moving a page To move a page, select  “allow drop and drag reordering” –  and then click, hold and drag the page you want to move (drag the page). Once it is in the right position (blue lines and boxes will guide you), release the click button.
SITE CONTENT: Editing rich-formatted text with confidence Never copy and paste from  a rich text-format application (e.g. MS Word) without using these buttons forcing a text -only  “Paste”. Insert images and flash files (can load to  “Files & Images”  first). Insert a link (highlight text first). Make sure to select the right markup for each section (e.g. paragraph, heading 1, etc…). This is important for Search Engines. Directly edit HTML.  Manage tables. Formatting matches typography format on  live website.
SITE CONTENT: managing additional content For most Silverstripe Websites, there are pages with customised content. Here is an example of a Product for the ecommerce shop.  Tabs have been added to the content section: Images –  load an image for the product. Variations – e.g. XL, L, M, S, XS Product Groups – e.g. where does this product belong? Under toys, jewelry, collectibles, and/or antiques? Each page type can have different tabs with additional fields ranging from  “extra images” , through to  “comment managers” , through to additional fields for behaviour and content. The icon indicates the page-type (in this case the icon for a product).
FILES AND IMAGES: Adding images – Step 1: selecting folder This structure works similar to the page selector (Site Tree) in the  “Site Content”  section. Before adding files, make sure to create or select the right folder. Documents uploaded directly in the  “Site Content”  section or other parts of the  website will be stored in  “Uploads”.  We recommend our clients to setup meaningful folders first.
FILES AND IMAGES: Adding images – Step 2: upload images 1. Choose an appropriate folder. 2. Select files from your own computer. They will appear below  3. Review selection AND click on  “Upload Files Listed Below”.
FILES AND IMAGES: Adding images – Step 3: review Click on the image to edit. “ Drag” to alternative folder. Search for files in this folder. Change name of folder
For more questions, please contact us … Thank you

More Related Content

PDF
WordPress for Beginners Guide, Winter 2013 Edition
PDF
Dreamweaver cs6 step by step
PPTX
Unit b adobe dreamweaver cs6
PPT
Wikispaces Help
PPTX
Unit c adobe dreamweaver cs6
PPTX
How to Use Dreamweaver cs6
PDF
WordPress beginners course part 1
WordPress for Beginners Guide, Winter 2013 Edition
Dreamweaver cs6 step by step
Unit b adobe dreamweaver cs6
Wikispaces Help
Unit c adobe dreamweaver cs6
How to Use Dreamweaver cs6
WordPress beginners course part 1

What's hot (20)

PPTX
Unit e adobe dreamweaver cs6
PPTX
Getting Started with Adobe Dreamweaver CS6
PPTX
Unit j adobe dreamweaver cs6
PPT
Getting Started with Dreamweaver
PDF
171dreamweaver
PPTX
Dreamweaver - Introduction AND WALKTHROUGH
PPT
Shy Wiki Tutorial3
PPT
Macromedia Dreamweaver 8
PDF
26. 10 important things to do after creating a word press blog
PPT
Developing a Web Page
PPT
Wikispaces Tutorial
PPT
Create A Pbworks
DOC
Basic Web Design In Dreamweaver
PDF
Dreamweaver8
PDF
Word2007 tutorial
PPTX
Dreamweawer
PPT
Easy bib
PPT
EasyBib Instructional Guide
PDF
Req pro tips
KEY
Master UX from design to prototype
Unit e adobe dreamweaver cs6
Getting Started with Adobe Dreamweaver CS6
Unit j adobe dreamweaver cs6
Getting Started with Dreamweaver
171dreamweaver
Dreamweaver - Introduction AND WALKTHROUGH
Shy Wiki Tutorial3
Macromedia Dreamweaver 8
26. 10 important things to do after creating a word press blog
Developing a Web Page
Wikispaces Tutorial
Create A Pbworks
Basic Web Design In Dreamweaver
Dreamweaver8
Word2007 tutorial
Dreamweawer
Easy bib
EasyBib Instructional Guide
Req pro tips
Master UX from design to prototype
Ad

Similar to Silverstripe Manual (20)

PDF
Edison cms manual
DOCX
Cms Train The Trainer Guide
DOCX
Source httpsites.google.comsupport University of Nevad.docx
PPT
How to manage cms pages in Magento
PPT
Free and easy website creation
PPT
I have created my website….now what?
PDF
Wikis
PPT
Webme Slide Tutorial
PPT
8 12 08 Creating A Blog Power Point Part2
PPT
Wordpress getting-started-multimedia
PDF
How to build your FREE flash website::Free Flash Website Builder User Guide::
PPT
CHILD Site Coordinator Training
DOC
Web page manual
PPT
Webexpration2007 ii
PPT
Fms Web Cms Training
ODP
Tech. integration for fl presentation flanc fall 2010
PPT
Sites Overview
PPT
How to Use PBWiki
DOCX
WORDPRESS TEST.docx
PPT
Edison cms manual
Cms Train The Trainer Guide
Source httpsites.google.comsupport University of Nevad.docx
How to manage cms pages in Magento
Free and easy website creation
I have created my website….now what?
Wikis
Webme Slide Tutorial
8 12 08 Creating A Blog Power Point Part2
Wordpress getting-started-multimedia
How to build your FREE flash website::Free Flash Website Builder User Guide::
CHILD Site Coordinator Training
Web page manual
Webexpration2007 ii
Fms Web Cms Training
Tech. integration for fl presentation flanc fall 2010
Sites Overview
How to Use PBWiki
WORDPRESS TEST.docx
Ad

Recently uploaded (20)

PDF
project resource management chapter-09.pdf
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PDF
August Patch Tuesday
PDF
Mushroom cultivation and it's methods.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
A comparative analysis of optical character recognition models for extracting...
PPTX
1. Introduction to Computer Programming.pptx
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
A Presentation on Artificial Intelligence
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
PDF
Getting Started with Data Integration: FME Form 101
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Web App vs Mobile App What Should You Build First.pdf
PDF
A comparative study of natural language inference in Swahili using monolingua...
project resource management chapter-09.pdf
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
Heart disease approach using modified random forest and particle swarm optimi...
August Patch Tuesday
Mushroom cultivation and it's methods.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
A comparative analysis of optical character recognition models for extracting...
1. Introduction to Computer Programming.pptx
Encapsulation_ Review paper, used for researhc scholars
A Presentation on Artificial Intelligence
Univ-Connecticut-ChatGPT-Presentaion.pdf
Accuracy of neural networks in brain wave diagnosis of schizophrenia
Getting Started with Data Integration: FME Form 101
WOOl fibre morphology and structure.pdf for textiles
1 - Historical Antecedents, Social Consideration.pdf
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Web App vs Mobile App What Should You Build First.pdf
A comparative study of natural language inference in Swahili using monolingua...

Silverstripe Manual

  • 1. Introduction to Silverstripe - Content Management System (CMS) The following pages will give you an overview of the Silverstripe CMS. The slides are not meant to cover everything or show-off the advanced features of Silverstripe, but instead focus on commonly asked questions and basic functionality ( “how do I edit a page?”, “how do I add an image?”, “where can I administer the users?”)
  • 2. Logging in @ http://demo.silverstripe.com/admin/ Username: “admin” , Password: “Password”
  • 3. Orientation: the main tabs Main site options: “ Site Content” add/edit/delete pages. “ Files & Images” Storage and editing area for images, pdfs, flash (video) files, word documents, and all other files. “ Comments” If the comments module is enabled then this is where you manage comments (e.g. mark as spam) “ Reports” Custom reports can be accessed here (e.g. product sales) “ Security” All users (logged-in visitors to your site) can be managed here (e.g. add/remove permissions, add new user, review and change their details). “ Help” Hopefully you will not need this after you have read this presentation. NOTE: some sites will have more options available for customised content (e.g. a tab for administering a list of cities).
  • 4. SITE CONTENT: getting to the right page Create, search or batch process pages (e.g. mass-delete or mass-publish). Click on any of the pages to view details. The layout usually matches your site’s menu, clicking on a plus will show second-tier (child) pages – e.g. click on the plus next to ecommerce to find individual products for sale. Click on this box first if you want to move page (drag and drop). “ Page Version History” After selecting a page, you can open this slide to see previous versions of the page (and revert back to them if required). “ Site Reports” This is another way to find pages (e.g. one report shows pages edited in the last two weeks).
  • 5. SITE CONTENT: editing a page Depending on the customisation of your site and the page type (e.g. home page, gallery page or blog page) you have selected, the tabs available will change. “ Content” : is the main one and allows you to change page content (e.g. title). “ Behaviour” : the attributes of the page such as its type and whether it is shown in the menu. “ To Do” : make quick notes to yourself or other editors on what needs doing. “ Reports” : any custom reports associated with the page. “ Access” : who can view and who can edit the page? “ Translations” : only available for websites that are translated into foreign languages. For each selection that you make on the top-row (in this case “S ite Content” ), different options will appear on the row below (in this case “Main” and “Metadata” ) The two most important fields for each page are “Page Name” and “Navigation Label”. They are usually the same, but you may want to opt for a shorter version of the navigation label if limited space requires a shorter name of the page in the menu.
  • 6. SITE CONTENT: making changes 1. Select a page 2. Edit content (using buttons above for formatting ) or change any of the other fields on any of the tabs. 3. “Save” a draft or “Save and Publish” your changes to your live website.
  • 7. SITE CONTENT: meta-data = important for Search Engine Visibility 1. URL is the actual website address (e.g. http://demo.silverstripe.com/terms-and-conditions ). This is set automatically and usually does not need changing. 2. Choosing a quality Page Title is (which appears at the top of your browser window and not on the page itself) is important for Search Engine visibility (ask us how to write these) 3. Writing a description for your page is usually not that important, but also helps. Keywords are of little significance to Search Engines.
  • 8. SITE CONTENT: Page behaviour The format of your page will depend on the page type you choose (e.g. homepage, gallery page, blog page, etc…). You select this when creating a new page, but you can change it here. “ Show in Search” and “Show in Menus” are handy for hiding pages without making them inaccessible. If this has been setup, you can add a comments section to your pages here. A comments section allows visitors to make a comment on the page they are viewing (e.g. ask a question or make a suggestion ).
  • 9. SITE CONTENT: Adding a new page 2. Select the page you want to add a new one “under” – that is, where do you want to add a page? 1. Click “Create” 3. Select page type (e.g. Page) and click “ Go”.
  • 10. SITE CONTENT: Publishing or Deleting Pages To publish or delete a bunch of pages, click on “Batch Actions”. Next, select the pages and choose “Delete the selected pages” OR “Publish the selected pages” To delete just one page, click on this button and then click again (it will ask you if you also want to delete the page from the published site). After any page changes, of course don’t forget to “Save” (as a draft) OR “Save and Publish” (recommended) . The CMS will warn you if you exit the page without saving.
  • 11. SITE CONTENT: Moving a page To move a page, select “allow drop and drag reordering” – and then click, hold and drag the page you want to move (drag the page). Once it is in the right position (blue lines and boxes will guide you), release the click button.
  • 12. SITE CONTENT: Editing rich-formatted text with confidence Never copy and paste from a rich text-format application (e.g. MS Word) without using these buttons forcing a text -only “Paste”. Insert images and flash files (can load to “Files & Images” first). Insert a link (highlight text first). Make sure to select the right markup for each section (e.g. paragraph, heading 1, etc…). This is important for Search Engines. Directly edit HTML. Manage tables. Formatting matches typography format on live website.
  • 13. SITE CONTENT: managing additional content For most Silverstripe Websites, there are pages with customised content. Here is an example of a Product for the ecommerce shop. Tabs have been added to the content section: Images – load an image for the product. Variations – e.g. XL, L, M, S, XS Product Groups – e.g. where does this product belong? Under toys, jewelry, collectibles, and/or antiques? Each page type can have different tabs with additional fields ranging from “extra images” , through to “comment managers” , through to additional fields for behaviour and content. The icon indicates the page-type (in this case the icon for a product).
  • 14. FILES AND IMAGES: Adding images – Step 1: selecting folder This structure works similar to the page selector (Site Tree) in the “Site Content” section. Before adding files, make sure to create or select the right folder. Documents uploaded directly in the “Site Content” section or other parts of the website will be stored in “Uploads”. We recommend our clients to setup meaningful folders first.
  • 15. FILES AND IMAGES: Adding images – Step 2: upload images 1. Choose an appropriate folder. 2. Select files from your own computer. They will appear below 3. Review selection AND click on “Upload Files Listed Below”.
  • 16. FILES AND IMAGES: Adding images – Step 3: review Click on the image to edit. “ Drag” to alternative folder. Search for files in this folder. Change name of folder
  • 17. For more questions, please contact us … Thank you