Community Forums › Forums › Archived Forums › Design Tips and Tricks › Help needed with Minimum theme customization
Tagged: minimum
- This topic has 6 replies, 2 voices, and was last updated 11 years, 6 months ago by Jenxi Seow.
-
AuthorPosts
-
February 14, 2013 at 2:44 pm #20392Jenxi SeowMember
I have two questions:
1. I would like to use the portfolio page of the Minimum theme on the home page. Instead of portfolio post type, I want to display my blog posts. How can I go about doing that?
2. How can I ensure that the featured image of each blog post works with the theme? Do I have to go through each post and change the featured image so that they are 1600x600? For example, the featured image is very big on this page because it is a portrait image instead of landscape: http://iamjenxi.com/first-photo-walk-of-2013/ Does it mean that I would need to change all portrait photos to landscape ones or at least crop them?
RubyCoded – Making the internet look better
February 26, 2013 at 5:05 am #22869cehwithamMemberTo do this you would have to create a page_blog.php template file and copy into it all the code out of the Minimum archive-portfolio.php template file. Then setup a page to use the Blog page template and under settings > reading set the homepage to be this page rather than displaying your latest posts.
You'll then just need to apply the styles from the portfolio page to your homepage.
Twitter: cehwitham Web: cehwitham.com
February 27, 2013 at 11:27 am #23125Jenxi SeowMemberThanks for the reply! That worked. Now I just need to figure out the styles and how to modify what post meta I want to appear. Where would I need to go to edit those?
RubyCoded – Making the internet look better
February 28, 2013 at 3:06 pm #23355cehwithamMemberPost meta can be filtered by putting the following code in the template file and amending accordingly:
// Customize the post meta function
add_filter( 'genesis_post_meta', 'post_meta_filter' );
function post_meta_filter($post_meta) {
$post_meta = '[post_categories before="Filed Under: "] [post_tags before="Tagged: "]';
return $post_meta;
}The portfolio page styles start around line 689 in style.css:
.post-type-archive-portfolio .portfolio {
float: left;
margin: 0 15px 30px;
width: 340px;
}You'll need to copy any of the ones that relate to the portfolio archive and change them to be something like .home .post {... }
Make sure you also copy any styles in the media queries to keep it responsive.
Twitter: cehwitham Web: cehwitham.com
March 3, 2013 at 8:46 am #23890Jenxi SeowMemberThank you very much! I managed to get it working the way I want it to. http://iamjenxi.com
RubyCoded – Making the internet look better
March 6, 2013 at 6:15 am #24521cehwithamMemberGreat. Looks good.
Just watch what happens with longer titles and the images lining up below them. Maybe putting the images before the titles would get around this and ensure the tops of the images always line up?
Chris
Twitter: cehwitham Web: cehwitham.com
March 6, 2013 at 11:35 am #24566Jenxi SeowMemberThat's one problem. I've shrunk the font size of the titles so the misalignment is not that obvious but it's still not as clean. I've switched them around but I find that it's less striking with the title coming after the image. But maybe it's just me. Another way around this would be to start working my brains to come up with short, concise titles.
RubyCoded – Making the internet look better
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.