Northern-Web-Coders » Wordpress

NWC 2.5.9 – kleine Css Update

jaman — Fri, 26 Aug 2011 09:21:15 +0000

2 Dinge habe ich vergessen in der Css anzugeben.

Einmal:body.search-results .comment { background: none; padding: 10px 10px 0px 0; }

Und dann muss noch margin, padding und border für img.wp-smiley auf 0 gesetzt werden.img.wp-smiley { margin: 0; padding: 0; border: 0; }

Neues Design-Coding Theme

jaman — Mon, 22 Aug 2011 14:23:59 +0000

Meine Webseite design-coding.de hat ein neues Theme bekommen.

Design-Coding 2011

Das Theme ist, wie das Northern-Web-Coders Theme, für die Darstellung auf Smartphones vorbereitet.

Ab einer Breite von 480px wird das Layout mit einem kleineren Logo angezeigt und die Seite Referenzen läuft einspaltig.

Hier noch eine Demo der Seite für verschiedene Smartphone-Formate.

Northern-Web-Coders – 2.5.8 2.5.9

jaman — Thu, 21 Jul 2011 08:31:46 +0000

das Einreichen der Version 2.5.8 bei wordpress.org ist leider wieder an einem kleinen Punkt gescheitert, der aber nun in der neuen Version 2.5.9 behoben ist. In der funktions.php fehlten für die Sidebar noch die Angaben für die id und die description.

Nun wurde das Theme auf approved/genehmigt gesetzt. Hier gehts zum Ticket.

Das Theme ist liquid aufgebaut und passt sich somit der Monitorgröße an. Bis zu einer Browserbreite von 480px läuft das Layout zweispaltig. Bei geringerer Breite geht es einspaltig weiter.

Hier geht’s zur Demo mit den WordPress Test Daten.

Download Northern-Web-Coders 2.5.9 Theme

~~Demnächst müsste es auch bei wordpress.org zum Download angeboten werden.~~

Das Theme wird nun auch bei wordpress.org zum Download angeboten.

Northern-Web-Coders – 2.5.7

jaman — Sat, 16 Jul 2011 09:40:55 +0000

das “NWC – Liquid Layout die 2te” habe ich noch etwas angepasst und hier nun auch aufgesetzt. Das ganze ist dann Northern-Web-Coders – 2.5.7.

Durch den Einsatz von @media screen and (max-width: 480px) { ... } müsste das Theme auch auf Smartphones funktionieren.

Ausserdem werden die Bilder per Css dynamisch skaliert. Das funktioniert mit diesem Code:img { max-width: 100%; width: auto; height: auto; }

Ich habe das Theme auch wieder bei WordPress eingereicht. Mal sehen… Hier gehts zum Ticket.

Download Northern-Web-Coders 2.5.7 Theme

Edit:
Die functions.php habe ich noch mit folgendem Code ergänzt, damit das Theme auch 100%ig valide ist. // remove invalid links in the function remove_head_links() { remove_action( 'wp_head', 'start_post_rel_link' ); remove_action( 'wp_head', 'index_rel_link' ); remove_action( 'wp_head', 'rsd_link' ); remove_action( 'wp_head', 'wlwmanifest_link' ); } add_action('init', 'remove_head_links'); // remove invalid rel attribute values in the categorylist function remove_category_rel_from_category_list($thelist){ return str_replace('rel="category tag"', 'rel="tag"', $thelist); } add_filter('the_category', 'remove_category_rel_from_category_list');

Es gab noch folgende Fehlermeldungen:

Bad value EditURI for attribute rel on element link: Keyword edituri is not registered.
Bad value index for attribute rel on element link: Keyword index is not registered.
Bad value category tag for attribute rel on element a: Keyword category is not registered.

Gefunden haber ich den Tip bei random-internet-node.de.

Danke!

NWC – Liquid Layout die 2te

jaman — Tue, 12 Jul 2011 15:02:09 +0000

nun habe ich das NWC 2.5.5 – Liquid Theme mit einem Media Querie ausgestattet.

Früher wurden Media Queries hauptsächlich für die Zuordnung von Stylesheets für spezielle Ausgabegeräte verwendet.

Seit Css3 gibt es weitere Media Queries z.B. für Bildschirmbreiten bzw. Browserbreite und mehr.

Da das NWC – Liquid Theme im Contentbereich 2 Spalten hat dachte ich, dass ab einer Browserbreite von 480px das Theme nur noch einspaltig weiter laufen soll. Die Sidebar wird dann unter dem Content angezeigt.

Das funktioniert mit diesem Media Querie:
@media screen and (max-width: 480px) { ... }

In den Bereich { ... } kommt der Stylesheet rein der angezeigt werden soll, wenn das Fenster eine Breite von 480px oder schmaler hat. Die Eigentschaften und Werte der normalen Selektoren gelten auch für die schmale Ansicht. Diese werden, wenn sie im Media Query neu angelegt werden aber überschrieben.

