Wordpress

WordPress: Anmeldeversuche einschränken

Aufmerksam geworden durch einen Post von ElmaStudio (Tipps zur Sicherheit von WordPress) hab ich mir das WordPress-PlugIn „Limit Login Attempts“ angeschaut. Das PlugIn schränkt die Anmeldeversuche an WordPress ein, was ja ein durchaus sinnvolles Feature ist (wunderlich nur, dass dies nicht schon von Haus aus in WordPress eingebaut ist) – standardmässig sind die Anmeldeversuche auf „unendlich“ gesetzt, was in der heutigen Zeit nur noch wenig sinnvoll ist. ;-)
Wenn ihr euch für das PlugIn interessiert, ihr findet dieses unter: http://wordpress.org/extend/plugins/limit-login-attempts/

Yoothemes: Steam Theme

Und hier wieder einmal der „monatliche Hinweise“ auf das neuste Joomla/Wordpress Theme aus dem Hause Yoothemes.Com ;-)

Steam Theme: „

Check out ‚Steam‘ our latest theme release for June 2012! It’s fresh and colorful design works perfectly any kind of event, magazine, blog or company website. With a modern layout you can present all your essential information to your visitor in a clean and direct way. Then to get a bit fancy, just combine it with our powerful Widgetkit and you have built an cutting edge website! All in all this theme offers 8 different very detailed color variations, 4 module styles and 13 different fonts. You can use this theme with Joomla or WordPress and it is based on the Warp6 theme framework which uses modern web technologies like HTML5 markup, CSS3 features and jQuery based JavaScripts.

All our frequent blog readers surely noticed that this is our last theme which will support Joomla 1.5 and Internet Explorer 7. You can read more on this topic in our last blog post Goodbye Joomla 1.5 and IE7

Available for Joomla and WordPress
8 style variations available
Choose from 13 fonts
4 module style combinable with 4 badges and 6 icons
Smooth CSS animations
Flexible template and column widths
All Warp framework features are available

Joomla Demo
WordPress Demo

“

(Via YOOtheme.)

In eigener Sache: Happy Birthday ostermeier.net

Genau heute vor drei Jahren wurde www.ostermeier.net auf Basis von WordPress gelaunched. Die Domain hab ich schon 18. Mai 1998 und bis vor dem Zeitpunkt vor 3 Jahren liefen dort gute, alte HTML Seiten, die in „Handarbeit“ erstellt und dann mittels FTP übertragen wurden. Da mir dies irgendwann zu lästig wurde, hab ich nach einem CMS gesucht. Neben Joomla und Typo3 gabs damals noch WORDPRESS. Der Funktionsumfang, die Erweiterbarkeit mittels Plugins und der „einfach Einstieg“ waren die Hauptgründe, warum ich mich dann für WordPress entschieden habe. Das „Ding“ läuft seit den 3 Jahren durch und hat auch einen Umzug auf eigene Hardware einigermassen gut überstanden.
Die Besucherzahlen steigen stetig, wie der eingebaute Google Analytics Screenshot zeigt. Was mich sehr freut, aber auch so im Hinterkopf den Gedanken reifen läst, wie lange die verwendete Hardware da noch mitmacht. ;-)
Vielleicht noch ein paar interessante Eckdaten zum aktuellen Webseiten-Status:

derzeit gibt es 441 Artikel
9 feste Seiten
19 Kategorien
817 Tags / Schlagwörter
86 Kommentare

Das Layout von ostermeier.net hat in den letzten Jahren einige Veränderungen durch gemacht – was ja dank den Templates von WordPress ja durchaus relaltiv einfach zu bewerkstelligen ist. Momentan, und auch bereits seit einiger Zeit, verwende ich für diese Webseite das Theme „Nano“ von yoothemes.com und bin damit sehr zufrieden. :-)

