<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MaD´s Blog &#187; Theme 2010</title>
	<atom:link href="http://mamsel.de/blog/tag/theme-2010/feed/" rel="self" type="application/rss+xml" />
	<link>http://mamsel.de</link>
	<description>Ein weiteres tolles WordPress-Blog</description>
	<lastBuildDate>Thu, 30 Jun 2011 06:37:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>TwentyTen: Breite des Themes ändern</title>
		<link>http://mamsel.de/blog/2011/01/05/twentyten-breite-des-themes-andern/</link>
		<comments>http://mamsel.de/blog/2011/01/05/twentyten-breite-des-themes-andern/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 07:00:30 +0000</pubDate>
		<dc:creator>MaD</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Theme 2010]]></category>

		<guid isPermaLink="false">http://mamsel.de/?p=430</guid>
		<description><![CDATA[Durch einige kleine Änderungen kann die Gesamtbreite des Themes angepasst werden. In diesem Beispiel wird die Gesamtbreite insgesamt um 100px erhöht, die sich zu jeweils 50px auf die Sidebar und den Content verteilen. Dazu sind folgende Änderungen an der style.css vorzunehmen: /* The main theme structure */ #access .menu-header, div.menu, #colophon, #branding, #main, #wrapper &#123; [...]]]></description>
			<content:encoded><![CDATA[<p>Durch einige kleine Änderungen kann die Gesamtbreite des Themes angepasst werden. In diesem Beispiel wird die Gesamtbreite insgesamt um 100px erhöht, die sich zu jeweils 50px auf die Sidebar und den Content verteilen. Dazu sind folgende Änderungen an der <code>style.css</code> vorzunehmen:</p>
<p><span id="more-430"></span></p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* The main theme structure */</span>
<span style="color: #cc00cc;">#access</span> .menu-header<span style="color: #00AA00;">,</span>
div.menu<span style="color: #00AA00;">,</span>
<span style="color: #cc00cc;">#colophon</span><span style="color: #00AA00;">,</span>
<span style="color: #cc00cc;">#branding</span><span style="color: #00AA00;">,</span>
<span style="color: #cc00cc;">#main</span><span style="color: #00AA00;">,</span>
<span style="color: #cc00cc;">#wrapper</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1040px</span><span style="color: #00AA00;">;</span> // geänderter Wert
<span style="color: #00AA00;">&#125;</span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#access</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1040px</span><span style="color: #00AA00;">;</span> // geänderter Wert
<span style="color: #00AA00;">&#125;</span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#container</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">770px</span><span style="color: #00AA00;">;</span> // geänderter Wert
<span style="color: #00AA00;">&#125;</span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#primary</span><span style="color: #00AA00;">,</span>
<span style="color: #cc00cc;">#secondary</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">270px</span><span style="color: #00AA00;">;</span> // geänderter Wert
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Das Ergebnis sieht dann wie folgt aus. Ich habe extra das original Headerbild übernommen, damit man rechts sehen kann, in wie weit das Theme in der Breite gewachsen ist.</p>

<a href="http://mamsel.de/wp-content/gallery/bilder_beitrage/twentyten_long-1.jpg" title="" class="shutterset_singlepic25" >
	<img class="ngg-singlepic" src="http://mamsel.de/wp-content/gallery/cache/25__320x240_twentyten_long-1.jpg" alt="twentyten_long-1" title="twentyten_long-1" />
</a>

]]></content:encoded>
			<wfw:commentRss>http://mamsel.de/blog/2011/01/05/twentyten-breite-des-themes-andern/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TwentyTen: Sidebar nach links verschieben</title>
		<link>http://mamsel.de/blog/2011/01/02/twentyten-sidebar-nach-links-verschieben/</link>
		<comments>http://mamsel.de/blog/2011/01/02/twentyten-sidebar-nach-links-verschieben/#comments</comments>
		<pubDate>Sun, 02 Jan 2011 10:35:17 +0000</pubDate>
		<dc:creator>MaD</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Theme 2010]]></category>

		<guid isPermaLink="false">http://mamsel.de/?p=316</guid>
		<description><![CDATA[Ich habe heute die Anfrage bekommen, ob es ohne großen Aufwand möglich wäre, die Sidebar im TwentyTen-Theme von rechts nach links zu verschieben. Mit den nötigen Kenntnissen ist es sicherlich eine ganz einfache Geschichte, aber ohne Ahnung von HTML und CSS sicherlich doch mit größerem Aufwand verbunden. So lautete meine Antwort und mir war während [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe heute die Anfrage bekommen, ob es ohne großen Aufwand möglich wäre, die Sidebar im TwentyTen-Theme von rechts nach links zu verschieben.  Mit den nötigen Kenntnissen ist es sicherlich eine ganz einfache Geschichte, aber ohne Ahnung von HTML und CSS sicherlich doch mit größerem Aufwand verbunden. So lautete meine Antwort und mir war während der Antwort schon klar, dass als nächstes die Frage kommt, ob ich dabei helfen kann. </p>
<p><span id="more-316"></span>Die notwendigen Änderungen habe ich hier einmal zusammengetragen. Bei meiner Beschreibung gehe ich von einem TwentyTen im Originalzustand aus:</p>
<p>1. Zunächst müssen wir die <code>index.php</code> ändern. In der Zeile 31 sollte folgender Code zu finden sein <code>php get_sidebar(); ?></code>. Die Gesamte Zeile muss unter die Zeile <code>get_header(); ?></code> verschoben werden, also in die Zeile 17. Dieser Schritt muss für alle Templates vorgenommen werden, in der die Sidebar links dargestellt werden soll. Also zum Beispiel auch in der page.php, der single.php und der archiv.php (hier können aber unter umständen die Zeilennummern abweichen.)</p>
<p>2. Im folgenden Schritt muss das CSS noch angepasst werden, d.h. die <code>style.css</code>. In der Zeile 74 stehen die Styleklasse <code>primary</code> und <code>secondary</code>. Diese bitte wie folgt anpassen:</p>
<p><code>#primary, #secondary {<br />
    float: left;<br />
    overflow: hidden;<br />
    width: 220px;<br />
}</p>
<p>#secondary {<br />
	clear: left;<br />
}<br />
</code></p>
<p>Die Schritte 1 und 2, die bisher beschrieben worden sind, reichen aus damit die Sidebar auf der linken Seite dargestellt wird. Es können jetzt noch einige kleinere Optimierungen an dem CSS vorgenommen werden, aber die nächsten Schritte sind optional.</p>
<p>3. In der <code>style.css</code> die Zeilen ab Zeile 66 wie folgt anpassen:</p>
<p><code>#container {<br />
	float: left;<br />
	width: 720px;<br />
}<br />
#content {<br />
    margin: 0 0 0 20px;<br />
}</code></p>
<p>Da alle guten Dinge 3 sind, sind wir an dieser Stelle auch fertig mit den Änderungen.</p>
]]></content:encoded>
			<wfw:commentRss>http://mamsel.de/blog/2011/01/02/twentyten-sidebar-nach-links-verschieben/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>verschiedene Headerbilder im Theme 2010</title>
		<link>http://mamsel.de/blog/2010/02/27/verschiedene-headerbilder-im-theme-2010/</link>
		<comments>http://mamsel.de/blog/2010/02/27/verschiedene-headerbilder-im-theme-2010/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 15:58:32 +0000</pubDate>
		<dc:creator>MaD</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Theme 2010]]></category>

		<guid isPermaLink="false">http://mamsel.de/?p=114</guid>
		<description><![CDATA[Wo soll das noch hinführen? Es fing damals mit den Widgets an. Damals konnte zum ersten Mal die Sidebar mit Hilfe von ein paar Klicks konfiguriert werden. Ich konnte mich damals schon nicht damit anfreunden und bin bis heute dabei geblieben die Sidebars über den Quellcode zu konfigurieren. Nur &#8220;klicken&#8221; ist doch langweilig. Ich hatte [...]]]></description>
			<content:encoded><![CDATA[<p>Wo soll das noch hinführen? Es fing damals mit den Widgets an. Damals konnte zum ersten Mal die Sidebar mit Hilfe von ein paar Klicks konfiguriert werden. Ich konnte mich damals schon nicht damit anfreunden und bin bis heute dabei geblieben die Sidebars über den Quellcode zu konfigurieren. Nur &#8220;klicken&#8221; ist doch </p>
<p><span id="more-114"></span> langweilig. Ich hatte zu der Zeit die Befürchtung WordPress wird zu einem dieser &#8220;Ich-klick-mal-eben-einen-Blog-zusammen&#8221;-Tools. Bisher hatte sich diese Befürchtung noch nicht bewahrheitet, obwohl mir schon wieder ein kalter Schauer den Rücken runterlief, als ich zum ersten Mal von dem Papierkorb gelesen hatte. Wozu?`Jeder sollte ein Datenbank-Backup haben und wenn aus versehen etwas gelöscht wird, kann man es daraus wieder herstellen. </p>
<p>Und jetzt kann man das Headerbild per Klick austauschen? Das ist eine Zeile im Quellcode des Themes ändern. Das braucht man jetzt nicht mehr, weil kann man ja einfach über die Adminoberfläche machen. Nur wieviel Zeilen Code ist dafür wieder hinzugekommen. Ich finde WordPress wird zu sehr mit &#8220;unwichtigen&#8221; Funktionen aufgebläht. Und um die Frage vom Anfang zurück zu kommen &#8230; Wo soll das noch hinführen?</p>
]]></content:encoded>
			<wfw:commentRss>http://mamsel.de/blog/2010/02/27/verschiedene-headerbilder-im-theme-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kubrick vs. 2010</title>
		<link>http://mamsel.de/blog/2010/01/23/kubrick-vs-2010/</link>
		<comments>http://mamsel.de/blog/2010/01/23/kubrick-vs-2010/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 09:13:55 +0000</pubDate>
		<dc:creator>MaD</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Kubrick]]></category>
		<category><![CDATA[Theme 2010]]></category>
		<category><![CDATA[WordPress 3.0]]></category>

		<guid isPermaLink="false">http://mamsel.de/?p=75</guid>
		<description><![CDATA[In der WordPress Version 3.0 wird es, wie mittlerweile fast jeder weiß, ein neues Standardtheme geben. Das bisherige Standardtheme Kubrick geht in Rente. Irgendwie finde ich das schade. Kubrick war damals mein erstes verwendetets Theme. Und ich habe noch lange sehr gerne an diesem Theme herumgebastelt. Auch das aktuelle Theme hier ist ein Kubrick, zwar [...]]]></description>
			<content:encoded><![CDATA[<p>In der WordPress Version 3.0 wird es, wie mittlerweile fast jeder weiß, ein neues Standardtheme geben. Das bisherige Standardtheme Kubrick geht in Rente. Irgendwie finde ich das schade. Kubrick war damals mein erstes verwendetets Theme. Und ich habe noch lange sehr gerne an diesem Theme herumgebastelt. Auch das aktuelle Theme hier ist ein Kubrick, zwar etwas erweitert um eine Sidebar, aber es ist ein Kubrick. Viele sagen ja das Theme hat einen unwartbaren Code. Erst heute habe ich wieder diese Aussage gelesen. Aber das sehe ich nicht ganz so. </p>
<p><span id="more-75"></span> Der Code war zwar kein Highlight, aber man konnte sich da schon durchbeißen. Da habe ich beruflich in einigen Firmen schon viel schlechteren Code gelesen, der dann wirklich in Richtung Unwartbarkeit ging.</p>
<p>Ich für meinen Teil werde Kubrick vermissen. Aber ich bin auch gespannt auf das neue Theme 2010.</p>
<p>Als ich das Theme heute zum ersten Mal gesehen habe, war ich erst etwas enttäuscht. Es macht meiner Meinung nach dem Wort Standard alle Ehre. Ganz oben der Seitentitel, dann ein Header mit einer horizontalen Navigationsleiste und darunter Content + Sidebar. Positiv finde ich aber, dass es einen sehr schlichten Eindruck macht. Aber von den Sachen, die man bisher gelesen hat hätte ich irgendwie &#8220;mehr&#8221; erwartet, aber mal abwarten, bis WP 3.0 erscheint und somit auch das Theme 2010 dauert es ja noch eine Weile. Da kann sich noch eine Menge ändern.</p>
<p>Aber irgendwie wäre es auch reizvoll, wenn es so bleiben würde. Dann könnte man mal wieder schauen, was man aus dem Standardtheme  noch zaubern kann. Lust habe ich auf jedenfall jetzt schon drauf, besonders weil ich ja wieder viel viel mehr mit WordPress machen möchte.</p>
]]></content:encoded>
			<wfw:commentRss>http://mamsel.de/blog/2010/01/23/kubrick-vs-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

