<?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 - Ihr Webdesigner in Passau &#187; Blog</title>
	<atom:link href="http://webdesign-passau.com/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://webdesign-passau.com</link>
	<description></description>
	<lastBuildDate>Thu, 21 Feb 2013 14:31:22 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Mein Notebook mit Windows 8</title>
		<link>http://webdesign-passau.com/wordpress/mein-notebook-mit-windows-8/</link>
		<comments>http://webdesign-passau.com/wordpress/mein-notebook-mit-windows-8/#comments</comments>
		<pubDate>Sun, 17 Feb 2013 12:36:17 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Das Leben an sich]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Webarbeit]]></category>
		<category><![CDATA[Kachel]]></category>
		<category><![CDATA[Notebook]]></category>
		<category><![CDATA[Win8]]></category>
		<category><![CDATA[Windows 8]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/?p=972</guid>
		<description><![CDATA[Seit gestern bin ich stolzer Besitzer eines Samsung-Notebooks mit dem brandneuen Win8 als vorinstalliertem Betriebssystem. 24 Stunden reichten aus, um genug Material für einen ersten Erfahrungsbericht zu sammeln: Der richtige Desktop und die Schnellstartleiste Das umschalten von Klickibunti zu Desktop &#8230; <a href="http://webdesign-passau.com/wordpress/mein-notebook-mit-windows-8/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Seit gestern bin ich stolzer Besitzer eines Samsung-Notebooks mit dem brandneuen <em>Win8</em> als vorinstalliertem Betriebssystem. 24 Stunden reichten aus, um genug Material für einen ersten Erfahrungsbericht zu sammeln:<span id="more-972"></span></p>
<h3 class="ueberschrift-im-beitrag">Der richtige Desktop und die Schnellstartleiste</h3>
<p>Das umschalten von<em> Klickibunti </em>zu <em>Desktop</em> geht ja schnell (<em>Win-Taste + D</em>), die Schnellstartleiste ist auch rappzapp wieder da (funktioniert genauso wie bei Win7). Etwas irritierend ist allerdings, dass da unten schon jede Menge Symbole abgelegt sind (Bibliotheken, Eigene Dateien, Computer, Systemsteuerung, Netzwerk, Heimnetzgruppe). Okay, die überflüssigen löschen&#8230;&#8230;<em>geht nicht!</em></p>
<p>Dann erscheint jede Datei und/oder Verknüpfung, die ich auf dem Desktop parke, auch unten in der Schnellstartleiste. Lösche ich die Verknüpfung auf dem Desktop verschwindet auch das Symbol in der Schnellstartleiste.</p>
<p>Ich öffne z.B. über die Schnellstartleiste<em> Computer</em> und gehe dort weiter in die Tiefe. Dann fällt mir ein, ich brauch noch ein zweites Fenster. Über den Computerbutton  in der Schnellstartleiste will ich per Klick ein zweites Fenster öffnen. <em>Geht nicht!</em> Stattdessen gibt es ein mehrstufiges Flyout mit zig Untermenüpunkten. </p>
<h3 class="ueberschrift-im-beitrag">Die Kacheln</h3>
<p>Es herrscht ständige Unruhe auf dem Bildschirm, weil sich die Kacheln laufend aktualisieren.</p>
<p>Für jedes meiner installierten Programme wird eine Kachel angelegt. Es sind so mittlerweile so viele, dass ich unten auf dem Bildschirm einen horizontalen Scrollbalken habe. Um meine frisch installierten Programme zu erreichen muss man nach ganz rechts scrollen. <em>Wer kommt denn auf sowas?</em></p>
<p>Für einen Touchscreen mag das alles ja noch okay sein, aber wer benutzt sowas im ganz normalen Arbeitseinsatz? Das mag ja für diverse Bauleiter/Architekten o.ä. ganz praktisch sein, wenn die ihr <em>tablet</em> mit auf die Baustelle nehmen können. Aber was ist mit den ganz normalen Sachbearbeitern, Sekretärinnen, Bürokaufleuten, etc.? </p>
<h3 class="ueberschrift-im-beitrag">Sicherung</h3>
<p>Jetzt will ich noch eine Sicherung erstellen, am besten ein Image. Okay mit <em>Win-Taste +R</em> und der Eingabe von<code class="textfarbe"> sdclt</code> lande ich gleich im richtigen Fenster. Externe Festplatte angeschlossen. Sicherung einrichten und Systemabbild erstellen probiert&#8230;geht nicht, nicht genug Speicherplatz (ca. 1tb frei!) vorhanden. Das sichern auf die normale Festplatte scheitert mit derselben Fehlermeldung. Direktes Sichern auf eine leere DVD wird auch als Option angeboten, funktioniert nur leider nicht. Das Herstellen eines Systemreparaturdatenträgers klappt dann. Er schmiert 320mb auf die DVD</p>
<p class="abstandunten0"><strong>EingeblendeterText dazu:</strong></p>
<p class="abstandunten0"><em>Mithilfe eines Systemreparaturdatenträgers kann der PC neu gestartet werden. Er enthält auch Systemwiederherstellungstools mit denen Sie Win. nach einem schwerwiegenden Fehler wiederherstellen bzw. mit denen Sie den PC mithilfe eines Systemabbilds wiederherstellen können.</em></p>
<p>Kann ich damit nur reparieren oder auch ein Systemabbild auf eine neue Festplatte drücken, falls die Alte den Geist aufgibt, frage ich mich??</p>
<h3 class="ueberschrift-im-beitrag">Mein Fazit:</h3>
<p class="abstandunten2">Win8 ist aus meiner Sicht ein <em>veritabler Sockenschuß</em> geworden. Die Prognosen, dass in 10 Jahren 75% aller PC&#8217;s Touchscreens haben, stammen imho eher von visionsbesoffenen, technophilen, scheubeklappten &#8230;äh&#8230;.Mitmenschen, die Ihren Blick doch bitte einmal über den eigenen Tellerrand erheben mögen. SCNR</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/mein-notebook-mit-windows-8/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Die Entwicklung der modernen Fotografie</title>
		<link>http://webdesign-passau.com/wordpress/entwicklung-der-modernen-fotografie/</link>
		<comments>http://webdesign-passau.com/wordpress/entwicklung-der-modernen-fotografie/#comments</comments>
		<pubDate>Thu, 27 Sep 2012 09:02:57 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Fotografie]]></category>
		<category><![CDATA[analog]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[HDR-Fotografie]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/?p=925</guid>
		<description><![CDATA[Zu analogen Zeiten gab es diese Vorführungen mit Diaprojektor, wo die Zahl der Dias aus Kostengründen nicht ganz so groß war. Zusätzlich hatte der verdunkelte Raum den Vorteil dass man kurz einnicken konnte. Solange man nicht anfing zu schnarchen blieb &#8230; <a href="http://webdesign-passau.com/wordpress/entwicklung-der-modernen-fotografie/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Zu analogen Zeiten gab es diese Vorführungen mit Diaprojektor, wo die Zahl der Dias aus Kostengründen nicht ganz so groß war. Zusätzlich hatte der verdunkelte Raum den Vorteil dass man kurz einnicken konnte. Solange man nicht anfing zu schnarchen blieb das meist auch unbemerkt.<span id="more-925"></span></p>
<p class="abstandunten0">Waren es Papierbilder bekam man den Haufen zur Durchsicht in die Hand gedrückt und der ging dann reihum, während die Unterhaltung normal weiterlief. Schlimmstenfalls wurde ein Fotoalbum mit eingeklebten/gehefteten Bildern zur gemeinsamen Ansicht durchgeblättert. Die Zahl der Bilder hielt sich in Grenzen, da neben dem Kostenfaktor für Filmentwicklung und Vergrößerungen noch ein größerer Zeitaufwand für das korrekte Einkleben dazukam.</p>
<p>Die anfallenden Kosten für Filmentwicklung und Vergrößerungen sorgten also automatisch für eine gewisse kritische Auswahl der Bilder.</p>
<h3 class="ueberschrift-im-beitrag">Die digitale Fotografie</h3>
<p>3500 Bilder in zwei Wochen, davon 3495 in einer knapp zweistündigen <em>Diasession</em> vor dem PC allen vorführen, die nicht mit im Urlaub waren und den Fehler machen vorbeizuschauen, um zu fragen wie der Urlaub war.</p>
<p>Unzählige Bilder doppelt und dreifach, ca. 40% von Hause aus unscharf. Das bekannteste unter allen ist die berühmte schwarze Fläche, die von einigen wenigen hellen Punkten bevölkert ist:&quot;Da habe ich bei Nacht fotografiert. Ist jetzt nicht so ganz 100%ig aber ich find&#8217;s trotzdem nicht schlecht!&quot;</p>
<p>Diese und ähnliche &quot;Szenen des Grauens&quot; kennt fast jeder und nimmt sie klaglos hin. Kein Wunder, macht man es selber doch auch so.</p>
<p>Speicherplatz kostet fast nichts und ist durch die großvolumigen Chips fast unbegrenzt vorhanden. Man schaut nicht mehr durch den Sucher der Kamera sondern hält sie einen halben Meter weg, um anhand des kleinen, auf die Rückseite der Kamera projizierten Bildausschnittes die Szene zu beurteilen. Jede noch so unbedeutende Szene, praktisch alles was man sieht, ist es wert festgehalten zu werden. </p>
<p>Nach einmaliger Ansicht zu Hause am PC verschwinden die Bilder, korrekt archiviert, in den Untiefen der Festplatte. Da bleiben sie dann auch für alle Zeiten und können getrost Spinnweben ansetzen.</p>
<h3 class="ueberschrift-im-beitrag">Was machen Profis und engagierte Amateure?</h3>
<p class="abstandunten">Ein paar kehren zur <em>analogen</em> Fotografie zurück, weil ihnen die ungeheure Bilderflut schlicht auf die Nerven geht. Sie wollen weniger und mit mehr Qualität <em>produzieren</em>. Analog zwingt einen dazu, weil es nicht billig ist und alles länger dauert. Die eigene Qualitätskontrolle steht wieder mehr im Vordergrund.</p>
<p>Diejenigen die ausschließlich digital bleiben wollen neigen imho gerne zu einer <em>gnadenlosen Optimierung</em> ihrer Bilder. Man macht sich scheinbar kaum noch die Mühe zur rechten Zeit am rechten Ort zu sein, wozu auch. Die heutigen sehr mächtigen Bildbearbeitungswerkzeuge bieten einem die Möglichkeit alles so hinzubiegen wie man es sich vorstellt, nicht wie es war.</p>
<p>Viele Bilder wirken deshalb perfekt in jeglicher Hinsicht. Licht, Farben, Schatten, alles wird so lange glattgebügelt bis es einem sterilen Operationssaal oder einer Filmkulisse gleichkommt. Da ist nichts was ausbricht und einem Bild die notwendige <em>Schrägheit</em> verleiht, die ein Bild erst zeitlos macht.</p>
<h3 class="ueberschrift-im-beitrag">HDR-Fotografie</h3>
<p>Ein Teilgebiet der <em>gnadenlosen Optimierungswut</em>. Es werden eine Reihe Bilder mit unterschiedlichen Belichtungen ein und derselben Szene angefertigt und anschließend im PC zu einem klinisch absolut sauberen Ergebnis zusammengewurschtelt. Auch hier gilt nicht wie es war sondern wie man es gerne hätte.</p>
<p>Das erinnert mich an <a href="http://de.wikipedia.org/wiki/Naive_Kunst" title="Externer Link">die naive Malerei</a>, die ähnliches gemacht hat. Da stellten die  Werke auch eher die persönlichen Wunschträume der Urheber dar. Heute nimmt man eine reale Szene und passt sie seinen Wünschen an.</p>
<p class="abstandunten2">Für mich persönlich gehört diese Art der Bilder deshalb eindeutig zur <em>naiven Kunst</em>. Das muss nichts Schlechtes sein, es ist nur eine spezielles Art des Ausdrucks.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/entwicklung-der-modernen-fotografie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Umzug mit WordPress</title>
		<link>http://webdesign-passau.com/wordpress/umzug-mit-wordpress/</link>
		<comments>http://webdesign-passau.com/wordpress/umzug-mit-wordpress/#comments</comments>
		<pubDate>Fri, 14 Sep 2012 10:12:12 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Export]]></category>
		<category><![CDATA[import]]></category>
		<category><![CDATA[Umzug]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/?p=904</guid>
		<description><![CDATA[Was man beim Umzug mit WordPress noch beachten solltet, wenn Ihr dabei die Export/Import-Funktion nutzt. Den Umzug mittels Export/Import habe ich schon einmal in diesem Artikel beschrieben. Wenn ihr in eurem Blog oder eurer Website versch. Seiten mit Bildergalerien und &#8230; <a href="http://webdesign-passau.com/wordpress/umzug-mit-wordpress/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Was man beim Umzug mit WordPress noch beachten solltet, wenn Ihr dabei die Export/Import-Funktion nutzt.<span id="more-904"></span></p>
<p>Den Umzug mittels <em>Export/Import</em> habe ich schon einmal in <a href="http://webdesign-passau.com/wordpress/mit-wordpress-umziehen/">diesem Artikel</a> beschrieben. Wenn ihr in eurem Blog oder eurer Website versch. Seiten mit Bildergalerien und einem lightbox-Plugin habt, solltet ihr beim importieren noch etwas beachten, damit die Galerien hinterher wieder funktionieren:</p>
<p>Ihr habt die aktuelle WP-Version heruntergeladen und entpackt. Die <code>wp-config.php</code> wird angepaßt, der <em>Pluginordner</em> und der <em>Ordner<code> uploads </code></em> mit den Bildern der alten Installation werden praktischerweise schon mal in <code>wp-content</code> eurer neuen WP-Version verschoben. </p>
<p>Soweit, so gut! Alles hochladen, installieren und diverse Anpassungen im Backend sind erfolgreich durchgeführt worden. Nun werft ihr den WP-Importer an, um eure, Seiten, Artikel, Kommentare, Benutzer, etc. herüberzuholen. Beim importieren habt ihr die Möglichkeit, unter der Überschrift <strong>Import Attachments</strong> ein Häkchen bei <em>Download and import file attachments</em></strong> zu machen.</p>
<p><strong>Das solltet ihr besser nicht tun!!</strong> Dann habt ihr die Fotos doppelt im <code>uploads</code>-Ordner und die Verlinkung vom Thumbnail zum großen Bild stimmt nicht mehr. Eure lightbox sucht dann vergeblich das große Bild.</p>
<p>Macht ihr dort kein Häkchen ist hinterher normal auch wieder alles in Ordnung. <img src='http://webdesign-passau.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/umzug-mit-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grafisches Menü für WordPress</title>
		<link>http://webdesign-passau.com/wordpress/grafisches-menue-fuer-wordpress/</link>
		<comments>http://webdesign-passau.com/wordpress/grafisches-menue-fuer-wordpress/#comments</comments>
		<pubDate>Mon, 27 Aug 2012 09:16:40 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Navigationen]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[grafisches Menü]]></category>
		<category><![CDATA[navi]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/?p=855</guid>
		<description><![CDATA[Tutorial zur Erstellung eines grafischen Menüs für das CMS WordPress. Der Text befindet sich mit in der Grafik und der eigentliche Linktext wird ausgeblendet. Die eleganteste Methode ist leider nicht sonderlich WP-tauglich, weil dort zusätzlicher Quelltext eingefügt werden muss. Das &#8230; <a href="http://webdesign-passau.com/wordpress/grafisches-menue-fuer-wordpress/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="abstandunten">Tutorial zur Erstellung eines grafischen Menüs für das CMS <em>WordPress</em>. Der Text befindet sich mit in der Grafik und der eigentliche Linktext wird ausgeblendet.<span id="more-855"></span></p>
<p><a href="http://webdesign-passau.com/wordpress/grafische-navi-1/">Die eleganteste Methode</a> ist leider nicht sonderlich WP-tauglich, weil dort zusätzlicher Quelltext eingefügt werden muss. Das ist bei einem CMS oft nicht so ohne weiteres möglich, weil das Markup für die Navigationen i.d.R. vom System erzeugt werden.</p>
<p>Als Grundlage dient das <em>TwentyTen-Theme</em>. Das Menü wurde im <em>Backend</em> unter <code>Design - Menüs</code> als <em>primäre Navigation</em> erstellt. Zur Vermeidung des Deppenlinks ist<em> Toschos Plugin</em> <a href="http://wordpress.org/extend/plugins/remove-redundant-links/" title="Externer Link">Remove Redundant Links</a> aktiviert.</p>
<p class="abstandunten0 abstandoben2">Der ausgegebene Quelltext schaut im Wesentlichen so aus (nicht benötigte Klassen habe ich wegen der Übersichtlichkeit weggelassen!):</p>
<div class="beitragscode">
<ul>
<li><code>&lt;div class=&quot;menu-header&quot;&gt;</code></li>
<li><code>&lt;ul id=&quot;menu-topnavi&quot; class=&quot;menu&quot;&gt;</code></li>
<li><code>&lt;li id=&quot;menu-item-68&quot; class=&quot;current_page_item menu-item-68&quot;&gt;</code></li>
<li><code>&lt;a class=&quot;rrl current_page_item&quot; title=&quot;Hier befinden Sie sich gerade.&quot;&gt;Startseite&lt;/a&gt;</code></li>
<li><code>&lt;/li&gt;</code></li>
<li><code>&lt;li id=&quot;menu-item-69&quot; class=&quot;menu-item-69&quot;&gt;</code></li>
<li><code>&lt;a href=&quot;/galerie/&quot;&gt;Galerie&lt;/a&gt;</code></li>
<li><code>&lt;/li&gt;</code></li>
<li><code>&lt;li id=&quot;menu-item-70&quot; class=&quot;menu-item-70&quot;&gt;</code></li>
<li><code>&lt;a href=&quot;/kontakt/&quot;&gt;Kontakt&lt;/a&gt;</code></li>
<li><code>&lt;/li&gt;</code></li>
<li><code>&lt;li id=&quot;menu-item-71&quot; class=&quot;menu-item-71&quot;&gt;</code></li>
<li><code>&lt;a href=&quot;/beispiel-seite/&quot;&gt;Beispiel-Seite&lt;/a&gt;</code></li>
<li><code>&lt;/li&gt;</code></li>
<li><code>&lt;/ul&gt;</code></li>
<li><code>&lt;/div&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Für jeden Menüpunkt benötige ich eine Grafik (100x100px groß), die beide Zustände enthält (<code>normal</code> und <code>:hover</code>):</p>
<p><img src="http://webdesign-passau.com/wp-content/uploads/2012/08/start.png" alt="Beispielgrafik" width="100" height="100" /></p>
<p>Die obere Hälfte ist für den <em>Normalzustand</em> des Menüpunktes zuständig und die untere für den<em> gehoverten</em>. Beim Hovern bzw. auf der gerade aktuellen Seite wird der untere Teil der Grafik<em> ins Bild geschoben</em>.</p>
<p class="abstandunten0">Das benötigte CSS dazu:</p>
<div class="beitragscode">
<ul>
<li><code>#access .menu-header li  {</code></li>
<li class="codeeinrueckung"><code>width:100px;</code></li>
<li class="codeeinrueckung"><code>height:50px;</code></li>
<li><code>}</code></li>
<li><code>#access .menu-header li.menu-item-68 a  {</code></li>
<li class="codeeinrueckung"><code>display:block;</code></li>
<li class="codeeinrueckung"><code>background:url(images/start.png) no-repeat left top;</code></li>
<li class="codeeinrueckung"><code>width:100%;</code></li>
<li class="codeeinrueckung"><code>height:100%;</code></li>
<li class="codeeinrueckung"><code>text-indent:-9999px;</code></li>
<li><code>}</code></li>
<li><code>#access .menu-header li.menu-item-68 a:hover,</code></li>
<li><code>#access .menu-header li.menu-item-68 a.current_page_item  {</code></li>
<li class="codeeinrueckung"><code>display:block;</code></li>
<li class="codeeinrueckung"><code>background:url(images/start.png) no-repeat left -50px;</code></li>
<li class="codeeinrueckung"><code>width:100%;</code></li>
<li class="codeeinrueckung"><code>height:100%;</code></li>
<li class="codeeinrueckung"><code>text-indent:-9999px;</code></li>
<li><code>}</code></li>
</ul>
</div>
<p>Das CSS habe ich auf den absolut notwendigen Teil gekürzt. Für die anderen drei Menüpunkte müssen die Anweisungen noch definiert werden. Das ist aber nicht so schwierig. Etwas <em>copy/paste</em> und die jeweilige Klasse und -Name der Grafik werden entsprechend ausgetauscht.</p>
<p>Das sollte bis inklusive IE7 und IE6 funktionieren!</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/grafisches-menue-fuer-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WP 3.3 &#8211; Sicherheit in WordPress für Anfänger</title>
		<link>http://webdesign-passau.com/wordpress/wp-3-sicherheit-wordpress-anfaenger/</link>
		<comments>http://webdesign-passau.com/wordpress/wp-3-sicherheit-wordpress-anfaenger/#comments</comments>
		<pubDate>Wed, 06 Jun 2012 10:14:21 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Anfänger]]></category>
		<category><![CDATA[Sicherheit]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=739</guid>
		<description><![CDATA[Die berühmten 10 Tipps zur Erhöhung der Sicherheit deines Blogs gibt es im Netz zuhauf. Sie sind besonders für Anfänger nicht immer leicht nachzuvollziehen. Deshalb habe ich mich bemüht eine möglichst einfache Anleitung zur Umsetzung wichtiger, zusätzlicher Sicherheitsmaßnahmen für deine &#8230; <a href="http://webdesign-passau.com/wordpress/wp-3-sicherheit-wordpress-anfaenger/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="abstandunten2">Die berühmten 10 Tipps zur Erhöhung der Sicherheit deines Blogs gibt es im Netz zuhauf. Sie sind besonders für Anfänger nicht immer leicht nachzuvollziehen. Deshalb habe ich mich bemüht eine möglichst einfache Anleitung zur Umsetzung wichtiger, zusätzlicher Sicherheitsmaßnahmen für deine WordPress-Installation zu verfassen. Sie orientiert sich am Arbeitsablaufs mit herunterladen, hochladen, installieren und konfigurieren von WordPress.<span id="more-739"></span></p>
<h3 class="ueberschrift-im-beitrag">WordPress herunterladen</h3>
<p>Du hast die aktuelle deutsche Version von WordPress<a href="http://de.wordpress.org/" title="Externer Link"> hier</a> heruntergeladen und im richtigen Ordner entpackt. </p>
<h3 class="ueberschrift-im-beitrag">Drei  Plugins herunterladen</h3>
<p>Da du eh grad dabei bist lade dir noch drei wichtige Plugins herunter, um die Sicherheit deiner WP-Installation zu erhöhen, unkompliziert regelmäßige Backups deiner Datenbank zu bekommen und Spams abzuwehren.</p>
<dl>
<dt><strong>1.) <a href="http://wordpress.org/extend/plugins/limit-login-attempts/" title="Externer Link">Limit Login Attempts</a> </strong></dt>
<dd>Normalerweise hast du beliebig viele Versuche Nutzernamen und Passwort einzugeben. Bei Fehlversuchen wird dir sogar angezeigt ob Benutzernamen oder Passwort falsch sind. Mit diesem Plug-In wird die Anzahl der vergeblichen Login Versuche standardmäßig auf vier begrenzt, danach ist der Account für 20 Minuten gesperrt. Nach vier solcher Sperrungen erhöht sich die Zeit auf 24 Stunden. Außerdem wird nicht angezeigt ob Name oder Passwort falsch war.</dd>
<dt><strong>2.)<a href="http://wordpress.org/extend/plugins/wp-db-backup/" title="Externer Link"> WP-DB-Backup</a></strong></dt>
<dd>Nach Aktivierung dieses Plugins könnt ihr es im Backend unter Werkzeuge – Backup für eure Zwecke konfigurieren. Sehr praktisch finde ich dort die Möglichkeit sich das DB-Backup z.B. einmal die Woche automatisch per E-Mail zusenden zu lassen. Diese Mail mit der angehängten Datenbank landet meiner Erfahrung nach oft im Junk-Mail-Ordner  des E-Mail-Programmes. Deshalb solltet ihr den Absender dann in die Whitelist des E-Mail-Programmes eintragen (falls vorhanden).</dd>
<dt><strong>3.) <a href="http://wordpress.org/extend/plugins/antispam-bee/" title="Externer Link">Antispam Bee</a></strong></dt>
<dd>Lässt du Kommentare zu ist ein Plugin wie Antispam Bee Pflicht. Das Antispam-Plugin <a href="http://wordpress.org/extend/plugins/akismet/" title="Externer Link">Akismet</a> befindet sich zwar schon standardmäßig in deinem Pluginordner, aber die Biene ist gut an die deutsche Rechtslage angepasst, was man von Akismet nicht gerade behaupten kann.</dd>
</dl>
<h3 class="ueberschrift-im-beitrag">wp-config-sample-php umbenennen und anpassen</h3>
<p>Öffnet diese Datei mit einem geeigneten Editor (<a href="http://notepad-plus-plus.org/" title="Externer Link">notepad++</a> z.B.).  Drei Dinge solltest du dort erledigen:</p>
<dl>
<dt class="abstandoben"><strong>1.) Die Zugangsdaten zu deiner Datenbank eintragen</strong></dt>
<dd>Zeilen 18 – 24</dd>
<dt class="abstandoben"><strong>2.) Gesalzene Passwörter eintragen</strong></dt>
<dd>Marschiere zu dieser Adresse. Markiere und kopiere alles was im Browserfenster steht:</dd>
<dd><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/gesalzene-passwoerter-kopieren.png" alt="Gesalzene Passwörter kopieren" width="450" height="235" /></dd>
<dd class="abstandoben">In der wp-config-sample.php siehst du in den Zeilen 44-51 folgendes:</dd>
<dd><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/define-authkey.png" alt="Platzhalter für gesalzene Passwörter" width="450" height="210" /></dd>
<dd class="abstandoben">Markiere die Zeilen 44-51 und füge deine kopierten, gesalzenen Passwörter dort ein:</dd>
<dd><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/authkey-eingetragen.png" alt="Gesalzene Passwörter eingetragen" width="450" height="142" /></dd>
<dt class="abstandoben"><strong>3.) Trage ein individuelles Tabellenpräfix ein</strong></dt>
<dd>Schau dir die Zeilen 56-62 an:</dd>
<dd><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/tabellenpraefix-default.png" alt="Default Tabellenpräfix" width="350" height="115" /></dd>
<dd> Jede DB-Tabelle die WP erzeugt bekommt im Tabellennamen diese drei Zeichen automatisch  vorangestellt (z.B. wp_commentmeta oder wp_posts) Wenn du versuchst zwei WP-Installationen in einer DB zu betreiben ist das grundsätzlich okay, haben beide aber den gleiche Tabellenpräfix hast du ein Problem, nämlich zwei zerschossene WP-Installationen.</dd>
<dd class="abstandoben">Deshalb gönne jeder deiner WP-Installationen ein eigenes Tabellenpräfix z.B.:</dd>
<dd><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/tabellenpraefix-geaendert.png" alt="Individueller Tabellenpräfix" width="350" height="137" /></dd>
</dl>
<p>Ob eine Änderung des Tabellenpräfix auch aus Sicherheitsgründen sinnvoll ist kann ich hier nicht abschließend beantworten. Wenn ihr mögt schaut dazu euch <a href="http://webdesign-passau.com/wordpress/wp-3-sicherheit-durch-aendern-tabellenpraefix/">diesen Beitrag</a> an und folgt vor allem der damit <a href="https://www.xing.com/net/wordpress/installation-und-konfiguration-64290/anderung-tabellenprafix-zur-erhohung-der-wp-sicherheit-gerechtfertigt-40902993/" title="Externer Link">verlinkten Xing-Diskussion</a>.</p>
<p>Hast du die drei Punkte abgearbeitet speicherst du die wp-config-sample.php unter dem Namen wp-config.php im obersten Verzeichnis deines WP-Ordners ab.</p>
<h3 class="ueberschrift-im-beitrag">WordPress-Version verschleiern</h3>
<p>Normalerweise wird im Kopfbereich  einer Seite standardmäßig die WordPress-Version mit ausgegeben. Lasst euch einmal den Quelltext anzeigen (Rechtsklick ins Browserfenster und entsprechenden Verweis wählen z.B. Seitenquelltext anzeigen) Ziemlich weit oben steht diese Zeile z.B.: <code class="textfarbe"> &lt;meta name=&quot;generator&quot; content=&quot;WordPress 3.3.2&quot; /&gt;</code></p>
<p>Das wollen wir Angreifern nicht unbedingt auf die Nase binden, also raus mit dieser Zeile.Öffnet dazu mit eurem Editor die <code class="textfarbe">functions.php</code> eures Themes. Ihr findet sie unter <code class="textfarbe">wp-content – themes – deinThemename – functions.php</code>.</p>
<p class="abstandunten0">Dort hängt ihr einfach diese beiden Zeilen an:</p>
<div class="beitragscode">
<ul>
<li><code>function no_generator() { return ''; } </code> </li>
<li><code>add_filter( 'the_generator', 'no_generator' );</code></li>
</ul>
</div>
<p><!-- Ende .beitragscode --></p>
<p>Speichern und schließen und fertig. Das wars schon!</p>
<h3 class="ueberschrift-im-beitrag">Eine leere<code class="textfarbe"> index.php</code> in den Ordner <code class="textfarbe">uploads</code> legen</h3>
<p class="abstandunten0">Sämtliche Fotos, Bilder, etc. die ihr hochladet werden standardmäßig im Ordner <code class="textfarbe">wp-content -  uploads</code> gespeichert.  Dieser Ordner benötigt sehr weitgehende Rechte, damit dass mit dem Hochladen auch immer reibungslos klappt. Solche Rechte sind aber auch immer ein potentielles Sicherheitsrisiko. </p>
<p class="abstandunten2">Wir erstellen einen Ordner mit dem Namen <code class="textfarbe">uploads</code> im Verzeichnis<code class="textfarbe"> wp-content</code>. Mit unserem Editor erzeugen wir eine neue Datei und speichern die unter dem Namen<code class="textfarbe"> index.php</code> im Ordner <code class="textfarbe">uploads</code> ab. das ist alles. Ein unbefugter Eindringling rennt jetzt erst mal vor eine leere Datei, mit der er nichts anfangen kann.</p>
<p class="abstandunten2">Ihr ladet WordPress auf euren Server hoch installiert es und geht gleich mal ins Backend. Da wirst du nun verschiedene sicherheitsrelevante und somit wichtige Aktionen durchführen.</p>
<h3 class="ueberschrift-im-beitrag"><em>Limit Login Attempts</em>, <em>WP-DB-Backup</em> und <em>Antispam Bee</em> aktivieren</h3>
<p>Aktiviert sie und konfiguriert sie nach euren Wünschen. Ein <em>DB-Backup</em> könnt ihr euch ja gleich mal probehalber runterladen und abspeichern.
</p>
<h3 class="ueberschrift-im-beitrag">Neuen Benutzer anlegen und den Standardbenutzer löschen</h3>
<p class="abstandunten0"><code class="textfarbe">Backend - Benutzer – Hinzufügen</code></p>
<p>Tragt unter Benutzernamen einen Namen (außer <strong>admin</strong>!) ein. Da der Benutzername oft auch zu Artikeln und Kommentaren, z.B. in der URL oben, mit angezeigt wird muss der nicht kompliziert sein. Gebt eine gültige E-Mail-Adresse an und schreibt ein starkes Passwort (mindestens 14 Zeichen, inkl. Groß/Kleinschreibung, Zahlen und Sonderzeichen!) in die entsprechenden Felder.<br />
<strong>Achtung</strong> stellt als Rolle unbedingt <em>&quot;Administrator&quot;</em> ein und übernehmt keinesfalls das voreingestellte <em>&quot;Abonnent&quot;</em>!!</p>
<p class="abstandunten0">Meldet euch jetzt im Backend ab (oben rechts wo &quot;Willkommen DeinName&quot; steht). Meldet euch mit dem neuen Benutzer wieder an. Löscht den alten Benutzer und vergesst nicht alle Artikel u. Links zu übertragen.</p>
<p class="abstandunten0">Dann ruft ihr den neuen Benutzer auf (<em>Bearbeiten</em>).</p>
<p class="abstandunten0">Nehmt das Häkchen bei <code class="textfarbe">Werkzeugleiste - Werkzeuge für mich auf der Website anzeigen</code> raus. Das mag überflüssig sein, aber ich traue dem Braten instinktiv nicht so recht.  <img src='http://webdesign-passau.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p class="abstandunten">Tragt unter Vornamen und Spitzname euren öffentlichen Namen ein und seht zu, dass dieser auch bei Öffentlicher Name ausgewählt ist. Profil aktualisieren und fertig!</p>
<h3 class="ueberschrift-im-beitrag">Zweiten Benutzer zum Artikelschreiben anlegen</h3>
<p class="abstandunten2">Wenn ihr Artikel schreibt macht das nicht mit dem Benutzer, der Adminrechte hat, sondern legt dazu einen weiteren Benutzer an, dem ihr höchstens die Rolle<em> Autor</em> zuweist.</p>
<p>Sicher werdet ihr neben anderen Einstellungen im Backend auch noch dafür sorgen, dass WordPress sogenannte sprechende Links erzeugt. das wird unter Einstellungen – Permalinks erledigt. Infos dazu findest du auf dieser Seite.<br />
Hat das geklappt solltest du dich daranmachen, die Dateirechte für zwei wichtige Dateien einzuschränken.</p>
<h3 class="ueberschrift-im-beitrag">Dateirechte <code class="textfarbe">.htaccess</code> und <code class="textfarbe">wp-config.php</code> zurückschrauben</h3>
<p class="abstandunten0">Um diese Rechte anzupassen werft ihr euer <em>FTP-Programm</em> ( z.B. <a href="http://www.filezilla.de/" title="Externer Link">Filezilla</a>) an.  Die beiden Dateien dümpeln im obersten Verzeichnis von WP vor sich hin. </p>
<p>Rechtsklickt auf eine Datei (hier<code class="textfarbe"> .htaccess</code>) im Serverfenster und wählt den entsprechenden Verweis:</p>
<p><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/dateiberechtigung-1.png" alt="Dateiberechtigungen der .htaccess ändern" width="450" height="270" /></p>
<p>Dann öffnet sich dieses Fenster:</p>
<p><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/dateiberechtigung-666-htaccess.png" alt="Schreibrechte 666 bei .htaccess" width="318" height="314" /></p>
<p>Durch Anklicken der Kästchen erzeugt ihr den numerischen Wert 444:</p>
<p><img src="http://webdesign-passau.com/wp-content/uploads/2012/06/dateiberechtigung-444-htaccess.png" alt="Schreibrechte 444 bei .htaccess" width="318" height="314" /></p>
<p>Mit der gleichen Vorgehensweise ändert ihr die Dateiberechtigung der wp-config.php auf den <em>numerischen Wert 444</em>.</p>
<h3 class="ueberschrift-im-beitrag">Zum Schluss noch ein paar Binsenweisheiten zum Thema WordPress und Sicherheit:</h3>
<p class="abstandunten0">Eines der größten Sicherheitsprobleme von WP sind imho schlecht programmierte Plugins, die einem Angreifer Tür und Tor öffnen!<br />
<strong>Deshalb:</strong></p>
<p class="abstandunten0">a.) Das <a href="http://wordpress.org/extend/plugins/" title="Externer Link">Offiziellen Plugin-Directory von WP</a> kennt ihr vielleicht schon, aber die Plugins die dort angeboten werden solltet ihr kritisch bewerten, bevor ihr sie euch runterladet und installiert.</p>
<p class="abstandunten0">b.) Schaut deshalb und überhaupt was bekannte <em>WP-Größen</em> wie <a href="http://bueltge.de/" title="Externer Link">Frank Bültge</a>, <a href="http://playground.ebiene.de/" title="Externer Link">Sergej Müller</a>, <a href="http://www.perun.net/" title="Externer Link">Perun</a>,<a href="http://toscho.de/" title="Externer Link"> Toscho</a>,<a href="http://www.texto.de/" title="Externer Link"> Monika</a> oder <a href="http://www.code-styling.de/blog/deutsch" title="Externer Link">Heiko vom Code Styling Project</a> so schreiben und empfehlen</p>
<p class="abstandunten0">c.) Nur so wenig Plugins wie unbedingt nötig installieren und nicht aktive Plugins löschen</p>
<p class="abstandunten">d.) Wenn sich etwas mit Bordmitteln regeln lässt macht es und verzichtet auf ein Plugin</p>
<p>Überlegt euch gut welchem Benutzer ihr welche Rechte einräumt, ein Blog mit 84 Administratoren dürfte keine so gute Idee sein. </p>
<p>Zum bequemen <em>neben die Tastatur legen</em> stelle ich euch den Beitrag als <em>Pdf-Datei</em> in <a href="http://webdesign-passau.com/wp-content/uploads/2012/06/wp-sicherheit-anfaenger.zip">diesem Ordner zum Download zur Verfügung</a>. Zusätzlich ist dort auch noch eine Checkliste zum <em>hinlegen und abhaken</em> dabei.</p>
<p class="abstandunten2">Lest bitte unbedingt die Kommentare zu diesem Artikel, dort steht mehr wissenswertes und auch kontroverses zur Sicherheit von WordPress. </p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/wp-3-sicherheit-wordpress-anfaenger/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>WP 3.3 &#8211; Erhöhung der Sicherheit durch ändern des Tabellenpräfix?</title>
		<link>http://webdesign-passau.com/wordpress/wp-3-sicherheit-durch-aendern-tabellenpraefix/</link>
		<comments>http://webdesign-passau.com/wordpress/wp-3-sicherheit-durch-aendern-tabellenpraefix/#comments</comments>
		<pubDate>Sun, 03 Jun 2012 09:52:28 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Sicherheit]]></category>
		<category><![CDATA[Tabellenpräfix]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=718</guid>
		<description><![CDATA[Artikel mit den berühmten zwei bis zwölf unverzichtbaren Maßnahmen zur Erhöhung der Sicherheit von WordPress gibt es weltweit zuhauf. Als Autoren treten neben anerkannten WP-Experten, auch unbekannte WP-Experten sowie ein Menge Autoren mit veritablem Halbwissen ins Rampenlicht. Artikelübergreifend ist eine &#8230; <a href="http://webdesign-passau.com/wordpress/wp-3-sicherheit-durch-aendern-tabellenpraefix/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="abstandunten0">Artikel mit den berühmten zwei bis zwölf unverzichtbaren Maßnahmen zur Erhöhung der Sicherheit von WordPress gibt es weltweit zuhauf. Als Autoren treten neben <em>anerkannten</em> WP-Experten, auch <em>unbekannte</em> WP-Experten sowie ein Menge Autoren mit veritablem Halbwissen ins Rampenlicht.</p>
<p>Artikelübergreifend ist eine Maßnahme garantiert dabei: <em>Die Änderung des Tabellenpräfix!</em><span id="more-718"></span></p>
<p>Man ist durchaus geneigt, solche Hinweise, besonders wenn sie von <em>anerkannten</em> Experten kommen, unreflektiert zu übernehmen und im Bedarfsfall ebenso unreflektiert in Form eines Artikels <em>hinauszutröten</em>.</p>
<h3 class="ueberschrift-im-beitrag">Ist diese Maßnahme überhaupt sinnvoll und erhöht sie die Sicherheit?</h3>
<p class="abstandunten0">Ich meine <em>erstens ja</em> und <em>zweitens nein</em>&#8230;..und das kam so:</p>
<p class="abstandunten">Ich hatte einen harmlosen Fred mit dem Titel <a href="http://xhtmlforum.de/67605-sinnvolle-aktionen-zur-sicherheit-von-wordpress.html" title="Externer Link"><em>Sinnvolle Aktionen zur Sicherheit von WordPress?? </em>  im XHTML-Forum eröffnet </a>.</p>
<p>Als eine Maßnahme habe ich kurz die übliche Änderung des Tabellenpräfix erwähnt, woraufhin sich <a href="http://xhtmlforum.de/members/12199_inta.html" title="Externer Link">inta</a> dazu kurz und knackig antwortete:<code class="textfarbe"> &quot;Damit ist der Name der Datenbanktabelle gemeint? Was soll das sein, security by obscurity? Wenn du mich fragst, ist das totaler Quatsch.&quot; </code>. Umpf&#8230;&#8230;wie bitte?? Diese Änderung aus Sicherheitsgründen empfehlen doch eigentlich alle!?</p>
<p class="abstandunten">Kurze Zeit später schob er noch eine Begründung nach, die für mich den propagierten Sicherheitsgewinn dieser Maßnahme  elegant aushebelte:<code class="textfarbe">&quot;Ich habe heute zum ersten Mal gelesen, dass jemand das als Steigerung der Sicherheit ansieht. Wie soll die Sicherheit denn dadurch verbessert werden? Um Zugriff auf die Datenbank zu erlangen braucht man Zugangsdaten, an diese kommt man in der Regel erst heran, wenn man die Anwendung geknackt und somit auch Zugriff auf die Konfiguration hat. Das Tabellenprefix kann man da aber ganz bequem auslesen, also was bringt mir das nun?&quot;</code></p>
<p>Das wollte ich dann doch etwas genauer wissen! Deshalb habe ich zu diesem Thema in der <a href="https://www.xing.com/net/pri61f9e5x/wordpress/installation-und-konfiguration-64290/anderung-tabellenprafix-zur-erhohung-der-wp-sicherheit-gerechtfertigt-40902993/" title="Externer Link">WP-Gruppe von Xing einen Fred eröffnet</a>, der rasch eine schöne Diskussion nach sich zog, die viele Aspekte des <em>Für und Wider</em> beleuchtet hat. Lest nach und bildet euch eine eigene Meinung dazu! <img src='http://webdesign-passau.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3 class="ueberschrift-im-beitrag">Meine persönliches Fazit dazu:</h3>
<p>Eine Änderung des Tabellenpräfix bei WordPress macht Sinn, damit ich z.B. in einer Datenbank mehrere WP-Installationen anlegen kann. Deshalb werde ich das routinemäßig weiterhin tun. Einen Sicherheitsgewinn ist für mich leider nicht erkennbar.<br />
Dass diese Änderung von so vielen (auch vielen Experten) empfohlen wird liegt imho daran, dass man gerne voneinander abschreibt, ohne es zu hinterfragen.</p>
<h3 class="ueberschrift-im-beitrag">Danksagungen</h3>
<p class="abstandunten0">Mein besonderer Dank gilt<a href="http://xhtmlforum.de/members/12199_inta.html" title="Externer Link"> inta</a> aus dem XHTML-Forum, der sowieso an allem schuld ist was danach kam <img src='http://webdesign-passau.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  und <a href="https://www.xing.com/profile/Esther_Nowack" title="Externer Link">Esther</a> aus der WP-Gruppe von Xing, die mir den entscheidenden Hinweis lieferte, warum eine Änderung des Tabellenpräfix dennoch Sinn macht, wenn auch aus anderen Gründen als zunächst gedacht.</p>
<p class="abstandunten0"> <a href="https://www.xing.com/profile/Frank_Koenig6" title="Externer Link">Franks</a> und <a href="https://www.xing.com/profile/Jens_Guessregen" title="Externer Link">Jens</a> Beiträge mit ihren ausführlichen Begründungen waren ein Klasse für sich!</p>
<p>Außerdem danke ich noch <a href="https://www.xing.com/profile/Sven_Wappler" title="Externer Link">Sven</a>, <a href="https://www.xing.com/profile/Marc_Haunschild" title="Externer Link">Marc</a> und<a href="https://www.xing.com/profile/Friedhelm_Oja" title="Externer Link"> Friedhelm</a> für ihre Meinungen dazu.</p>
<p>Ich hoffe ich hab jetzt niemand vergessen oder unangemessen gewürdigt! <img src='http://webdesign-passau.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/wp-3-sicherheit-durch-aendern-tabellenpraefix/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>WP 3.3 &#8211; anderer footer für bestimmte Seiten</title>
		<link>http://webdesign-passau.com/wordpress/wp3-zweiter-footer/</link>
		<comments>http://webdesign-passau.com/wordpress/wp3-zweiter-footer/#comments</comments>
		<pubDate>Wed, 23 May 2012 10:14:44 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[zweiter footer]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=708</guid>
		<description><![CDATA[Wenn man eine kommerzielle Website und einen Blog unter einem Dach betreibt, kann es sinnvoll sein den Artikeln einen anderen footer zu gönnen. Folgendes Beispiel: Das Menü der geplanten Site soll aus den Punkten Startseite, Leistungen, Team, Kontakt und Blog &#8230; <a href="http://webdesign-passau.com/wordpress/wp3-zweiter-footer/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Wenn man eine kommerzielle Website und einen Blog unter <em>einem Dach</em> betreibt, kann es sinnvoll sein den Artikeln einen anderen <em>footer</em> zu gönnen.</p>
<p class="abstandunten0">Folgendes Beispiel:</p>
<p>Das Menü der geplanten Site soll aus den Punkten<span id="more-708"></span> <code>Startseite</code>, <code>Leistungen</code>, <code>Team</code>, <code>Kontakt</code> und <code>Blog</code> bestehen.</p>
<p class="abstandunten2">Der normale <em>footer</em> beinhaltet die Kontaktadresse und kommt auf statischen Seiten zum Einsatz. Beim Blog sollen stattdessen eine Schlagwortwolke und die Kategorien in den <em>footer</em>.</p>
<p>Zuerst kopierst du die <code>footer.php</code>, benennst sie z.B. in <code>footer-seiten.php</code> um und fügst die umbenannte Datei wieder in deinen Templateordner ein.</p>
<p>Die beiden <em>footer</em>-Dateien baut ihr nun nach euren Wünschen um. Danach erstellt ihr für eure statischen Seiten ein eigenes Seitentemplate, z.B. <a href="http://webdesign-passau.com/wordpress/eigenes-seitentemplate/">nach diesem Vorbild</a>. Dabei ersetzt ihr noch diese Zeile: <code>&lt;?php get_footer(); ?&gt;</code> durch diese: <code>&lt;?php get_footer(seiten); ?&gt;</code></p>
<p>Beim Aufruf der statischen Seiten kommt nun deine gebastelte <code>footer-seiten.php</code> zum Tragen.</p>
<p>Nach diesem Prinzip könnt ihr wahrscheinlich auch eine spezielle sidebar bestimmten Seiten/Artikeln zuweisen, dass habe ich aber jetzt nicht getestet.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/wp3-zweiter-footer/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Lightbox Plugin für WordPress</title>
		<link>http://webdesign-passau.com/wordpress/lightbox-plugin-fur-wordpress/</link>
		<comments>http://webdesign-passau.com/wordpress/lightbox-plugin-fur-wordpress/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 09:30:11 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Galerie]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=645</guid>
		<description><![CDATA[Plugins um Bilder in WordPress per Lightbox zu vergrößern gibt es eine Menge. NextGen Gallery, Thickbox, Fancy Box, Slinbox2, etc.. Getestet habe ich mittlerweile einige davon, ohne dass ich irgendwo hängengeblieben bin. Vor ein paar Tagen stieß ich zufällig auf &#8230; <a href="http://webdesign-passau.com/wordpress/lightbox-plugin-fur-wordpress/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="abstandunten0">Plugins um Bilder in WordPress per Lightbox zu vergrößern gibt es eine Menge. NextGen Gallery, Thickbox, Fancy Box, Slinbox2, etc.. Getestet habe ich mittlerweile einige davon, ohne dass ich irgendwo hängengeblieben bin.</p>
<p>Vor ein paar Tagen stieß ich zufällig <span id="more-645"></span> auf <a href="http://wordpress.org/extend/plugins/jquery-lightbox-for-native-galleries/" title="Externer Link">jquery-lightbox-for-native-galleries</a> von <a href="http://www.viper007bond.com/wordpress-plugins/jquery-lightbox-for-native-galleries/" title="Externer Link"> <em>Alex </em>alias <em>Viper007Bond</em></a>. Grundlage ist <a href="http://jacklmoore.com/colorbox/" title="Externer Link"><em>Colorbox</em> von <em>Jack Moore</em></a> .</p>
<p>Schiebt den entpackten Lightboxordner in den Pluginordner eures Webspace und aktiviert es. Ihr könnt nun zwischen fünf verschiedenen Styles<em> (Theme #1 &#8211; Theme #5)</em> wählen.</p>
<p>Die Bilder ladet ihr ganz normal mit der entsprechenden WordPressfunktion hoch (<em>Hochladen/Einfügen</em> direkt über dem Editor!) und integriert sie in euren Artikel.</p>
<h3 class="ueberschrift-im-beitrag">Die Galerien</h3>
<p>Dort gibt es nicht viel zu beachten. Ihr müßt nur schauen, dass ihr <em>beim Hochladen der Bilder</em> in der <em>Einzelansichtsmaske</em> den Titel mit einem sinnvollen Text füllt. Daraus wird dann der Bildertitel in der Lightboxansicht gebildet.</p>
<h3 class="ueberschrift-im-beitrag">Das Einzelbild</h3>
<p>Da gibt es schon etwas mehr zu tun. Ihr solltet das <code class="textfarbe">a</code>-Tag im Editor mit der Klasse<code class="textfarbe"> .lightbox</code> versehen, sonst könnt ihr die Lightboxansicht nur mit dem <em>Zurück-Button</em> eures Browsers schließen.</p>
<p class="abstandunten0">Möchtet ihr mehrere Bilder auf einer Seite, die durch Text voneinander getrennt sind, in der Lightboxansicht durchblättern benötigt das<code class="textfarbe"> a</code>-Tag noch die Ergänzung <code class="textfarbe">rel="lightbox"</code> damit es funktioniert. </p>
<p class="abstandunten0">Für eine ordentlichen Bildertitel in der Lightboxansicht gebt ihr dem <code class="textfarbe">a</code>-Tag noch das<code class="textfarbe"> title</code>-Attribut mit passendem Text z.B.:</p>
<div class="beitragscode">
<p class="abstandunten0"><code class="textfarbe">&lt;a href=&quot;#&quot; class=&quot;lightbox&quot; rel=&quot;lightbox&quot; title=&quot;Bildertitel&quot;&gt;</code></p>
</div>
<p><!-- Ende .beitragscode --></p>
<h3 class="ueberschrift-im-beitrag">Deutsche Text in der Lightboxansicht</h3>
<p>Es sollen <code class="textfarbe">previous</code>, <code class="textfarbe">next</code>, <code class="textfarbe">image</code>, <code class="textfarbe">of </code>und <code class="textfarbe">close</code> gegen <code class="textfarbe">vorheriges</code>, <code class="textfarbe">nächstes</code>, <code class="textfarbe">Bild</code>,<code class="textfarbe"> von</code> und <code class="textfarbe">schließen</code> ausgetauscht werden.</p>
<p class="abstandunten0"><em>Öffnet dazu die Datei:</em></p>
<p><code class="textfarbe">wp-content - plugins - jquery-lightbox-for-native-galleries- colorbox - <strong>jquery.colorbox-min.js</strong></code> in eurem Lieblingseditor (z.B. <a href="http://notepad-plus-plus.org/" title="Externer Link">notepad++</a>)</p>
<p class="abstandunten2 abstandoben2">Gebt dort im Menüpunkt <em>Suchen</em> <code class="textfarbe">preloading:e,current</code> in der Maske ein. Dann springt er zu dieser Stelle (in der Statusleiste des Editors müßte er z.B. <em>Zeile 4, Position 2068</em> anzeigen).</p>
<p class="abstandunten0"><em>In diesem Bereich führt ihr dann die Sprachänderungen durch:</em></p>
<div class="beitragscode">
<p class="abstandunten0"><code class="textfarbe">preloading:e,current:&quot;image {current} of {total}&quot;,previous:&quot;previous&quot;,next:&quot;next&quot;,close:&quot;close&quot;,</code></p>
</div>
<p><!-- Ende .beitragscode --></p>
<p class="abstandunten0">wird dann zu:</p>
<div class="beitragscode">
<p class="abstandunten0"><code class="textfarbe">preloading:e,current:&quot;Bild {current} von {total}&quot;,previous:&quot;vorheriges&quot;,next:&quot;nächtes&quot;,close:&quot;schließen&quot;,</code></p>
</div>
<p><!-- Ende .beitragscode --></p>
<p class="abstandunten0 abstandoben2">Leider kommt es dann im <em>Theme 4</em> zu Überlappungen.</p>
<p><code class="textfarbe"> vorheriges/nächstes</code> überlappt mit z.B.<code class="textfarbe"> Bild 1 von 2</code></p>
<p class="abstandunten0">Abhilfe schafft eine Änderung der zuständigen CSS-Datei. Diese findet ihr unter:</p>
<p><code class="textfarbe"><em>wp-content - plugins - jquery-lightbox-for-native-galleries - colorbox - theme4 - colorbox.css - Zeile 35</em></code></p>
<p class="abstandunten">Bei <code class="textfarbe">#cboxCurrent</code> einfach aus <code class="textfarbe">left:100px;</code> z.B.<code class="textfarbe"> left 120px;</code> machen.</p>
<p>Leider müssen diese Änderungen evtl. bei jedem Update des Plugins  erneut durchgeführt werden. Das ist aber imho nicht wirklich zeitaufwändig, da ihr die Änderungen einfach in einer Vorlagendatei speichern könnt und per <em>copy/paste</em> schnell an den richtigen Stellen einfügt.</p>
<p class="abstandunten0 abstandoben2">edit. Von <a href="http://toscho.de/" title="Externer Link">Thomas</a> kam bei <em>Google+</em> noch der Hinweis dass die <a href="http://wordpress.stackexchange.com/questions/37918/adding-jquery-and-thickbox-to-wordpress-theme/41087#41087" title="Externer Link"> reine Lightbox-Funktionalität</a> auch <em>(im Moment noch!) </em>recht simpel ohne Plugin verwirklicht werden kann. Ist aber imho nicht so komfortabel wie das Plugin.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/lightbox-plugin-fur-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WP 3 &#8211; Schriftgröße- und Art im HTML-Editor ändern</title>
		<link>http://webdesign-passau.com/wordpress/wp3-schrift-editor-aendern/</link>
		<comments>http://webdesign-passau.com/wordpress/wp3-schrift-editor-aendern/#comments</comments>
		<pubDate>Thu, 08 Sep 2011 15:13:04 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Editor]]></category>
		<category><![CDATA[Schriftart]]></category>
		<category><![CDATA[Schriftgröße]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=633</guid>
		<description><![CDATA[Habt ihr euch schon mal gefragt, wie man die Schriftgröße- und Art im Editor ändern kann? &#8230;Nein?&#8230; Macht nix, ich sag&#8217;s euch trotzdem. Dazu erstellen wir uns rasch ein kleines Plugin. Wir d.h. nicht ich sondern in diesem Falle alchymyth &#8230; <a href="http://webdesign-passau.com/wordpress/wp3-schrift-editor-aendern/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Habt ihr euch schon mal gefragt, wie man die Schriftgröße- und Art im Editor ändern kann?</p>
<p>&#8230;Nein?&#8230; Macht nix, ich sag&#8217;s euch trotzdem. <img src='http://webdesign-passau.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <span id="more-633"></span></p>
<p>Dazu erstellen wir uns rasch ein kleines Plugin. Wir d.h. <em>nicht</em> ich sondern in diesem Falle <a href="http://www.transformationpowertools.com/wordpress/" title="Externer Link">alchymyth</a> aus dem <a href="http://forum.wordpress-deutschland.org/mitglied/23424-alchymyth.html" title="Externer Link">WordPressforum</a>. Ihm gilt in diesem Falle auch mein besonderer Dank für seine Hilfe.</p>
<p class="abstandunten0 abstandoben2">Code des Plugins:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;?php</code></li>
<li><code class="kommentarfarbe">/*</code></li>
<li><code class="kommentarfarbe">Plugin Name: Html Editor Font Size</code></li>
<li><code class="kommentarfarbe">Plugin author: alchymyth aus dem WordPressforum</code></li>
<li><code class="kommentarfarbe">Description: Schriftgröße- u. Art in der HTML-Ansicht des Editors ändern.</code></li>
<li><code class="kommentarfarbe">License: GPL2</code></li>
<li><code class="kommentarfarbe">*/</code></li>
<li><code>function custom_font_size_html_editor() {</code></li>
<li><code>echo '&lt;style type=&quot;text/css&quot;&gt; textarea#content {</code></li>
<li><code>font-size: 16px; font-family:calibri; }&lt;/style&gt;';</code></li>
<li><code>}</code></li>
<li><code>add_action('admin_head', 'custom_font_size_html_editor')?&gt;</code></li>
</ul>
</div>
<p>Die Datei könnt ihr z.B. <code>html-editor-font-size.php</code> nennen. Achtet bitte darauf das da keine unnötigen Leerstellen sind, damit es keinen Fehler gibt.</p>
<p>Schiebt es per <em>FTP</em> in den Pluginordner eurer WP-Installation und aktiviert es im <em>Backend</em>. Das war&#8217;s schon.</p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/wp3-schrift-editor-aendern/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>WP 3.1 &#8211; TwentyTen killt Textzoom im IE</title>
		<link>http://webdesign-passau.com/wordpress/wordpress-killt-textzoom-im-ie/</link>
		<comments>http://webdesign-passau.com/wordpress/wordpress-killt-textzoom-im-ie/#comments</comments>
		<pubDate>Thu, 14 Apr 2011 09:37:08 +0000</pubDate>
		<dc:creator>Klaus</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[textzoom]]></category>
		<category><![CDATA[twentyten]]></category>

		<guid isPermaLink="false">http://webdesign-passau.com/wordpress/?p=623</guid>
		<description><![CDATA[Der normale Seitenzoom, wo alles mitwächst, sorgt dafür, das man beim Lesen ganz schnell horizontal scrollen muss, was den Lesekomfort beträchtlich einschränkt. Der reine Textzoom bietet die Möglichkeit sich auch abends nach einem anstrengenden Arbeitstag die Textgröße bequem anzupassen. Im &#8230; <a href="http://webdesign-passau.com/wordpress/wordpress-killt-textzoom-im-ie/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Der normale Seitenzoom, wo alles mitwächst, sorgt dafür, das man beim Lesen ganz schnell <em>horizontal scrollen</em> muss, was den Lesekomfort beträchtlich einschränkt. Der <em>reine</em> Textzoom bietet die Möglichkeit sich auch abends nach einem anstrengenden Arbeitstag die Textgröße bequem anzupassen.</p>
<p>Im Firefox 4 könnt ihr den Textzoom in der Menüleiste unter <em>Ansicht &#8211; Zoom &#8211; Nur Text zoomen</em> einstellen. Der Internet Explorer 8 hat den Textzoom unter <em>Seite &#8211; Textgröße</em>. Beim IE 9 müsst ihr euch entweder die Menüleiste einblenden und dann unter <em>Ansicht &#8211; Textgröße</em> die entsprechende Einstellung vornehmen, oder ihr blendet die Befehlszeile ein und fügt durch <em>Anpassen</em> den gewünschten Befehl hinzu.</p>
<p class="abstandunten">Seid ihr IE-Nutzer und geratet beim Surfen an einen Blog, der auf dem TwentyTen-Theme basiert werdet ihr feststellen das der Textzoom im IE seinen Dienst verweigert.<span id="more-623"></span></p>
<p>Falls ihr einen Blog betreibt, der auf TwentyTen basiert könnt ihr das mit meiner Hilfestellung schnell korrigieren:</p>
<p>Ladet euch <a href="http://webdesign-passau.com/wordpress/wp-content/uploads/2011/04/twentyten-textzoom-ie.zip">diesen gezippten Ordner runter</a>, entpackt ihn und kopiert die darin befindliche <code>twentyten-textzoom-ie.css</code> in den Ordner eures Themes.</p>
<p class="abstandunten0 abstandoben2">Dann öffnet ihr die <code>header.php</code> eures Themes und sucht diese Zeile:</p>
<div class="beitragscode">
<ul>
<li><code>&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;all&quot; href=&quot;&lt;?php bloginfo( 'stylesheet_url' ); ?&gt;&quot; /&gt;</code></li>
</ul>
</div>
<p class="abstandunten0 abstandoben2">Direkt darunter fügt ihr einfach diese Zeile hinzu::</p>
<div class="beitragscode">
<ul>
<li><code>&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; href=&quot;&lt;?php bloginfo('template_directory'); ?&gt;/twentyten-textzoom-ie.css&quot; /&gt;</code></li>
</ul>
</div>
<p class="abstandoben2">Beim Internet Explorer funktioniert der Textzoom nicht, wenn die Schriftgröße die Maßeinheit Pixel hat.</p>
<p>Ich habe mir in der <code>style.css</code> des TwentyTen-Themes alle Anweisungen herausgesucht, wo das der Fall ist, sie in eine <code>twentyten-textzoom-ie.css</code> kopiert und mittels des <a href="http://riddle.pl/emcalc/" title="Externer Link">Pixel-in-em-Rechner</a> Pixel in em umgerechnet und eingetragen.</p>
<p>Da diese Datei in der <code>header.php</code> nach der normalen <code>style.css</code> eingebunden wird, gelten die dortigen <em>em</em>-Werte für die Schriftgröße und der Textzoom des IE funktioniert problemlos.</p>
<p>Wenn euch <em>em</em> nicht gefällt könnt ihr auch Prozent als Maßeinheit nehmen, dann funktioniert der Textzoom des IE auch. Das ist aber nicht so bequem wie meine vorbereitete Datei herunterzuladen und einzubinden, da es eine ganze Menge Pixelwerte sind, die ihr heraussuchen und ändern müsst. <img src='http://webdesign-passau.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://webdesign-passau.com/wordpress/wordpress-killt-textzoom-im-ie/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