Was mir gerade bei den Recherchen zu diesem Post aufgefallen ist, ist, dass nicht nur die WordPress-Installation und somit das neue Aussehen Geburtstag feiert, sondern auch die eigentlich URL. Die „ostermeier.net“ ist nun seit ziemlich genau 14 Jahren in meinem Besitz und in Verwendung als Webadresse, für meine privaten Emails und als URL für meinen Mailserver. Puh, 14 Jahre…das waren damals die ersten „Gehversuche“ des Internets. Ist das wirklich schon wieder so lange her? Sind wir schon so alt? Zeit zum Nachdenken. Aber auch Zeit um nach vorne zu schauen und gespannt zu sein, was das „Internet“ noch so alles zum Vorschein bringt und wie sich die Verwendung so mancher „Dienste“ verhalten und entwickeln wird. Wird die nächste Generation der Internetnutzer noch wissen, was eine Emailadresse oder FTP war? Oder wird es einige große „Diensteanbieter“ geben, wo man alles bekommt, was der „normale“ Internetuser so braucht? Spannend. Aber ich bin froh, dass ich die „Anfänge des Netzs“ einigermassen live miterleben durfte und möchte diese Erfahrungen auf keinen Fall missen. Auf zu neuen Zeiten. Auf in die Zukunft, dem unentdeckten Land.

Rapid WordPress Cloner 1.0.4

Bin ja mal gespannt, ob ich mich an das Tool noch erinnere, wenn ich mal wieder eine WordPress-Seite umziehe. ;-)

Rapid WordPress Cloner 1.0.4 – Easily move your WordPress site to a new server.. (Commercial): „

Rapid WordPress Cloner allows you to easily clone your WordPress site!

Enter your site details for one-click transfer
Automatically fixes site references to point to your new site
Works with any hosting provider that has FTP site access
No need to use other software such as FTP clients or database management applications

Version 1.0.4:

Fix passive mode FTP.

Mac OS X 10.5 or later

Download Now

“

(Via MacUpdate: Recent Mac OS X.)

Yoothemes: Subway Theme

Mein Liebings-Theme-Hersteller hat das neue Theme für Mai2012 vorgestellt :-)

Subway Theme: „

Get on board and check our new Subway theme! It brings you a modern boxed layout with a broad range of options for customization. You can choose from various color and transparency options. Explore many beautiful designed details like fresh typography, icons, CSS animations and animated backgrounds. Also this theme brings you some nice custom features: Two new Widgetkit styles for the Slideshow and the Gallery are included. Their design seamlessly fits into the theme. Also notice the fixed social toolbar, which appears if you hover the icon to the right of your browser window. You can use this theme with Joomla or WordPress and it is based on the Warp6 theme framework which uses modern web technologies like HTML5 markup, CSS3 features and jQuery based JavaScripts.

Available for Joomla and WordPress
13 style/color variations available
11 backgrounds and 2 animated backgrounds included
3 background textures combinable with each background
Choose from 11 fonts
2 module styles combinable with 4 colors, 4 badges and 6 icons
All Warp framework features are available

Joomla Demo
WordPress Demo

“

(Via YOOtheme.)

Yoothemes: Space 2 Icon Set

Space 2 Icon Set:

„As promised here comes our second part of our space icon series! Now the Space Crew is complete with a witty robot in three different mood versions, the green twin of the protozoa alien, a satellite, a planet and a flying saucer. So what are you waiting for – with this team you are ready to travel to infinity and beyond! This makes 7 icons altogether. All icons come in 32-bit transparency PNG file format and in 8 different standard sizes, ranging from 16×16 to 512×512 pixels. It makes a total of 56 additional handcrafted icons which are of course optimized for each specific size.

Take a look at the new space icons and join the icon club!

“

(Via YOOtheme.)

Hip, Hip, Hurra – 400 Posts sind geschafft!

Wie in einem vorangegangenen Post schon kurz erwähnt, hab ich nun die 400ter Marke an Posts auf www.ostermeier.net überschritten. Dieses „Jubiläum“ möchte ich zum Anlass nehmen um noch ein paar andere Daten zu erwähnen.

Der erste Post (unter WordPress bei ostermeier.net) erschien am 25. Mai 2009, also vor fast 3 Jahren.
Google Analytics hab ich erst etwas später installiert, am 19. Oktober 2009
Die meisten Besucher an einem Tag hatte ich am 8. Dezember 2011 – da waren es 357!
Sinnigerweise schauten am 8. Dezember 2011 rund 330 Personen auf einen Post von mir, der sich mit einem alten Buch vom Tauchpionier Hans Hass beschäftigt. Nicht das dieser Artikel so ein „Wunderwerk“ wäre, aber ich denke, da zur gleichen Zeit ein 2-teiler im ZDF (glaub ich) über Hans Hass (Yvonne Catterfeld und Benjamin Sadler in den Hauptrollen) lief, waren viele Leute an dem Thema interessiert.