Hier gehts zur Demo mit den WordPress Test Daten.

Download Northern-Web-Coders 2.5.6 Theme

NWC – Liquid Layout

jaman — Mon, 04 Jul 2011 06:59:44 +0000

Das Thema Liquid Layout beschäftigt mich schon länger. Nun habe ich das Northern-Web-Coders Theme liquid umgesetzt. Hier gehts zur Demo.

Das Ganze ist noch in der Testphase. Im Moment kommt das Theme ohne eine min-width aus. Ich habe mir gedacht, dass ich das Theme noch mit Media Queries ausstatte. Damit wäre es z.B. möglich, das Layout für verschiedene Ausgabegeräte anzupassen. Mal sehen…

Download Northern-Web-Coders 2.5.5 Theme

Neues Theme nun bei wordpress.org

jaman — Sun, 29 May 2011 10:30:53 +0000

mein Ziel war es, das neue Northern-Web-Coders – Version 2.5.4 Theme auch bei wordpress.org zum Download anzubieten.

In Version 2.5.4 sind nun alle Fehler beseitigt und das Ticket #3930 des Themes wurde auf approved/genehmigt gesetzt.

Seit ein paar Tagen gibt es das Theme nun auch bei wordpress.org zum Download.

Northern-Web-Coders – 2.5.4

jaman — Sat, 07 May 2011 21:58:16 +0000

…es geht weiter mit meinem Theme Northern-Web-Coders – Version 2.5.4.

Das letzte Ticket für die Version 2.5.3 ist geschlossen und auf not-approved gesetzt.

Die Fehler waren:

Code Quality

