Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » New to SilverStripe?

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 1085 Views
  • sammahoney
    Avatar
    Community Member
    14 Posts

    New to SilverStripe? Link to this post

    I've just installed and set up my first site in SilverStripe. I figured that I might as well post up the basic steps I did to convert the Blackcandy template (that comes with the install) into my own site, so others that are new to SilverStripe might get a heads up on it...I know that there's much more to SilverStripe, but for newcomers it helps to keep things simple...

    First of all MAKE SURE YOU SELECT THE BLACKCANDY TEMPLATE WHEN INSTALLING SILVERSTRIPE

    The files for the layout etc are all in /themes/blackcandy/ so download that whole folder.

    There's one template for the layout of the pages - it's /themes/blackcandy/templates/page.ss

    SilverStripe uses it's own filetype - .ss file - but it's basically a HTML file with some extra tags to grab the content. You can drag and drop it into your favourite editor if it won't open by double-clicking.

    The CSS files are in /themes/blackcandy/css/ - the main one you want to see is layout.css.

    The menu is kept in a separate file - /themes/blackcandy/templates/includes/Navigation.ss - and the page.ss file grabs this - see where it says:

    <div id="menu_container">
    <% include Navigation %>
    <!-- end #menu_container --></div>

    It grabs the content the same way - the $Layout:

    <div id="Layout">
    $Layout
    </div>

    It seems a bit confusing at first, but basically you just need to make a layout once and then that's it. So just make a single page the way you normally would (using HTML + CSS), then copy and paste the different parts from that to the Blackcandy template and it should work. Don't forget to upload the images you used to /themes/blackcandy/images/ and make sure you reference them from layout.css as follows:

    (../images/image_name.jpg)

    Good Luck!

    1085 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.