Nun ist hier schon wieder sehr lange nichts passiert. Ich bin „irgendwie“ nicht dazu gekommen…
Nun aber 😉
Meinem Blog habe ich ein neues Design verabreicht. Das alte #fff war mir langsam über. Wie das vorherige Theme, läuft dieses auch zweispaltig und ist liquid für Smartphones aufgebaut.
Für die Navigation kommt nun superfish zum Einsatz.
(weiterlesen…)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;
}
Meine Webseite design-coding.de hat ein neues Theme bekommen.
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.
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.
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 <head>
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');
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.
<link rel="stylesheet" media="screen" href="screen.css">
<link rel="stylesheet" media="print" href="print.css">
<link rel="stylesheet" media="handheld" href="handheld.css">
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.