Minimalism Theme

[Timbow]

Important Note 28/05/14

The three columns of the 'homepage' template are coded with overflow: hidden; in the css. This might cause google to think there is some underhand 'cloaking' of content and to penalise your site. I don't know for sure and I don't know how you would find out, but if google position is important to you best correct it by using a plugin to insert extracts, or by just writing the extract in the template to make sure that text displayed on your page is the same as that displayed in the source.


This theme is taken from the html5 template Minimalism designed by Marija Zaric

The first, fixed width GetSimple Minimalism theme is still in extend here

The improved Responsive GetSimple Minimalism theme is now in Extend here.

The page template homepage.php includes the three columns. If you make three pages titled First, Second and Third with some paragraph text then an extract of the text will appear in the column on the homepage. The pages can be included in the menu or not as you like. Save the pages as First, Second and Third to establish the correct slugs, then changing the column titles with a simple edit to the template, and make the page titles what you like.

The default template is a plain page with sidebar.

I don't have it in use any more so there is no demo page.

[Connie]

that looks very interesting and promising ;=)

[Timbow]

I hope it is useful to someone. I thought it was good, certainly looking at it with a user's eye.

Working through others' code is a variable experience. sometimes there are good things to learn, sometimes it is a curious puzzle, sometimes you think you might just fix one little thing and when you do the whole site collapses...

This one had all the larger divs marked:
position: relative;
width: 100%;
float: left;
I wish I new why.

[Sitebee]

Looks great, very similar to the static template I created at the weekend.

Great work

[rosareven]

I can't seem to get the 3 columns on the home page to appear. I've titled them First, Second and Third, with the homepage as the template.

Was there anything else I missed?

[Timbow]

I just checked. If you successfully changed the page template to homepage.php you will see the three columns but without the paragraph text, just heading and image. The First column paragraph text is taken from a page with the 'slug' first. If you title the page First and save it then GS will give it the 'slug' (filename) first but you can check that and correct it in Page Options.

Don't know what more to say. Presume you are saving and reloading/ refreshing ? You have written some text in your new page First ?

[rosareven]

I just checked. If you successfully changed the page template to homepage.php you will see the three columns but without the paragraph text, just heading and image. The First column paragraph text is taken from a page with the 'slug' first. If you title the page First and save it then GS will give it the 'slug' (filename) first but you can check that and correct it in Page Options.

Don't know what more to say. Presume you are saving and reloading/ refreshing ? You have written some text in your new page First ?

Thanks for the reply. I misunderstood the instruction and applied the homepage template to First, not the homepage itself. It's working now.

[Timbow]

New Version of this theme, same as before but responsive, listed in extend as New Minimalism

[bokor.pavol]

Good job, Timbow.

[watchsmart]

Is it possible to increase the length of the preview text shown in the homepage columns?

(Great theme, by the way. I love it already!)

[Timbow]

In layout.css under Homepage Styles at line 87:

Code:

.extract {
    height: 110px;
    overflow: hidden;
}

It doesn't count characters, just controls the height of the div.

Nice site.

[GuyB]

Hello,
I want to use this theme for four columns as it is responsive

What do I need to change in the template and css to accommodate this please?
Thanks
Guy

[Timbow]

Hello,
I want to use this theme for four columns as it is responsive

What do I need to change in the template and css to accommodate this please?
Thanks
Guy

It should be easy. That theme uses skeleton css which uses a 16 col grid (with the option to divide by three as well). If you for instance take the homepage.php template you will see three sections with class= "one-third column" . Change that to four sections with class="four columns".

[GuyB]

Hello Timbow,

That works a treat, just had to copy and past another section to include the details of the fourth column I want to display. Like so:
<section class="four columns">
<h3>Third</h3>
<div class = "extract">
<?php getPageContent('fourth'); ?>
</div>
<a class="photo scale-with-grid" href="<?php get_site_url(); ?>fourth"><img src="<?php get_theme_url(); ?>/images/picture3.jpg" width="240" height="214" alt="picture3"/></a>
<a href="<?php get_site_url(); ?>fourth" class="button">Read more</a>
</section>


Works well,

Many thanks
Guy

[Timbow]

Glad it works for you. I was worrying earlier in the year that the way I put in page extracts meant that there is text in the source which is not visible in the browser and could be bad SEO. IDK but just making you aware.