Magazine Basic Review

Magazine themes should basically: display illustrated excerpts on a homepage with read more links to various single post pages,

Looking for a fine magazine theme Magazine Basic is the best theme I could find.

First to mention is the responsive display on all platforms thanks to the 12 column grid layout.

Great plus is the flexibility in the home page display in 1, 2 or 3 columns.

A bit of a problem is that the theme is not basic at all: in spite of its name, it is very elaborated in details.

In my opinion in a basic theme should better not

  • use google fonts in stead of standard fonts;
  • shape read more links;
  • change standard editor style;
  • change standard excerpt length;
  • use complex css for pagination style;
  • use extra css for link styling;
  • use extra css for sticky post;
  • change the look of post comments and 404 pages;

and more so that it would be more easy to adapt styles in a child theme.

It would really be nice to have a truely basic version of this magazine theme.

Magazine Basic Update not child friendly

Update 3.0.5 of the nice Magazine Basic theme published in august 2015 proves to be child unfriendly.

After installing this update one will be confronted with as series of fatal errors so one will be forced to recode the child as well. This is not the idea behind using a child to make adaptations to a theme.

At the moment I am still working on the adaptation of Compact Magazine. This child can be seen in use at Bootjesgek.nl.

First thing I found so far is unnecessary  renaming functions called mb to bavotasan:

mb_theme_options( ‘excerpt_content’ ) into:
$bavotasan_theme_options[‘excerpt_content’]

As I work along, I will keep you informed. I opened a topic at WordPress Support

Magazine Basic Child

Magazine Basic is the parent theme of Compact Magazine.

A bit of a problem is that this parent theme is not basic at all.

In spite of its name, it is very elaborated in detail.

In the making of a child theme I found there were many things I wanted different (often more basic) and as I went along, were really complex to change.

It would be a nice idea to have Magazine Basic in a really basic form and thus more easy to adapt according to the wishes of the creator of a child theme.

Among many pro’s of the Magazine Basic theme: it is very flexible; it has a responsive layout using a grid of 12 columns; adaptations of the grid in the front page are easily customized.

Compact Magazine 4

Compact Magazine 4

My special interest goes to Magazine themes.

Recently I did develop a child theme on the basis of Magazine Basic: Compact Magazine 4.

Magazine Basic is a super flexible, responsive magazine theme based on a grid of 12 columns and works surprisingly well on all platforms.

Compact magazine 4 is made more compact.

The post titles are moved to the right of the images;  a lot of white space is skipped and the ‘Read More’ buttons are replaced by a simple [..] link. Thus the images come really close to each other

Apart from that is has possibility of a top sidebar over spanning the first and second sidebar of Magazine Basic and a Feature Box on top of the recent posts display on Home page.

Also I created a special sidebar for pages that are not Home, like single, search and archives, and an extra widget space in Header and Footer.

The theme could be tagged as: Silver, Fixed Layout, Fluid Layout, Responsive Layout, One Column, Two Columns,Three Columns, Four Columns, Left Sidebar, Right Sidebar, Accessibility Ready, Custom Header, Custom Menu, Editor Style, Featured Image Header, Featured Images, Flexible Header, Front Page Posting, Sticky Post, Threaded Comments, Translation Ready.

You can see the theme at work on Bootjesgek.nl. The Feature box is used for a Easy Rotator carousel display.

The theme comes with Dutch translation and  translation ready .pot file. It works fine with Magazine Basic 3.0.4 but not with later updates.

First install Magazine Basic 3.0.4 and Compact Magazine after that.

The zip files can be downloaded from here. Please write me a note if you do.

Vertaling

How to Register & Display Sidebars in WordPress – DevotePress.

In de lijst die je kunt invullen bij het registreren van een sidebar, kom je dit tegen:

'name' => __( 'Sidebar Name', 'twentythirteen' ),

Ik heb me afgevraagd waar die __ en ‘twentythirteen’ voor staat en heb de verklaring gevonden in het artikel van de link hierboven. Het heeft te maken met de mogelijkheid om code om te zetten in een andere taal. Voor eigen gebruik is het dus niet nodig om deze toevoeging in het naam-argument op te nemen.

Borders

CSS3 box-sizing property.

Ik houd ervan om afbeeldingen een border mee te geven:
border: 1px solid #222 bijvoorbeeld.
Soms is het lastig dat er dan 2px in de hoogte en de breedte bijkomt. Deze code biedt dan uitkomst:

box-sizing: border-box

De border komt dan binnen de grenzen te liggen. Bij Twenty Thirteen staat dit al in de standaard CSS (regel 60):

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }

Masthead

HTML structural elements – W3C Wiki.

Masthead is een van de eerste termen die je tegenkomt als je de code van het Twenty Thirteen thema gaat bekijken. Dan wil je ook weten wat dat te betekenen heeft. Het heeft iets te maken met de toepassing van HTML5 en bovenstaande link brengt je bij een instructie daarover.
Praktisch gezien is het niet veel anders dan een aanduiding voor de header van de website of de <div id=”header”>. In HTML5 is daarvoor een nieuwe aanduiding gemaakt:  <header>
Het ziet er zo uit: <header id=”masthead” class=”site-header” role=”banner”>.