Nachfolgend vielleicht noch der Screenshot von Google Analytics etwas erklärt und in Zahlen erläutert.

im Januar 2010 hatte ich im Schnitt 15 Besucher am Tag
im Oktober 2012 waren es ca. 22 Besucher am Tag
im März 2011 schauten ca. 30 Leute am Tag auf meinen Webseiten was an
im August 2011 waren es dann schon ca. 50 Leute pro Tag
und im Februar 2012 waren wir bei ca. 80 Leute am Tag

Radiance Theme

Wieder ein sehr schönes WordPress/Joomla Theme von meinem bevorzugten Theme-Lieferanten ;-)

Radiance Theme:

Check out „Radiance“ our brand new theme release for April 2012! It’s vibrant and colorful design suits perfectly any kind of software, gaming or product website. To showcase your content this theme uses the new screen style of the Widgetkit slideshow with the eye-catching swipe effect. It also offers a fancy firefly background effect and other custom options such as 10 different colors, 3 module variations and 15 font styles. You can use this theme with Joomla or WordPress and it is based on the Warp6 theme framework which uses modern web technologies like HTML5 markup, CSS3 features and jQuery based JavaScripts.

Available for Joomla and WordPress
10 style variations available
Fancy FireFly effect
3 module style combinable with 4 badges and 6 icons
4 system styles matches perfectly with the module styles
Flexible template and column widths
All Warp framework features are available

Joomla Demo
WordPress Demo

“

(Via YOOtheme.)

Ein Apple Touch Icon für die eigene Webseite erstellen

Prima Anleitung zum Erstellen eines eigenen Touch Icon. Schön kurz und knapp, aber es funktioniert. ;-)

Anmerkung noch an die Leute, die Themes von yoothemes.com verwenden:
Bei mir war es so, dass im aktuellen Theme es bereits eine Daten „apple_touch_icon.png“ im Hauptverzeichnis gab. Das war ein Bild mit einem WordPress-Logo. Ich musste nur dieses ersetzten und gut war.
War mir noch aufgefallen ist: In dem Code-Schnippsel, den man in die header.php des Themes einbaut, wird der Dateiname mit Bindestrichen geschrieben. Bei mit im Themes-Root, war die vorhandene Datei mit Unterstichen benannt.

Danke, Ellen für den tollen Artikel.

Ein Apple Touch Icon für die eigene Webseite erstellen:

Mit Hilfe eines Apple Touch Icons kann man sich bestimmte Webseiten auf dem Home-Screen des iPhones oder iPads abspeichern. So kann man immer wieder schnell auf seine Lieblings-Webseiten zugreifen. Besonders schön ist es, wenn diese Webseiten ein extra vorbereitetes Apple Touch Icon anbieten, denn standardmäßig wird nur ein verkleinerter Screenshot der Webseite als Icon angezeigt. Mit einem integriertem Apple Touch Icon wird es möglich, das eigene Logo oder ein zum Webdesign passendes Symbol zu verwenden. Und so funktioniert’s:

Das Icon erstellen

Ein Apple Touch Icon kann man ähnlich wie ein Favicon ganz leicht erstellen. Es wird lediglich ein PNG-Bild im Format 128×128 Pixel benötigt. Den Glanz-Effekt und die abgerundeten Ecken muss man nicht selbst erzeugen. Diese Effekte werden von Apple automatisch hinzugefügt. Dann lädt man sich das Icon in den eigenen Webseiten-Ordner hoch und speichert sich den URL-Pfad des Bildes.

Den benötigten Code einbinden

Innerhalb des head-tags (z.B. unterhalb des Favicon Icons) fügt man jetzt folgenden Code ein:

<link rel="apple-touch-icon" href="http://deinedomain.de/apple-touch-icon.png"/>

Verwendest du WordPress kannst du innerhalb des head-tags in der header.php Datei deinen Code auch in dieser Form einfügen (wenn das Apple Touch Icon Bild im Haupt-Ordner des aktiven Themes eingefügt hat):

<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/apple-touch-icon.png"/>

Icon ohne abgerundete Ecken und Glanzeffekt

Möchtest du keinen Glanzeffekt oder abgerundete Ecken für das eigene Icon verwenden, muss man das vorbereitete Icon mit dem Zusatz »precomposed« abspeichern. Also z.B.:

<link rel="apple-touch-icon" href="http://deinedomain.de/apple-touch-icon-precomposed.png"/>