The charset meta tag in the HEAD has to be placed before the </code>.</li> <li>Feed links are not to be hard-coded into the document head, the call to automatic-feed-links in functions.php takes care of this.</li> <li>The <code>wp_nav_menu</code> call in header.php has been coded incorrectly. The result of this is that the menu is not available at any location in the theme…</li> <li>The child menu items in the front-end also appear as permanently open… </li> </ul> <p><strong>Template Tags and Hooks</strong></p> <ul> <li>You need to add <code>post_class()</code> in page.php and single.php. <a class="ext-link" href="http://codex.wordpress.org/Template_Tags/post_class"><span class="icon"> </span>http://codex.wordpress.org/Template_Tags/post_class</a></li> </ul> <p><strong>Theme Settings and Data Security</strong></p> <ul> <li>All custom functions, options, custom variables and custom constants in functions.php have to be prefixed with a theme slug.</li> </ul> <p><strong>Theme Unit Tests</strong></p> <ul> <li>Large videos on the main page are not overflowing the content area but they are not being re-sized, this means that only portions of the video are being shown. This is merely a recommendation.</li> </ul> <p>Die Fehler habe ich nun behoben. </p> <p><strong>Hier das neue Ticket:</strong><br /> <a href="http://themes.trac.wordpress.org/ticket/3930">http://themes.trac.wordpress.org/ticket/3930</a></p> </article> <article> <h1>Northern-Web-Coders – 2.5.3</h1> <p>jaman — Mon, 02 May 2011 20:56:50 +0000</p> <p>Es gib wieder ein Northern-Web-Coders Theme Update. Diesmal Version 2.5.3. 2.5.2 hab ich hier gar nicht zum Download bereitgestellt… warum? Ich möchte das Theme auch bei <a href="http://wordpress.org/extend/themes/">wordpress.org/extend/themes/</a> zum Download anbieten und die sagen…<br /> <span id="more-633"></span><br /> <strong>Hier mal die Tickets:</strong></p> <ul> <li><a href="http://themes.trac.wordpress.org/ticket/3714">http://themes.trac.wordpress.org/ticket/3714</a></li> <li><a href="http://themes.trac.wordpress.org/ticket/3750">http://themes.trac.wordpress.org/ticket/3750</a></li> <li><a href="http://themes.trac.wordpress.org/ticket/3771">http://themes.trac.wordpress.org/ticket/3771</a></li> </ul> <p><del datetime="2011-05-15T18:05:04+00:00"><br /> <strong>Aktuell:</strong> <a href="http://themes.trac.wordpress.org/ticket/3817">http://themes.trac.wordpress.org/ticket/3817</a></del></p> <p>Mal sehen, was die Leute von <a href="http://wordpress.org">WordPress</a> nun dazu sagen.</p> <p>Hier kann das Theme runtergeladen werden:<br /> <a href="http://www.northern-web-coders.de/blog/wp-content/uploads/2011/05/northern-web-coders.zip">Northern-Web-Coders 2.5.3</a></p> </article> <article> <h1>Northern-Web-Coders 2.5 Theme</h1> <p>jaman — Sat, 30 Apr 2011 13:06:53 +0000</p> <p>Gestern habe ich hier das neue <a href="http://www.northern-web-coders.de/blog/archiv/2011/04/29/northern-web-coders-2-4-theme/">Northern-Web-Coders Theme – 2.4</a> zum Download bereitgestellt. Dann dachte ich mir, dass ich das Theme doch auch mal wieder bei <a href="http://www.wordpress.org">wordpress.org</a> einreichen könnte. Vorbereitet habe ich das <a href="http://www.northern-web-coders.de/blog/archiv/2011/04/29/northern-web-coders-2-4-theme/">Northern-Web-Coders Theme – 2.4</a> mit den von <a href="http://www.wordpress.org">wordpress.org</a> bereitgestellten <a href="https://wpcom-themes.svn.automattic.com/demo/test-data.2011-01-17.xml">Test-Daten</a>. </p> <p>Nach dem Upload habe ich ein paar Fehlermeldungen erhalten. Die meisten waren <strong>You have not included a text domain!</strong></p> <p>Um diesen Fehler zu vermeiden, habe ich sämtliche <code><?php _e(' '); ?></code> durch <code><?php printf(_e("")); ?></code> ersetzt.<br /> <span id="more-589"></span><br /> <strong>Die letzten Meldungen sind:</strong><br /> <em>EMPFOHLEN: Kein Hinweis auf <code>add_editor_style()</code> wurde im Theme gefunden.<br /> EMPFOHLEN: Kein Hinweis auf <code>add_custom_image_header</code> wurde im Theme gefunden.<br /> EMPFOHLEN: Kein Hinweis auf <code>add_custom_background()</code> wurde im Theme gefunden. </em></p> <p>Damit kann ich leben. Mal sehen, was <a href="http://www.wordpress.org">wordpress.org</a> dazu sagt.</p> <p>Das Plugin <a href="http://wordpress.org/extend/plugins/theme-check/">Theme Check</a> ist für das Testen des Themes sehr nützlich.</p> <p>Dann habe ich noch die <a href="http://www.northern-web-coders.de/blog/archiv/2007/12/24/content-in-2-spalten/#more-227">Content in 2 Spalten Lösung</a> geändert. Nun muss im Template nicht mehr die Anzahl der Artikel angegeben werden. Diese richtet sich nun nach der Anzahl, die im Backend festgelegt ist. Gefunden habe ich den Code dazu <a href="http://perishablepress.com/press/2008/08/04/two-column-horizontal-sequence-wordpress-post-order/">hier</a>…</p> <p><a href='http://www.northern-web-coders.de/blog/wp-content/uploads/2011/04/nwc-2011-2.5.zip'>Hier kann das Theme runtergeladen werden.</a></p> <p><br /> Und so sieht der Code in meiner index.php aus:</p> <p><code><br /> <?php get_header(); ?><br /> <?php $i =(''); ?><br /> <section class="column-left"><br /> <?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) == 0) : $wp_query->next_post(); else : the_post(); ?><br /> <article <?php post_class() ?> id="post-<?php the_ID(); ?>"><br /> <?php the_date('','<h2 class="date">','</h2>'); ?><br /> <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3><br /> <section class="meta"><br /> <?php printf(_e("Categories:")); ?> <?php the_category(', ') ?><br /> <br /><br /> <?php the_tags(__('Tags: '), ' , ' , ''); ?> <br /> <?php edit_post_link(__('Edit This')); ?><br /> </section><br /> <?php the_content(__('(more...)')); ?><br /> <section class="comment"><br /> <?php wp_link_pages(); ?><br /> <?php comments_popup_link(__('No Comments'), __('1 Comment'), __('% Comments'), '', __('Comments are closed.') ); ?><br /> </section><br /> </article><br /> <?php endif; endwhile; else: ?><br /> <?php endif; ?><br /> </section><br /> <?php $i = 0; rewind_posts(); ?><br /> <section class="column-right"><br /> <?php if (have_posts()) : while(have_posts()) : $i++; if(($i % 2) !== 0) : $wp_query->next_post(); else : the_post(); ?><br /> <article <?php post_class() ?> id="post-<?php the_ID(); ?>"><br /> <?php the_date('','<h2 class="date">','</h2>'); ?><br /> <h3 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3><br /> <section class="meta"><br /> <?php printf(_e("Categories:")); ?> <?php the_category(', ') ?><br /> <br /><br /> <?php the_tags(__('Tags: '), ' , ' , ''); ?> <br /> <?php edit_post_link(__('Edit This')); ?><br /> </section><br /> <?php the_content(__('(more...)')); ?><br /> <section class="comment"><br /> <?php wp_link_pages(); ?><br /> <?php comments_popup_link(__('No Comments'), __('1 Comment'), __('% Comments'), '', __('Comments are closed.') ); ?><br /> </section><br /> </article><br /> <?php endif; endwhile; else: ?><br /> <?php endif; ?><br /> </section><br /> <?php comments_template(); ?><br /> <section id="pagenav"><br /> <?php posts_nav_link() ?><br /> </section><br /> <?php get_footer(); ?><br /> </code></p> </article> </main></body></html>