{"id":34,"date":"2009-06-25T12:10:30","date_gmt":"2009-06-25T10:10:30","guid":{"rendered":"http:\/\/hjacob.com\/blog\/?p=34"},"modified":"2016-12-12T17:03:09","modified_gmt":"2016-12-12T16:03:09","slug":"wordpress-tuning-themes-widgets-plugins","status":"publish","type":"post","link":"https:\/\/hjacob.com\/blog\/wordpress-tuning-themes-widgets-plugins\/","title":{"rendered":"Anf\u00e4nger Anleitung: WordPress Tuning"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/06\/wp-icon-150x150.gif\" alt=\"Wordpress Icon\" title=\"Wordpress Tuning Tutorial\" style=\"float:right\" width=\"150\" height=\"150\" class=\"alignnone size-thumbnail wp-image-82\" \/>Nach meiner <a href=\"\/blog\/2009\/06\/anfanger-anleitung-wordpress-installation\/\">WordPress Installations Anleitung<\/a> will ich nun noch kurz vorstellen, wie man sein WordPress Blog optisch aufwerten kann. In meinem dritten Post zu WordPress werde ich dann auf SEO Optimierungen eingehen. Aber nun erstmal mehr zu Themes, Plugins und Widgets.<br \/>\n<!--more Anleitung zum WordPress Tuning lesen --><\/p>\n<h2>WordPress Tuning &#8211; das Blog sch\u00f6ner gestalten<\/h2>\n<p>Die <a href=\"\/blog\/2009\/06\/anfanger-anleitung-wordpress-installation\/\"> Installation des Blogs<\/a> war nur der Anfang &#8211; jeder Blogger m\u00f6chte ja sein Blog m\u00f6glichst pers\u00f6nlich gestalten. Also los gehts.<\/p>\n<h3>Neue Themes hinzuf\u00fcgen<\/h3>\n<p>In dem <a href=\"http:\/\/wordpress.org\/extend\/themes\/\" target=\"_blank\">WordPress Theme Verzeichnis<\/a> findet hunderte Themes, die man alle kostenlos herunterladen kann. Man kann nat\u00fcrlich auch mehrere runterladen und sp\u00e4ter entscheiden, welches man im Endeffekt einsetzen kann, da WordPress ein sehr gutes Theme-System hat, das es erm\u00f6glich mit einem Klick das Aussehen des Blogs zu wechseln.<\/p>\n<p>Um das runtergeladene Theme verwenden zu k\u00f6nnen, muss es nun in den Ordner &#8222;wp-content\/themes&#8220; geladen werden (zu finden in deinem WordPress Verzeichnis). Dabei kommt jedes Theme in einen eigenen Unterordner. Hei\u00dft das Theme z.B. &#8222;Arclite&#8220; w\u00fcrde es in den Ordner &#8222;wp-content\/themes\/arclite&#8220; geladen werden. Dabei kann der Theme-Ordner ruhig beliebig umbenannt werden. Dies ist zum Beispiel zu empfehlen, wenn der Theme-Ordner Leerzeichen oder Sonderzeichen enth\u00e4lt. So hie\u00df der Ordner meines Themes z.B. &#8222;Cutline 1.1&#8220;, ich habe es in den Ordner &#8222;wp-content\/themes\/cutline&#8220; hochgeladen. Grund daf\u00fcr ist, dass <strong>Linux nicht so gern Sonderzeichen in Dateinamen<\/strong> sieht &#8211; daher sollte man dort nicht unn\u00f6tig Probleme beschw\u00f6ren. Da ein Screenshot mehr sagt als tausend Worte &#8211; so sollte es aussehen:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/06\/Bild-5.png\" alt=\"Der Themes Ordner in WordPress\" title=\"Der Themes Ordner in WordPress\" width=\"487\" height=\"284\" class=\"aligncenter size-full wp-image-50\" style=\"display:block; text-align:center\" srcset=\"https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/06\/Bild-5.png 487w, https:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/06\/Bild-5-300x174.png 300w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-27\" title=\"Das &quot;Appearane&quot; Menu im WordPress Admin\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/06\/Bild-2.png\" alt=\"Theme Einstellungen bei WordPress (Screenshot)\" width=\"153\" height=\"146\" style=\"float:right\"\/> Nach dem man die Themes hochgeladen hat, muss man sich in den WordPress Admin Bereich einloggen (&#8222;BLOG_URL\/wp-admin\/&#8220;). Dort findet man dann in der linken Menuf\u00fchrung die &#8222;Appearance&#8220; Box (im Deutschen &#8222;Darstellung&#8220;) mit dem Unterpunkt &#8222;Themes&#8220;. Und dort werden nun alle installierten Themes aufgelistet, die dann mittels Klick auf &#8222;aktivieren&#8220; direkt live geschaltet werden k\u00f6nnen.<\/p>\n<p>Manche Themes erlauben zus\u00e4tzliche Einstellungsm\u00f6glichkeiten, welche als Unterpunkt des Apperance \/ Darstellungs Menus angezeigt werden. In meinem Screenshot findet man die &#8222;Cutline Options&#8220;, welche sich auf mein Cutline Theme beziehen. Aber nicht wundern &#8211; manche Themes haben gar keine Extraoptionen.<\/p>\n<h3>Themes nach eigenen W\u00fcnschen anpassen<\/h3>\n<p>Wer sich mit CSS und HTML auskennt, kann das gew\u00e4hlte Theme auch komplett nach eigenem Ermessen ver\u00e4ndern. Dazu muss man lediglich die entsprechenden Dateien in dem Theme-Ordner editieren. Die wichtigsten sind:<\/p>\n<ul>\n<li><b>index.php<\/b> &#8211; Rendert die Startseite des Blogs<\/li>\n<li><b>header.php<\/b> &#8211; Der obere Bereich, der auf allen Seiten gleich ist (z.B. auch die Hauptnavigation)<\/li>\n<li><b>footer.php<\/b> &#8211; Der untere Bereich, der auf allen Seiten gleich ist (gute Stelle um Counter und Tracking System einzubauen)<\/li>\n<li><b>single.php<\/b> &#8211; Das Script was die einzelnen Postings rendert<\/li>\n<li><b>404.php<\/b> &#8211; Fehlerseite, wenn jemand versucht eine Seite zu \u00f6ffnen, die es nicht (mehr) gibt.<\/li>\n<\/ul>\n<p>In meinem n\u00e4chsten Posting werde ich einige Optimierung hinsichtlich der Suchmaschinen-Erfassung von WordPress in diesen Dateien vornehmen.<\/p>\n<h3>Plugins und Widgets installieren<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/06\/Bild-1.png\" alt=\"Plugins Menu\" title=\"Plugins Menu\" width=\"160\" height=\"100\" class=\"alignright size-full wp-image-26\" style=\"float:right\"\/> Neue Plugins werden genauso wie die Themes installiert &#8211; einziger Unterschied ist, dass sie in den Ordner &#8222;wp-content\/plugins&#8220; geladen werden. <b>Widgets werden ebenfalls in diesen Ordner geladen<\/b>. Ich will noch kurz auflisten, welche Plugins bzw. Widgets ich zu diesem Zeitpunkt installiert habe:<\/p>\n<h5>Syntax Highlighter Evolved<\/h5>\n<p>Download unter: <a href=\"http:\/\/www.viper007bond.com\/wordpress-plugins\/syntaxhighlighter\/\" target=\"_blank\">Viper007Bond.com<\/a>.<br \/>\nDieses Plugin ist super praktisch wenn man <b>Quelltexte in seinen Blogartikeln posten<\/b> m\u00f6chte. Die Standard WordPress Engine zerhaut gerne mal Quelltexte und zeigt sie nicht so an wie man es gerne m\u00f6chte. Syntax Highlighter hilft und formatiert obendrein den Quelltext noch sehr sch\u00f6n (siehe weiter oben bei den MySQL Befehlen). <\/p>\n<h5>Twitter Widget<\/h5>\n<p>Download unter: <a href=\"http:\/\/seanys.com\/2007\/10\/12\/twitter-wordpress-widget\/\" target=\"_blank\">Seanys.com<\/a>.<br \/>\nDieses Widget ist bei den Blogs auf WordPress.com automatisch installiert &#8211; bei selbstgehosteten Blogs allerdings nicht. Es ist sehr simpel und tut was es soll &#8211; es <b>zeigt die neuesten Tweets eines Twitter Benutzers<\/b> an. In den Optionen w\u00e4hlt man den Twitter-Benutzernamen aus (vorzugsweise den eigenen) und die Anzahl der anzuzeigenen Tweets.<\/p>\n<h3>Archiv Fix<\/h3>\n<p> Bei meinem <a href=\"http:\/\/cutline.tubetorial.com\/\" target=\"_blank\">&#8222;Cutline&#8220; Theme<\/a> kam es zu einem <b>Problem mit der Archive-Anzeige<\/b>. Dort wurde immer wieder ein 404 Fehler angezeigt. Die Behebung des Problems war relativ einfach: Einfach eine Page mit dem Namen &#8222;Archives&#8220; anlegen und bei der URL darauf achten, dass &#8222;\/blog\/archives&#8220; als Pfad gesetzt wird. Das wars schon.<\/p>\n<h3>Ping Dienste einstellen<\/h3>\n<p>Die soggenanten <a href=\"http:\/\/en.wikipedia.org\/wiki\/Ping_(blogging)\" target=\"_blank\" title=\"Wikipedia Artikel \u00fcber Ping (in Englisch)\">Ping Dienste<\/a> <b>helfen dem Blog sich im Netz zu verbreiten und so neue Leser zu finden<\/b>. Ohne jetzt zu sehr auf die Technik eingehen zu wollen, basiert das System auf einem simplen System: <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/hjacob.com\/blog\/wp-content\/uploads\/2009\/06\/Bild-6.png\" alt=\"Settings - Writing Options\" style=\"float:right\" title=\"Settings - Writing Options\" width=\"151\" height=\"235\" class=\"alignright size-full wp-image-56\" \/> Nachdem ein neuer Artikel geschrieben wurde, sagt WordPress anderen Seiten bescheid, dass es was neues gibt. Diese schauen sich den neuen Artikel an und berichten wiederum ihren Lesern von diesem neuen Artikel. Fr\u00fcher musste man einer Vielzahl von Ping Services bescheidgeben, was dazu f\u00fchrte, dass WordPress beim Speichern eines Artikels ziemlich lange besch\u00e4ftigt war. Dieses Problem ist mittlerweile behoben, da es einen freundlichen Service (&#8222;<a href=\"http:\/\/www.pingomatic.com\" target=\"_blank\">pingomatic<\/a>&#8222;) gibt, der sich zur Aufgabe gemacht hat den zig anderen Services bescheid zu geben. Damit ich noch weiter abschweife, hier die <b>Liste an Ping Services<\/b> die man in den Optionen &#8222;Einstellungen -> Schreiben&#8220; (im Englischen: &#8222;Settings -> Writing&#8220;) setzen sollte:<\/p>\n<ul>\n<li>http:\/\/blogsearch.google.com\/ping\/RPC2<\/li>\n<li>http:\/\/rpc.pingomatic.com\/<\/li>\n<li>http:\/\/ping.wordblog.de<\/li>\n<li>http:\/\/blogpingr.de\/ping\/rpc2<\/li>\n<\/ul>\n<p>Einige sagen, man brauche Googles Ping Service nicht extra anpingen, da das Pingomatic \u00fcbernimmt. Ich w\u00fcrde aber raten, da auf Nummer sicher zu gehen. Schlie\u00dflich kann es jederzeit vorkommen, dass Pingomatic in Performance-Engp\u00e4sse ger\u00e4t oder gar ganz down ist. Das w\u00e4re gleich doppelt bl\u00f6d: man w\u00fcrde es n\u00e4mlich gar nicht mitbekommen und so w\u00fcrden gar keine Pings gesendet werden. Daher gehe ich lieber auf Nummer Sicher und schicke zumindest an den wichtigsten Ping Service, also Google, einen seperaten Ping ab &#8211; doppelt h\u00e4lt besser :).<\/p>\n<h3>Zusammenfassung<\/h3>\n<p>WordPress nach seinen eigenen W\u00fcnschen optisch Anzupassen ist kinderleicht, sofern man es auf dem <a href=\"\/blog\/2009\/06\/anfanger-anleitung-wordpress-installation\/\">eigenen Server installiert<\/a> hat. Wenn man &#8222;nur&#8220; einen Account auf WordPress.com hat, muss man mit den dort angebotenen Themes vorlieb nehmen und kann diese auch nicht anpassen. Weitere Ping Services und SEO Tricks (siehe n\u00e4chste Beitrag) helfen neuen Blogs an Bekanntheit zu gewinnen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine Anleitung wie man Themes, Plugins und Widgets in Wordpress hochl\u00e4dt und verwaltet. Dar\u00fcber hinaus wird auf Ping Services und dem Archiv Fix eingegangen.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36,13,3,5],"tags":[32,366,30,33,15,368,29,27,31,367,28,365],"_links":{"self":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/34"}],"collection":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":27,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":1380,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/posts\/34\/revisions\/1380"}],"wp:attachment":[{"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hjacob.com\/blog\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}