Weitere Infos zum Apple Touch Icon findest du auch noch auf der Apple iOS Developer Webseite.

Hast du weitere Tipps oder Fragen zur Integration eines Apple Touch Icons? Über dein Feedback und weitere Tipps freue ich mich sehr!

“

(Via Elmastudio.)

Überflieger uberspace.de

Durch die letzte Folge bitsundso #280 „Sehvolutionär“ bin ich durch den Pick von Bastian Wölfle auf den Webhosting-Anbieter ueberspace.de aufmerksam geworden.
Ich konnte mir heute die Webseiten von ueberspace.de mal kurz anschauen und mein erster positiver Eindruck ist nach wie vor vorhanden.
Die angebotenen Dienst / Features umfassen:
SSH. Perl. PHP. Python. Ruby. node.js. Erlang. Lua. Compiler. FastCGI. MySQL. CouchDB. MongoDB. Cronjobs. HTTPS. IMAP. SMTP. Webmail. qmail. vmailmgr. maildrop. SpamAssassin. ezmlm-idx. DSPAM. ~/service. runwhen. Eigene Logs. Backups.
Also alles was man zum Betrieb einer Webseite/Webserver oder für Email benötigt.
Ich muss mich noch genauer mit den Diensten dort auseinander setzten und werden dann weiter berichten…mit diesem Post wollte ich aber allen, die auf der Suche nach einem Webhoster sind, ein guten Vorschlag unterbreiten. :-)

WordPress Artikel kürzen

Ich hab ein sehr schönes Plugin für WordPress gefunden, mit welchen man die Artikel auf der Startseite automatisch kürzen kann. Das Plugin nennt sich „Auto Excerpt everywhere“ und ist unter http://wordpress.org/extend/plugins/auto-excerpt-everywhere/ zu finden. Ich finde diese Variante besser, als Artikel mit dem WordPress integrierten more-Tag zu kürzen. Da muss ich nämlich immer selber dran denken und so macht das ein Stück Software automatisch für mich. ;-)
Es soll auch gehen, dass man ein als Artikelbild ausgewählte Bild in der verkürzten Fassung des Artikels anzeigen lässt, aber dies funktioniert bei mir nur bedingt. Es werden anstelle von einem Bild zwei Bilder angezeigt. Einmal links und einmal rechts von eigentlichen Artikel. Ich bin aber noch nicht drauf gekommen warum dem so ist. Aus diesem Grund hab ich jetzt mal keine Bilder auf der Startseite anzeigen lassen.

WordPress: Artikel zu andern Blogs senden

Da ich mehrere Blogs betreibe (hauptsächlich diesen und den www.apple-swat.de) und manche Artikel (Posts) eigentlich in beiden Blogs gehören, hab ich mir gedacht, es wäre doch nett, wenn man nur einmal einen Artikel schreibt und diesen dann auch zum „Partner-Blog“ senden könnte. Nach einigem Suchen bin ich über ein WordPress-Plugin gestolpert, welches genau diese Funktionalität anbietet. Die Software nennt sich „xPost“ und ist zur Zeit in der Version 1.2.1 erhältlich. In dem Plugin trägt man nach der Installation den Blog und Zugangsdaten (mind. Schreibrechte sind nötig) ein und hat dann im Anschluss wenn man einen neuen Post schreibt die Möglichkeit dieses Artikel auch zu dem anderen Blog zusenden. Dort taucht der Artikel auch wunderbar auf, jedoch muss man sich dort nochmals einloggen und die Veröffentlichung manuell bestätigen. Aber das ist immer noch eleganter, als die Text und Bilder des „Ursprung-Artikel“ in das andere Blog-System zu kopieren.
Ein Tipp noch: Solltet ihr euch mit diesem Thema weiter beschäftigen, so ist für Google-Suchen „crossposting“ ein sehr gutes Stichwort. ;-)

Einen sehr hilfreichen Artikel, der das gleiche Thema/Plugin behandelt findet ihr unter:
http://www.weblog-deluxe.de/duales-bloggen-beitrag-an-andere-wordpress-blogs-posten/

WordPress und die SVG-Dateien

