BuilderChild-Covell
m (→How to set up Covell like the demo site) |
(Added "How to push single post thumbnail to its own line when the width is small") |
||
| Line 65: | Line 65: | ||
</pre> | </pre> | ||
| − | = | + | = How to push single post thumbnail to its own line when the width is small = |
| + | |||
| + | <gallery widths=200px caption="Before and After"> | ||
| + | File:Covell-single-post-thumbnail-before.png | ||
| + | File:Covell-single-post-thumbnail-after.png | ||
| + | </gallery> | ||
| + | |||
| + | Add the following at the end of child theme's style.css: | ||
| + | |||
| + | <pre class="brush:css;"> | ||
| + | .single-post-thumbnail { | ||
| + | clear: both; | ||
| + | } | ||
| + | </pre> | ||
= Item 4 = | = Item 4 = | ||
Revision as of 00:43, May 12, 2011
Contents |
How to set up Covell like the demo site
Note: These instructions are incomplete.
1. Activate Covell child theme
2. Go to Pages -> Add New. Create Pages that should be present in your site.
[Optional] If you would like to import the data in demo site
3. Go to Appearance -> Menus and create a new menu titled Demoñu (copy the menu title text from this page and paste it). Populate this menu with items that should appear at the top navigation.
4. Take a backup of your existing layouts, views and Settings as a safety measure. Go to My Theme -> Settings. Click "Import / Export" tab. Create an export containing existing data (Layouts and Views, Settings).
5. Download builder-export-layouts-and-views.zip. Go to My Theme -> Settings. Click "Import / Export" tab. Click Import Data link. Browse to where builder-export-layouts-and-views.zip has been saved and click Import. Select Replace (Note: If you have set up a lot of layouts already, you should Add Layouts instead of Replace) and go to next step.
Click Run Import.
6.
How to make use of the Projects feature
Covell's unique feature is the Projects custom post type.
When Covell is activated, Projects section appears in the dashboard below Posts.
To create a new Project entry, click on Add New.
Enter a title, project description, click on "Set featured image" link and select one, optionally a layout that this project page (single view) should use and hit Publish.
Repeat this for as many projects as you want.
To visit the page that lists all projects, go to www.yoursite.com/projects. Note: Do not create a Page titled "Projects".
Note that projects page has been designed to only show featured images and not content of the projects. Each featured image will link to its project page (single view).
How to display Projects instead of posts on Posts page
Before:
After:
Edit theme's index.php.
Add the following above <?php if ( have_posts() ) : ?>
<?php if(is_home()) { query_posts(array('post_type'=>'builder_projects', 'paged' => get_query_var( 'paged' ) ) ); } ?>
How to push single post thumbnail to its own line when the width is small
- Before and After
Add the following at the end of child theme's style.css:
.single-post-thumbnail {
clear: both;
}
