How do I Install this thing?
You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialise correctly.
- Download Layout Studio from http://drupal.org/project/layoutstudio
- Unpack the downloaded file, take the entire Layout Studio folder and place it in your Drupal installation under one of the following locations:
- sites/all/themes: making it available to the default Drupal site and to all Drupal sites in a multi-site configuration
- sites/default/themes: making it available to only the default Drupal site
- sites/mydomain.com/themes: making it available to only the example.com site if there is a sites/yourdomain.com/settings.php configuration file
- Make a copy of the WORKING_COPY sub-theme in your themes folder. (usually "sites/all/themes", "sites/default/themes" or "sites/mydomain.com/themes").
- In the template.php, theme-settings.php and WORKING_COPY.info files, replace all instances of WORKING_COPY and replace them with the name of your theme/project. Make sure you use a lowercase name with no spaces (underscores are valid). For example, change all instances of "WORKING_COPY" to "my_client".
- Change the name of the theme folder to the same theme/project name. For example, rename WORKING_COPY folder to "my_client".
- Rename "WORKING_COPY.info" to the name of your theme/project. For example, rename "WORKING_COPY.info" to"my_client.info".
- On the theme settings page, enable your theme.
- If you plan to use a credit logo, place it in your theme's images folder. Easiest thing to do is to replace the one already in the images folder.
- Upload the layoutstudio and your theme folders to the server.
- Enable your theme
- Configure your theme: go to your theme's site configuration page for further options. Other than the typical Drupal core options, you also have the following options available:
- Copyright holder and project start year
- Credit link and link title: promotional URL link of the web development firm/agency/company.
- Random class: requires a number higher than 1.
- Choose base layout. Once chosen, you can adjust the dimensions to suit your template in the layouts folder of your sub-theme.
- Turn on colors: useful for exploring how the theme works or wireframing/prototyping.
- If you specified a footer logo, change the padding-top and width to match your logo's exact dimensions.
- Get to work! Most CSS work is performed in the following stylesheets in your theme folder:
- all.css (for all media types)
- screen.css (for screen or projection media types)
- print.css (for print media type)
- mobile.css (for handheld media type)