Für ein Webseiten-Projekt waren pixelorientierte Bildformate wie GIF, JPG oder PNG von der Qualität her zu schlecht. die Bilder wirkten immer irgendwie unscharf und flau. Darum bin ich auf die Idee gekommen SVG Dateien zu verwenden (Scalable Vector Griphics). Da es sich dabei um Vektoren-Grafiken handelt, sollten dieses Format im Browser schärfer aussehen und dazu skalierbar sein.
SVG kann man recht gut aus EPS Dateien erstellen. So weit, so gut. Als ich dann jedoch die erstellte Vectordatei im WORDPRESS hoch laden wollte, bekam ich eine Fehlermeldung, dass der Dateityp nicht unterstützt bzw. als unsicher angesehen wird und somit nicht upgeloaded wird. Toll.
Eigentlich dürfte es ja nicht so schwer sein, weitere Dateitypen dem Upload-Manager von WordPress bei zubringen. Ich dachte da so an einen Eintrag in irgendeine Config-Datei…aber ich bin dann auf eine elegantere Möglichkeit gekommen. Mit Hilfe eine Plugins ;-)

Das Teil nennt sich „WordPress Mime Config“ und kann unter http://blog.ftwr.co.uk/wordpress/mime-config/ runter geladen werden. Nicht wundern, die Webseite schreibt irgendwass, dass das Plugin von 2006 wäre, aber die ZIP Datei läßt sich ohne Probleme im WordPress installieren und anschliessen wird gleich ein Update angeboten.
Nun muss man nur noch den neuen Dateityp mit Hilfe des Plugins eintragen und somit für den Upload freischalten. Hier noch ein kleiner Tipp: als Dateiendung trägt man „svg“ ein. Als Mime-Type „image/svg+xml“. Und schon frisst der Upload auch diese Dateien.

Anmerkung:
So schön, wie das ganze funktioniert, habe ich doch noch ein Problem…hauptsächlich im Safari Ver. 5.
Die aktuelle Apple Browser Version unterstütz keine Effekte in SVG Dateien. :-(
Andere aktuelle Browser wie Firefox oder IE9 stellten meine SVG-Datei (mit Farbverlauf) korrekt da. Toll.

(WordPress) Widget Context Plugin

Heute möchte ich mal wieder ein WordPress Plugin vorstellen. Es nennt sich „Widget Context“ und mit dessen Hilfe kann man Widgets auf bestimmten WordPress-Seiten anzeigen lassen oder auch dekantieren. Das ganze funktioniert auch mit angemeldeten oder nicht angemeldeten Usern, aber auch mit Kategorien.
Zur Info:
Hatte davor das Plugin „Widget Display“ ausprobiert. Dieses hätte mir auch gut gefallen und hat auch eigentlich wunderbar funktioniert, doch leider bekam ich immer eine Fehlermeldung (Only up to 6 modules are supported in this layout. If you need more add your own layout.) auf den Seiten, auf denen ich die Widgets NICHT anzeigen wollte.

Neue Modul-Position in Yoothemes-Themes WordPress einbauen

Hab mich in der letzten Zeit wieder etwas mehr mit WordPress, oder genauer gesagt, mit Layouts/Themes von Yoothemes.com befasst und auseinander gesetzt. Bei den Standard-Themes sind mir ab und zu die Module in die man Widgets ablegen kann zu wenig. Nachfolgend eine frei übersetzte Anleitung, wie man sich selbst weitere Modul dazu programmieren kann.

In die Datei „template.xml“ muss die neue Position eingetragen werden. Wir nennen diese jetzt mal „top-c“.Die XML-Datei befindet sich unter WordPress in: wp-content/themes/theme_name.
Als nächstes legen wir die Module-Layout-Optionen für die neue Modul-Position fest. Dazu benötigen wir die Datei config.xml, die ebenfalls im Theme-Root-Verzeichnis zu finden ist.
Nun wollen wir die neue Position des Moduls im Main-Template hinzufügen.Wir öffnen die Datei layouts/template.php. Am besten kopiert man sich den Code erstmal von einem bestehenden Modul, z.B. „top-b“.
Als nächstes legen wir einen Standard-Style für die neue Modul-Position fest. dies geschieht über die Datei layouts/modul.php. Am besten erst einmal wieder den Code von „top-b“ kopieren.
Als Letztes müssen wir noch die Modul-Höhe anpassen. die passiert in der Datei js/template.js. Suche dort nach einem bereits bestehenden „matchHeight()“ Eintrag und kopiere diesen.

Die Original-Anleitung findet man unter:
http://www.yootheme.com/themes/documentation/customizing/create-a-new-module-position

Nachfolgend noch ein paar Screenshots dazu: