Switching Themes via StyleCatcher
- In Movable Type navigate to Design > Styles.
- Choose “Sanbox Themes” in the left nav.
- Select a theme.
- Apply theme.
Installing Themes Manually
- Download desired theme from Sandbox Designs Competition.
- Place the theme folder in
$MT_HOME/mt-static/plugins/Sandbox/themes/
. - Navigate to Design > Templates. Open the “Styles” index template.
Replace the content of the “Styles” index template with a link to the stylesheet of the newly added theme in the styles.css index template. (Replace “THEME-NAME” with the name of the theme.)
@import url(<$mt:StaticWebPath$>plugins/Sandbox/themes/THEME-NAME/style.css);
Save & Publish the “Styles” index template.
- View your blog.
Customizing a Theme
- Create a new index template for your custom styles named Custom Styles with an output file of
custom-styles.css
After the @import in the Styles index template, add a link to your Custom Styles template after the link to the theme you wish to customize. If you wanted to customize the Moo-Point theme after using StyleCatcher to enable it, the code would look like this might look something like this:
/* This is the StyleCatcher theme addition. Do not remove this block. */ @import url(<$mt:StaticWebPath$>support/themes/moo-point/moo-point.css); /* end StyleCatcher imports */ @import url(<$mt:Link template="Custom Styles"$>);
Add any styles you wish to override into the Custom Styles index template. Click Publish & Save, then view your site.
Roll Your Own Theme
- Create a sibling folder next to an existing theme, or duplicate an existing theme to base your theme upon.
Update the link to the theme in the Styles index template to point to your new custom theme and then click Save & Publish. Your Styles index template might look like this:
@import url(<$mt:StaticWebPath$>plugins/Sandbox/themes/custom-theme/style.css);
Edit or add styles and images to your new theme. Because the theme file isn’t managed through MT (though it can be if you have the theme file published as an index template) there is no need to republish after making changes to your stylesheet.
14 Comments
I’ve installed Sandbox 1.1 to my MT 4.21 install. I had planned on using it on my main blog but tried it out on my ‘Sandbox’ blog, a blog created in 4.21, first. I’ve refreshed my templates with the Sandbox templates and I applied a style with Stylecatcher.
The style is a mess, however. All in one column and jumbled. I tried two different styles and neither works. Check it out here.
What did I do wrong?
Salguod_
You are using a sandbox theme, but you are not using the Sandbox template set.
That’s what I did originally, but just for giggles I did it again. Same result.
Something’s goofy here.
Any other ideas?
Yup, something’s goofy. I’ve never heard of this issue.
OK, the new one looks fine, but commenting is messed up. The commenting buttons are wrong and I get this error when trying to comment:
I had some commenting weirdness when I installed Mid Century to my main blog. I posted to the forums on that here. Could this be related?
Oh, and yes, I’m on 4.21.
I tried swapping my test blog to the Promised Land theme and it was messed up again. Swapping back to SandPress and it looks OK.
I was really looking forward to themes and template sets in MT 4.21 and they’ve been nothing but trouble. :-(
Argh.
Weird.
Is your MT 4.21 install completely stock, or have you merged with previous version? added plugins?
Mid-Century did have a few issues with previewing comments. I’ve committed fixes to the repo for that issue, Jim may add a little bit and then release a new version of the set.
The themes that were developed for Sandbox all seem to have small imperfections in their design. I’ve fixed many of the issues in the files we made available in the Theme repo for Sandbox. I also notified the theme designers of my findings.
Sorry that you’re experiencing these issues. Of course we throughly test everything we release. Hope I can help you solve them. I’ll contact you offline.
Fresh MT 4.21 install into a new directory. Plug-in list:
Individual Plugins
Action Streams 1.0 Blog Cloner 2.0 Feeds.App Lite I want to see that! 1.0 Link Roller 2.6b1 MT-Notifier 4.0.5 MT-RF2CF 1.0.0 MT-Twitter 1.0 Mid-Century Template Set 1.0 MultiBlog 2.0 Scripturizer.pl StyleCatcher 2.2 Textile 2.05 TypePad AntiSpam 1.0 WXR Importer 1.1 Widget Manager Upgrade Assistant 1.1 acronym.pl sandbox 1.0
Plugin Set: Markdown
Markdown 1.0.1 SmartyPants 1.5.1
Plugin Set: PhotoGallery
Collect 1.2 FilterCategories 1.1 FirstNWords 1.3 PhotoGallery/MTCategoryOfArchive.pl PhotoGallery/MTCollate.pl PhotoGallery/MTGrid.pl PhotoGallery/MTRelativeURL.pl Photo Gallery 2.1 PhotoGallery/PreviousNextInCategory.pl PhotoGallery/dirifyplus.pl PhotoGallery/keyvalues.pl
Plugin Set: alogblog
alogblog/CCode.pl - Disabled alogblog/TCode.pl - Disabled
Plugin Set: spamlookup
spamlookup/spamlookup.pl - Disabled spamlookup/spamlookupurls.pl - Disabled spamlookup/spamlookupwords.pl - Disabled
Running into the same issues as salguod. This is my first time with MT. I’ve a clean install of 4.23, StyleCatcher 2.2 (which over wrote the version that came with MT), and Sandbox 1.1. That’s it. I have noticed that the template output files are previewing beautifully through Design > Templates. Subsequently, the urls ending in index.php are displaying correctly while the usual urls are not.
Any ideas?
Best regards
Update. While looking further, I found both .php and .html versions of index, archive, 404, as well as my original test posts. These have a created date corresponding to the initial sandbox install. I weeded them out, and everything seems to be back on track.
I am having a problem where the columns are not displaying properly. Everything is displaying in 1 column, instead of 3 columns. This is now happening with the default styles. Any ideas?
Jackie, did you read this FAQ?
Beau,
In what file (name and path) are you changing this variable?
What this does is change the value of the blog page_layout variable, a text string which is output as a class on the html body tag. The style hooks into this class for layout. You could change the layout variable manually in the header code by replacing the code with one of the six layout variables for the Sandbox theme:
Your help is much appreciated!
Jackie, to manually set the page_layout variable, add this to top of all index and archive templates:
Or for an even more fancy solution… create a new template module called “Blog Config” containing the code above. Then include it at the top of every index and archive template using the following code:
This second solution is recommended because you can then update the page_layout in one template vs having to update it in all index and archive templates. =)
1 TrackBack
Sandbox for Movable Type…
Ever thought about radically changing the look of your blog without much design work? Are you a designer who likes to work in semantic HTML and do amazing things with CSS? Maybe you’re moving from WordPress to Movable Type and...……