<?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>KS Webdesign - Der Blog &#187; Wordpress</title>
	<atom:link href="http://webdesign-passau.com/wordpress/kategorie/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesign-passau.com/wordpress</link>
	<description>Ein weiteres tolles WordPress-Blog</description>
	<lastBuildDate>Wed, 08 Sep 2010 14:06:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Kommentare und Pingbacks trennen</title>
		<link>http://webdesign-passau.com/wordpress/kommentare-und-pingbacks-trennen/</link>
		<comments>http://webdesign-passau.com/wordpress/kommentare-und-pingbacks-trennen/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 13:51:54 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Kommentare]]></category>
		<category><![CDATA[Pingbacks]]></category>
		<category><![CDATA[Trackbacks]]></category>
		<category><![CDATA[trennen]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=509</guid>
		<description><![CDATA[Wenn in einem Blog das Verhältnis von Pingbacks/Trackbacks und Kommentaren ungefähr gleich ist, stören die eingestreuten Ping-/Trackbacks meiner Meinung nach beim Lesen der Kommentare. Vladimir Simovic hat in einem älteren Artikel beschrieben, wie man das mithilfe eines Plugins getrennt ausgeben kann. Das Plugin gibt es wohl nicht mehr, deshalb habe ich ausgehend von Vladimirs Artikel [...]]]></description>
			<content:encoded><![CDATA[<p>Wenn in einem Blog das Verhältnis von Pingbacks/Trackbacks und Kommentaren ungefähr gleich ist, stören die eingestreuten Ping-/Trackbacks meiner Meinung nach beim Lesen der Kommentare.</p>
<p><a href="http://www.perun.net/2006/12/07/track-und-pingbacks-separat-auflisten/" title="Externer Link">Vladimir Simovic</a> hat in einem älteren Artikel beschrieben, wie man das mithilfe eines Plugins getrennt ausgeben kann. Das Plugin gibt es wohl nicht mehr, deshalb habe ich ausgehend von Vladimirs Artikel das mal für mich in Szene gesetzt.<span id="more-509"></span></p>
<p class="abstandoben">Meine Methode ist einfach und sicher etwas grobschlächtig, aber sie funktioniert einwandfrei.</p>
<p class="abstandoben2">Ursprüngliche <code><strong>comments.php</strong></code> <em>Classic-Theme</em> Ausschnitt:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;ol id=&quot;commentlist&quot;&gt;</code></li>
<li><code>&lt;?php foreach ($comments as $comment) : ?&gt;</code></li>
<li><code>--------------------</code></li>
<li><code>--------------------</code></li>
<li><code>&lt;?php endforeach; ?&gt;</code></li>
<li><code>&lt;/ol&gt;</code></li>
</ul>
</div>
<p>Das ist der entscheidende Ausschnitt meiner <code>comments.php</code>. Die für die Änderung unwichtigen Codezeilen habe ich einfach durch zwei Zeilen Bindestriche ersetzt.</p>
<p class="abstandoben2">Nach der Änderung sah der entscheidende Abschnitt meiner <code><strong>comments.php</strong></code> dann so aus:</p>
<div class="beitragscode">
<ul>
<li><code class="kommentarfarbe">&lt;!-- Kommentare Anfang --&gt;</code></li>
<li><code>&lt;ol id=&quot;commentlist&quot;&gt;</code></li>
<li><code>&lt;?php foreach ($comments as $comment) : if (get_comment_type() == &quot;comment&quot;) : ?&gt;</code></li>
<li><code>--------------------</code></li>
<li><code>--------------------</code></li>
<li><code>&lt;?php endif; endforeach; ?&gt;</code></li>
<li><code class="kommentarfarbe">&lt;!-- Kommentare Ende --&gt;</code></li>
<li><code>&nbsp;</code></li>
<li><code class="kommentarfarbe">&lt;!-- Pingbacks/Trackbacks Anfang --&gt;</code></li>
<li><code>&lt;?php foreach ($comments as $comment) : if (get_comment_type() != &quot;comment&quot;) : ?&gt;</code></li>
<li><code>--------------------</code></li>
<li><code>--------------------</code></li>
<li><code>&lt;?php endif; endforeach; ?&gt;</code></li>
<li><code>&lt;/ol&gt;</code></li>
<li><code class="kommentarfarbe">&lt;!-- Pingbacks/Trackbacks Ende --&gt;</code></li>
</ul>
</div>
<p>Die <code>foreach</code>-Zeile habe ich durch eine <code>if</code>-Abfrage ergänzt und diese unmittelbar vor  <code>endforeach</code> mit <code>endif</code> beendet.</p>
<p>Diesen kompletten Codeabschnitt habe ich kopiert und direkt unterhalb davon wieder eingefügt.</p>
<p>Anschließend habe von den doppelten Gleichheitszeichen (<code>==</code>) der <code>foreach</code>-Zeile eines durch ein Ausrufezeichen ersetzt (<code><strong>!=</strong></code>). Damit wird aus <em>gleich</em> dann <em>ungleich</em>.</p>
<p>An dieser Stelle wird dann alles ausgegeben was <strong>kein</strong> Kommentar ist, also die Pingbacks und Trackbacks.</p>
<p>Ihr könnt die Reihenfolge natürlich austauschen, sodass zuerst Ping-/Trackbacks ausgegeben werden.</p>
<p>Weil einige von euch vielleicht die <code>comments-php</code> des <em>Kubrick</em>-Themes nutzen, habe ich die notwendigen Änderungen dafür anschließend dokumentiert.</p>
<p class="abstandoben2">Ursprüngliche <code><strong>comments.php</strong></code> <em>Kubrick-Theme</em> Ausschnitt:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;ol class=&quot;commentlist&quot;&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;?php wp_list_comments();?&gt;</code></li>
<li><code>&lt;/ol&gt;</code></li>
</ul>
</div>
<p class="abstandoben2">Geänderte <code><strong>comments.php</strong></code> <em>Kubrick-Theme</em> Ausschnitt:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;ul class=&quot;commentlist&quot;&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;?php wp_list_comments('type=comment'); ?&gt;</code></li>
<li><code>&lt;/ul&gt;</code></li>
</ul>
<ul>
<li><code>&lt;ul class=&quot;commentlist&quot;&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;?php wp_list_comments('type=pings'); ?&gt;</code></li>
<li><code>&lt;/ul&gt;</code></li>
</ul>
</div>
<p>Das ist fast schon selbsterklärend. <code>pings</code> heißt übrigens Pingbacks <strong>und</strong> Pingbacks zusammen!</p>
<p class="abstandoben">Wenn die Ping-/Trackbacks überhaupt nicht angezeigt werden sollen, dann lasst den entsprechenden Codeabschnitt einfach weg. Allerdings habt ihr dann das Problem das Ping-/Trackbacks trotzdem mitgezählt werden.</p>
<p class="abstandoben">Ihr könnt euch damit behelfen indem ihr in eurer <code>comments.php</code> die Zeile mit <code>&lt;h3 id=&quot;comments&quot;&gt;------&lt;/h3&gt;</code> sucht. Im <em>classic</em>-Theme ist das ca. Zeile 5 und im <em>Kubrick</em>-Theme ca. Zeile 21.</p>
<p>Löscht den Inhalt des <code>h3</code>-Tags und ersetzt ihn  z.B. durch das Wort <em>Kommentare</em>. Das sieht dann allerdings nicht so toll aus, wenn keine Kommentare vorhanden sind.</p>
<p>Oder ihr löscht die ganze <code>h3</code>-Zeile raus. Die Kommentare sind ja i.d.R. schon optisch hervorgehoben dargestellt.</p>
<p class="abstandoben2">Sollte jemand von euch erklären können, wie <strong>nur</strong> die Kommentare gezählt werden können, wenn Track-/Pingbacks nicht mit ausgegeben werden, nur heraus damit!</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/kommentare-und-pingbacks-trennen/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Mit WordPress umziehen</title>
		<link>http://webdesign-passau.com/wordpress/mit-wordpress-umziehen/</link>
		<comments>http://webdesign-passau.com/wordpress/mit-wordpress-umziehen/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 16:25:38 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[umziehen]]></category>
		<category><![CDATA[Umzug]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=497</guid>
		<description><![CDATA[Artikel wie man mit WordPress auf die eine odere andere Art umzieht gibt es einige im Netz. Da dachte ich mir auf den Einen mehr oder weniger kommt es jetzt auch nicht mehr an. Ich will mit WordPress zu einer neuen Domain umziehen und nutze dabei die Export/Import-Funktion von WP. Zuerst sichert ihr die alte [...]]]></description>
			<content:encoded><![CDATA[<p>Artikel wie man mit WordPress auf die eine odere andere Art umzieht gibt es einige im Netz. Da dachte ich mir auf den Einen mehr oder weniger kommt es jetzt auch nicht mehr an.</p>
<p>Ich will mit WordPress zu einer neuen Domain umziehen und nutze dabei die Export/Import-Funktion von WP.<span id="more-497"></span></p>
<p class="abstandoben2">Zuerst sichert ihr die alte WP-Installation <a href="http://wordpress.org/extend/plugins/wp-db-backup/" title="Externer Link">inkl. der Datenbank</a>.</p>
<p>Im Backend der alten WP-Domain geht ihr zu <em>Werkzeuge &#8211; Daten exportieren</em> und ladet den kompletten Inhalt eures Blogs inkl. aller Artikel, Kommentare, Kategorien, Tags, Seiten und benutzerdefinierter Felder in einer XML-Datei runter.</p>
<p>Beim späteren Import seht ihr, dass die maximale Größe der Datei 200 MB sein darf. Ist sie größer empfiehlt es sich, die Exportdatei pro Autor aufzuteilen und später einzeln zu importieren.</p>
<p class="abstandoben2">Ladet die <a href="http://de.wordpress.org/" title="Externer Link">aktuelle WordPressversion</a> herunter und entpackt sie im lokalen Ordner der neuen Domain.</p>
<p>Nehmt von eurer gesicherten WP-Installation die Ordner <em>plugins</em>, <em>uploads</em> und euren <em>Themeordner</em>. Die schiebt ihr an die entsprechenden Stellen der frischen WP-Version. Vielleicht müßt ihr noch eure <code>.htaccess</code> anpassen und rüberschieben, je nach dem was da für Umleitungen etc.drinstehen.</p>
<p class="abstandunten0">Die <code>wp-config-sample.php</code> wird in <code>wp-config.php</code> umbenannt und modifiziert:</p>
<p class="abstandunten0">Datenbankname, DB-Benutzername und das DB-Passwort werden eingetragen, die <a href="https://api.wordpress.org/secret-key/1.1/" title="Externer Link">gesalzenen Passwörter</a>  an die richtige Stelle einkopiert und der Datenbankpräfix aus Sicherheitsgründen ergänzt.</p>
<p>Da wird dann z.B. aus <code>wp_</code> einfach <code>wp_y15xg7v3</code>.</p>
<p class="abstandunten0 abstandoben2">Ladet die frisch ergänzte WP-Version mit eurem FTP-Programm auf den neuen Webserverplatz eurer neuen Domain hoch. Ändert die Dateiberechtigung für die <code>.htaccess</code> auf <em>666</em> und mindestens für den Ordner <em>uploads</em> auf <em>777</em>.</p>
<p>Ruft wie gehabt im Browser die <code>http://neuedomain.de/wp-admin/install.php</code> auf und installiert WordPress.</p>
<p class="abstandoben2 abstandunten0">Hat das geklappt und ihr befindet euch auf der Startseite des Backends (neue Domain!) öffnet ihr bitte in einem <strong>neuen Fenster</strong> das Backend eurer <strong>alten</strong> Domain.</p>
<p>Diese beiden Fenster stellt ihr zum Vergleich nebeneinander, sofern euer Viewport groß genug ist. Aktiviert im <strong>neuen</strong> Backend euer Theme und alle Plugins. Passt alle Einstellungen (Allgemein, Schreiben, Lesen, etc.) und die Einstellungen der Plugins an. Mit den beiden Fenstern nebeneinander zum Vergleich geht das ganz fix.</p>
<p class="abstandunten0 abstandoben2">Bevor ihr eure Daten importiert, öffnet bitte die Exportdatei mit einem geeigneten Editor, <a href="http://notepad-plus.sourceforge.net/de/download.php" title="Externer Link">notepad++</a> z.B..</p>
<p>Alle vernünftigen Editoren haben einen Menüpunkt der entweder <em>Suchen</em> und/oder <em> Suchen und Ersetzen</em> heißt. Dort tragt ihr unter <em>Suchen nach:</em> den alten Domainnamen und unter <em>Ersetzen durch</em> den neuen Domainnamen ein. Überlegt vorher genau was da reingehört, damit es hinterher keine böse Überraschung gibt!</p>
<p>Ist das erledigt könnt ihr die geänderte XML-Datei von eurem neuen Backend aus importieren (Werkzeuge &#8211; Daten importieren).</p>
<p class="abstandoben2">Normal war&#8217;s das, aber was ist schon normal? <img src='http://webdesign-passau.com/wordpress/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' /> </p>
<p>Prüft genau ob alles wunschgemäß funktioniert. Schaut vor allen Dingen noch mal in die PHP-Dateien eures Themes, ob da irgendwann mal von Hand euer alter Domainname aus welchen Gründen auch immer verewigt wurde.</p>
<p>Stimmen die Pfade dort alle? Wenn die alte WP-Installation z.B. in einem Unterordner lag, kann dieser oder jener Pfad evtl. nicht mehr richtig sein. Korrigiert die noch vorhandenen Fehler.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/mit-wordpress-umziehen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kommentar des Autors hervorheben</title>
		<link>http://webdesign-passau.com/wordpress/kommentar-autor-hervorheben/</link>
		<comments>http://webdesign-passau.com/wordpress/kommentar-autor-hervorheben/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 15:03:24 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[autor]]></category>
		<category><![CDATA[hervorheben]]></category>
		<category><![CDATA[Kommentare]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=421</guid>
		<description><![CDATA[Schon manchmal dachte ich mir, das es nicht übel wäre, wenn man die Kommentare des Autors farblich etwas hervorheben könnte. Für die entsprechende Stelle wird schon durch die comments.php für jeden Listenpunkt eine id vergeben. Das hieße erst posten, dann durch das Studium des Quelltextes die id raussuchen, die style.css ergänzen und hochladen. Und das [...]]]></description>
			<content:encoded><![CDATA[<p class="abstandunten0">Schon manchmal dachte ich mir, das es nicht übel wäre, wenn man die Kommentare des Autors farblich etwas hervorheben könnte.</p>
<p>Für die entsprechende Stelle wird schon durch die <em>comments.php</em> für jeden Listenpunkt eine <code>id</code> vergeben. Das hieße erst posten, dann durch das Studium des Quelltextes die <code>id</code> raussuchen, die <code>style.css</code> ergänzen und hochladen.</p>
<p class="abstandunten0">Und das jetzt bitteschön für jeden eigenen Kommentar.</p>
<p><strong>Umpf!!</strong> Als wenn ich sonst nix zu tun hätte.</p>
<p>Das geht auch viel einfacher.<span id="more-421"></span></p>
<p>Wir müßten nur dafür sorgen, das für den Listenpunkt eine entsprechende Klasse generiert wird, die wir dann wiederrum per CSS gestalten könnten.</p>
<p>Zwei Klassen brauchen wir: eine <code>.autor</code> und eine <code>.gast</code>.</p>
<p>Werfen wir erst mal einen Blick in eine <em>Wald-und-Wiesen-comments.php</em></p>
<p class="abstandunten0 abstandoben">Die entscheidende Stelle schaut bisher so aus::</p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php foreach ($comments as $comment) : ?&gt;</code></li>
<li><code>&lt;li id=&quot;comment-&lt;?php comment_ID(); ?&gt;&quot;&gt;</code></li>
</ul>
</div>
<p>Dort frimeln wir jetzt zwei kurze Abschnitte <em>PHP-Code</em> hinein.</p>
<p class="abstandunten0 abstandoben2">Erster Codeabschnitt:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php if($comment-&gt;comment_author_email == get_the_author_email() &amp;&amp; ($comment-&gt;user_id != 0)) {</code></li>
<li><code>$class = &quot;autor&quot;;</code></li>
<li><code>} else {</code></li>
<li><code>$class = &quot;gast&quot;;</code></li>
<li><code>}?&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Zweiter Codeabschnitt:</p>
<div class="beitragscode">
<ul>
<li><code>class=&quot;&lt;?php echo $class; ?&gt;&quot;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Endergebnis:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php foreach ($comments as $comment) : ?&gt;</code></li>
<li><code>&lt;?php if($comment-&gt;comment_author_email == get_the_author_email() &amp;&amp; ($comment-&gt;user_id != 0)) {</code></li>
<li><code>$class = &quot;autor&quot;;</code></li>
<li><code>} else {</code></li>
<li><code>$class = &quot;gast&quot;;</code></li>
<li><code>}?&gt;</code></li>
<li><code>&lt;li id=&quot;comment-&lt;?php comment_ID(); ?&gt;&quot;class=&quot;&lt;?php echo $class; ?&gt;&quot;&gt;</code></li>
</ul>
</div>
<p>Das hat sogar so ein <em>PHP-Vollpfosten</em> wie ich hinbekommen.</p>
<p class="abstandunten0 abstandoben2">Bisher habe ich die Kommentarbox so gestaltet:</p>
<div class="beitragscode">
<ul>
<li><code>#inhalt ol#commentlist li  {</code></li>
<li class="codeeinrueckung"><code>background-color:#ebeded;</code></li>
<li class="codeeinrueckung"><code>color:#000;</code></li>
<li class="codeeinrueckung"><code>padding:0.5em 0.5em 0 0.5em;</code></li>
<li class="codeeinrueckung"><code>border:1px dotted #b6bdb6;</code></li>
<li class="codeeinrueckung"><code>margin:1em 0;</code></li>
<li><code>}</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Jetzt habe ich einfach direkt darunter ergänzt:</p>
<div class="beitragscode">
<ul>
<li><code>#inhalt ol#commentlist li.autor  {</code></li>
<li class="codeeinrueckung"><code> background-color:#fdfdef;</code></li>
<li class="codeeinrueckung"><code>border:1px solid #a7aea7;</code></li>
<li><code>}</code></li>
</ul>
</div>
<p>Mein besonderer Dank gilt <a href="http://www.webseiten-infos.de/eigene-und-fremde-kommentare-unterscheiden/" title="Externer Link">Dieter</a>, ohne ihn wäre dieser Artikel nicht entstanden.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/kommentar-autor-hervorheben/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Benutzerdefinierte Felder in WordPress</title>
		<link>http://webdesign-passau.com/wordpress/benutzerdefinierte-felder-wordpress/</link>
		<comments>http://webdesign-passau.com/wordpress/benutzerdefinierte-felder-wordpress/#comments</comments>
		<pubDate>Sun, 08 Nov 2009 11:47:46 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[benutzerdefinierte felder]]></category>
		<category><![CDATA[tut]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=415</guid>
		<description><![CDATA[Diese benutzerdefinierten Felder sind eine ganz schicke Sache, mit der es z.B. möglich ist nur bei ganz bestimmten Artikeln etwas einzublenden. Das werde ich im Folgenden anhand des Hinweiskastens erklären, der bei mir in manchen Artikeln ganz oben erscheint und in anderen wiederum nicht. Der XHTML-Code des Hinweiskastens: &#60;dl id=&#34;tutorial_hinweis&#34;&#62; &#60;dt&#62;&#60;strong&#62;Hinweise zu den Tutorials:&#60;/strong&#62;&#60;/dt&#62; &#60;dd&#62;Bitte [...]]]></description>
			<content:encoded><![CDATA[<p class="abstandunten0">Diese <em>benutzerdefinierten Felder</em> sind eine ganz schicke Sache, mit der es z.B. möglich ist nur bei ganz bestimmten Artikeln etwas einzublenden.</p>
<p>Das werde ich im Folgenden anhand des Hinweiskastens erklären, der bei mir in manchen Artikeln ganz oben erscheint und in anderen wiederum nicht.<span id="more-415"></span></p>
<p class="abstandunten0 abstandoben2">Der XHTML-Code des Hinweiskastens:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;dl id=&quot;tutorial_hinweis&quot;&gt;</code></li>
<li><code>&lt;dt&gt;&lt;strong&gt;Hinweise zu den Tutorials:&lt;/strong&gt;&lt;/dt&gt;</code></li>
<li><code>&lt;dd&gt;Bitte aus dem kopierten Quelltext:</code></li>
<li><code>&lt;code&gt;&amp;lt;p class=&quot;bitte_loeschen&quot;&amp;gt;.....&amp;lt;/p&amp;gt;&lt;/code&gt;</code></li>
<li><code>&lt;strong&gt;und&lt;/strong&gt; die Gestaltungsanweisungen dazu entfernen.&lt;/dd&gt;</code></li>
<li><code>&lt;dl&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Das CSS dazu:</p>
<div class="beitragscode">
<ul>
<li><code>#tutorial_hinweis  {</code></li>
<li class="codeeinrueckung"><code>background-color:#f0f0e7;</code></li>
<li class="codeeinrueckung"><code>font-size:0.9em;</code></li>
<li class="codeeinrueckung"><code>padding:1em;</code></li>
<li class="codeeinrueckung"><code>border:1px dotted #fbdb6b;</code></li>
<li class="codeeinrueckung"><code>margin:1em 0 1.1em 0;</code></li>
<li><code>}</code></li>
</ul>
</div>
<p>Ich habe mich für eine <em>Definitionsliste</em> entschieden. Der Kasten bekommt eine andere Hintergrundfarbe als der Inhaltsbereich aufs Auge gedrückt und einen Rahmen zugewiesen.</p>
<p>Die CSS-Anweisungen schreibe ich in die <code>style.css</code> und lade dieselbe in meinen Themeordner.</p>
<p>Jetzt könnte ich den <em>XHTML-Code</em> einfach in die <em>single.php</em> direkt unter dem öffnenden <code>div</code>-Tag des Inhaltsbereiches verewigen.</p>
<p>Das klappt auch problemlos, dann wird dieser Kasten allerdings bei allen Artikeln oben eingefügt, was wir ja nicht wollen.</p>
<p class="abstandunten0 abstandoben2">Okay, öffnet nun die <em>single.php</em> eures Themes im Editor und</p>
<p class="abstandunten0">tragt direkt unterhalb der Eröffnung des <em>Loops</em>:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben">folgendes ein:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php $hinweiskasten= get_post_meta($post-&gt;ID, 'hinweiskasten', true); ?&gt;</code></li>
<li><code>&lt;?php if(!(empty($hinweiskasten))) { ?&gt;</code></li>
<li><code>&lt;dl id=&quot;tutorial_hinweis&quot;&gt;&lt;?php echo $hinweiskasten; ?&gt;&lt;/dl&gt;</code></li>
<li><code>&lt;?php } ?&gt;</code></li>
</ul>
</div>
<p>Hochladen der geänderten <em>single.php</em> nicht vergessen.</p>
<p>Dann tapert ihr ins <em>Backend</em>, ruft den Artikel unter <em>Artikel &#8211; Bearbeiten</em> auf und scrollt erstmal etwas weiter nach unten</p>
<p>Dort ist ein Kasten mit der Überschrift <em>Benutzerdefinierte Felder</em>. Darunter steht links <em>Name</em> und rechts <em>Wert</em>.</p>
<p class="abstandunten0 abstandoben2">Bei Name tragt ihr <code>hinweiskasten</code> ein</p>
<p class="abstandunten0">und bei Wert schreibt ihr folgendes hinein:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;dt&gt;&lt;strong&gt;Hinweise zu den Tutorials:&lt;/strong&gt;&lt;/dt&gt;</code></li>
<li><code>&lt;dd&gt;Bitte aus dem kopierten Quelltext:</code></li>
<li><code>&lt;code&gt;&amp;lt;p class=&quot;bitte_loeschen&quot;&amp;gt;.....&amp;lt;/p&amp;gt;&lt;/code&gt;</code></li>
<li><code>&lt;strong&gt;und&lt;/strong&gt; die Gestaltungsanweisungen dazu entfernen.&lt;/dd&gt;</code></li>
</ul>
</div>
<p>Nur noch <em>Benutzerdefiniertes Feld hinzufügen</em> und anschließend <em>Artikel aktualisieren</em> drücken.</p>
<p>Das macht ihr bei jedem Artikel, wo der Hinweiskasten erscheinen soll.</p>
<p>Statt dem Hinweiskasten könnt ihr auch Bilder einfügen, andere Texte und Sonstiges, was immer das auch sein mag.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/benutzerdefinierte-felder-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Individuelle Seiten- und Artikelgestaltung in WordPress</title>
		<link>http://webdesign-passau.com/wordpress/wordpress-body-id/</link>
		<comments>http://webdesign-passau.com/wordpress/wordpress-body-id/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 11:26:47 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[body]]></category>
		<category><![CDATA[id]]></category>
		<category><![CDATA[individuelle Seiten]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=389</guid>
		<description><![CDATA[In diesem Artikel habe ich beschrieben, wie ihr ein eigenes Seitentemplate erstellen und dieses Template bestimmten Seiten zuweisen könnt. Durch die Einschachtelung eines div-Containers wurde der Inhaltsbereich dieses Templates individuell anpaßbar gemacht. Es geht aber noch einfacher: Öffnet die header.php eures Themes. Dort sollte irgendwo der einleitende body-Tag stehen. Das sollte ungefähr so ausschauen: &#60;body&#62; [...]]]></description>
			<content:encoded><![CDATA[<p class="abstandunten0">In <a href="http://webdesign-passau.com/wordpress/eigenes-seitentemplate/">diesem Artikel</a> habe ich beschrieben, wie ihr ein eigenes Seitentemplate erstellen und dieses Template bestimmten Seiten zuweisen könnt.</p>
<p>Durch die Einschachtelung eines <code>div</code>-Containers wurde der Inhaltsbereich dieses Templates individuell anpaßbar gemacht.</p>
<p>Es geht aber noch einfacher:<span id="more-389"></span></p>
<p class="abstandunten0">Öffnet die <code>header.php</code> eures Themes.</p>
<p>Dort sollte irgendwo der einleitende <code>body</code>-Tag stehen.</p>
<p class="abstandunten0 abstandoben2">Das sollte ungefähr so ausschauen:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;body&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Stattdem schreibt ihr nun folgendes hin:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;body id=&quot;id-&lt;?php print $post-&gt;ID;?&gt;&quot;&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Bei euch kann natürlich statt nur <code>&lt;body&gt;</code> auch innerhalb dieses <em>Tags</em> noch andere Eigenschaft/Wertepaare stehen, z.B. etwa:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;body onload=&quot;schlagmichtot&quot; class=&quot;wattweissich&quot;&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Dann schreibt ihr das entscheidende Eigenschaft/Wertepaar noch dazu. Etwa so:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;body onload=&quot;schlagmichtot&quot; class=&quot;wattweissich&quot; id=&quot;id-&lt;?php print $post-&gt;ID;?&gt;&quot;</code></li>
</ul>
</div>
<p class="abstandunten0">Damit bekommt jede Seite und jeder Artikel eine eigene <code>id</code> zugewiesen.</p>
<p>Über diese <code>id</code> könnt ihr die Seite mit CSS ganz individuell gestalten.</p>
<p>Welche Seite/Artikel nun welche <code>id</code> habt ihr im Handumdrehen herausgefunden.</p>
<p>Dazu laßt ihr euch einfach den Quelltext der Seite, wo ihr gerade seid, anzeigen. Bei <code>body</code> hat sich nun wundersamerweise eine <code>id</code> eingetragen und damit könnt ihr die Seite/Artikel per CSS individuell ansprechen.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/wordpress-body-id/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Eigenes Seitentemplate</title>
		<link>http://webdesign-passau.com/wordpress/eigenes-seitentemplate/</link>
		<comments>http://webdesign-passau.com/wordpress/eigenes-seitentemplate/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 14:46:06 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[eigene]]></category>
		<category><![CDATA[seite]]></category>
		<category><![CDATA[seitentemplate]]></category>
		<category><![CDATA[template]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=338</guid>
		<description><![CDATA[Neben Artikel beinhaltet ein WordPress-Blog fast immer auch einige Seiten z.B. Kontakt, Impressum, usw., die im Backend unter Seiten &#8211; Erstellen definiert werden. Mit ein paar kleinen Änderungen könnt ihr ein eigenes Seitentemplate erstellen, mit dem ihr dessen Inhalt ganz individuell gestalten könnt. Statt vieler Worte erstmal der Code einer normalen Wald- und-Wiesen-page.php: &#60;?php get_header(); [...]]]></description>
			<content:encoded><![CDATA[<p class="abstandunten0">Neben Artikel beinhaltet ein WordPress-Blog fast immer auch einige <em>Seiten</em> z.B. Kontakt, Impressum, usw., die im Backend unter <em>Seiten &#8211; Erstellen</em> definiert werden.</p>
<p>Mit ein paar kleinen Änderungen könnt ihr ein eigenes Seitentemplate erstellen, mit dem ihr dessen Inhalt ganz individuell gestalten könnt.<span id="more-338"></span></p>
<p class="abstandunten0 abstandoben2">Statt vieler Worte erstmal der Code einer normalen <em>Wald- und-Wiesen-page.php:</em></p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php get_header(); ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;div id=&quot;inhalt&quot;&gt;</code></li>
<li><code>&lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;h2&gt;&lt;?php the_title(); ?&gt;&lt;/h2&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;div class=&quot;der-beitrag&quot;&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;?php the_content(); ?&gt; &lt;?php edit_post_link(); ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;/div&gt; <span class="kommentarfarbe">&lt;!-- Ende des jeweiligen Beitrags --&gt;</span></code></li>
<li><code>&lt;?php endwhile; else: ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;p&gt;Tut mir leid, es wurde kein passender Beitrag gefunden.&lt;/p&gt;</code></li>
<li><code>&lt;?php endif; ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;/div&gt;<span class="kommentarfarbe">&lt;!-- Ende #inhalt --&gt;</span></code></li>
<li><code>&lt;?php get_sidebar(); ?&gt;</code></li>
<li><code>&lt;?php get_footer(); ?&gt;</code></li>
</ul>
</div>
<p class="abstandoben2">Und jetzt der Code einer geänderten page.php, die wir aber unter dem Namen <strong>kontakt.php</strong> in unserem Templateordner abgelegt haben.</p>
<p class="abstandunten0">Die eigene Templateseite (<em>kontakt.php</em>):</p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php</code></li>
<li><code class="kommentarfarbe">/*</code></li>
<li><code class="kommentarfarbe">Template Name: Kontaktseite</code></li>
<li><code class="kommentarfarbe">*/</code></li>
<li><code>?&gt;</code></li>
<li><code>&lt;?php get_header(); ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;div id=&quot;inhalt&quot;&gt;</code></li>
<li class="codeeinrueckung"><code><strong>&lt;div id=&quot;kontakt-inhalt&quot;&gt;</strong></code></li>
<li><code>&lt;?php if (have_posts()) : while (have_posts()) : the_post(); ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;div class=&quot;der-beitrag&quot;&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;?php the_content(); ?&gt; &lt;?php edit_post_link(); ?&gt;</code></li>
<li class="codeeinrueckung"><code>&lt;/div&gt; <span class="kommentarfarbe">&lt;!-- Ende des jeweiligen Beitrags --&gt;</span></code></li>
<li><code>&lt;?php endwhile; else: ?&gt;</code></li>
<li class="codeeinrueckung"><code> &lt;p&gt;Tut mir leid, es wurde kein passender Beitrag gefunden.&lt;/p&gt;</code></li>
<li><code>&lt;?php endif; ?&gt;</code></li>
<li class="codeeinrueckung"><code><strong>&lt;/div&gt; <span class="kommentarfarbe">&lt;!-- Ende #kontakt-inhalt --&gt;</span></strong></code></li>
<li class="codeeinrueckung"><code>&lt;/div&gt;<span class="kommentarfarbe"> &lt;!-- Ende #inhalt --&gt;</span></code></li>
<li><code>&lt;?php get_sidebar(); ?&gt;</code></li>
<li><code>&lt;?php get_footer(); ?&gt;</code></li>
</ul>
</div>
<p class="abstandunten0">Der Unterschied zur normalen <em>page.php</em> besteht darin, das wir hier ganz oben mithilfe eines Kommentars unseren Templatenamen verewigt haben.</p>
<p>Außerdem haben wir ein zusätzliches <code>div#kontakt-inhalt</code> unmittelbar nach dem Öffnungstag von <code>div#inhalt</code> eingefügt und unmittelbar vor dem Ende von <code>div#inhalt</code> wieder geschlossen.</p>
<p>Nun marschieren wir direkt ins Backend zu <em>Seiten &#8211; Erstellen</em> und geben dort als Seitenname <em>Kontakt</em> ein.</p>
<p>Auf der rechten Seite ist unter <em>Template</em> ein kleines Dropdownmenü wo ihr eure individuelle Templateseite mit dem Namen <strong>Kontaktseite</strong>, eurer zu erstellenden Seite  zuordnen könnt.</p>
<p>Die Inhalte, die ihr auf dieser Seite einfügt, könnt ihr wegen des <code>div#inhalt-kontakt</code>, das ihr ja in der <strong>kontakt.php</strong> eingefügt habt, per CSS ansprechen und nach euren Wünschen frei gestalten.</p>
<p>Wie ihr wißt ist WordPress kein reines Blogsystem mehr. Dieser Artikel gibt euch vielleicht eine Ahnung wie man WP auch als CMS einsetzen kann.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/eigenes-seitentemplate/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Zitate in Kommentaren</title>
		<link>http://webdesign-passau.com/wordpress/zitate-in-kommentaren/</link>
		<comments>http://webdesign-passau.com/wordpress/zitate-in-kommentaren/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 13:43:33 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Kommentare]]></category>
		<category><![CDATA[Pseudoklasse]]></category>
		<category><![CDATA[Zitate]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=95</guid>
		<description><![CDATA[Als Kommentierender in anderen Blogs zitiere ich manchmal den Autor oder einen der anderen Kommentierenden. Dazu nutze ich z.B. den Button Zitat, den man öfter über dem Textfeld findet, wo man den Kommentar reinhackt. Oder ich fasse das Zitat direkt in &#60;blockquote&#62; ein, was auf das Gleiche hinausläuft. Nachdem der Kommentar eingetragen ist stelle ich [...]]]></description>
			<content:encoded><![CDATA[<p>Als Kommentierender in anderen Blogs zitiere ich manchmal den Autor oder einen der anderen Kommentierenden. Dazu nutze ich z.B. den Button <em>Zitat</em>, den man öfter über dem Textfeld findet, wo man den Kommentar reinhackt. Oder ich fasse das Zitat direkt in <code>&lt;blockquote&gt;</code> ein, was auf das Gleiche hinausläuft.</p>
<p>Nachdem der Kommentar eingetragen ist stelle ich leider öfter fest, daß das Zitat optisch kaum oder gar nicht hervorgehoben ist, was meist dann nicht so toll ausschaut.<span id="more-95"></span></p>
<p>Dabei ist es mit ein wenig CSS gar nicht so schwierig das zu ändern. Das Wort <em>Zitat:</em> soll automatisch eingefügt werden und das Zitatfeld optisch etwas aufgepeppt werden.</p>
<p class="abstandunten0">Zuerst trage ich in meinem Blog einen Testkommentar mit einem Testzitat ein. Dann schaue ich mit der Firefox-Erweiterung <a href="https://addons.mozilla.org/de/firefox/addon/1843" title="Externer Link">Firebug</a> welchen <em>CSS-Pfad</em> ich benötige, um die Änderungen vorzunehmen:</p>
<p><code>#inhalt ol#commentlist li blockquote p</code></p>
<p class="abstandunten0">Okay, nun frisch in die <code>style.css</code> des Themes hineingekritzelt:</p>
<div class="beitragscode">
<ul>
<li><code>#inhalt ol#commentlist li blockquote p  {</code></li>
<li class="codeeinrueckung"><code>color:#6d6541;</code></li>
<li class="codeeinrueckung"><code>background-color:#ecebe6;</code></li>
<li class="codeeinrueckung"><code>font-size:0.9em;</code></li>
<li class="codeeinrueckung"><code>font-style:italic;</code></li>
<li class="codeeinrueckung"><code>padding:0.4em 0.8em;</code></li>
<li><code>}</code></li>
</ul>
</div>
<p class="abstandoben2 abstanunten0">Das sieht ja schon mal deutlich anders aus. Jetzt fehlt nur noch das<br />
Wort <em>Zitat:</em> vor dem Zitat. Dafür eignet sich die CSS-Pseudoklasse <code>:before</code> mit der Eigenschaft <code>content</code>, die hier zur Anwendung kommt:</p>
<div class="beitragscode">
<ul>
<li><code>#inhalt ol#commentlist li blockquote p:before  {</code></li>
<li class="codeeinrueckung"><code>content:" Zitat: ";</code></li>
<li class="codeeinrueckung"><code>color:#706b54;</code></li>
<li class="codeeinrueckung"><code>font-style:italic;</code></li>
<li class="codeeinrueckung"><code>font-weight:600;</code></li>
<li><code>}</code></li>
</ul>
</div>
<p class="abstandoben2">Ein Beispiel was diese Gestaltungsanweisungen bewirken könnt ihr euch<br />
<a href="http://webdesign-passau.com/wordpress/bilderflut-1/#comment-14">hier</a> anschauen.</p>
<p> Solltet ihr mit dem IE6 oder dem IE7 unterwegs sein, wird das Wort <em>Zitat</em> leider nicht eingeblendet, weil er mit der Pseudoklasse <code>:before</code> nix anfangen kann. Aber das der IE irgendwas nicht kennt oder falsch macht ist ja normale Härte und wundert sicher keinen von euch.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/zitate-in-kommentaren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
