Kategorie: Wordpress

  • Hacker lass es sein

    Hacker lass es sein

    Heute erlebe ich mal wieder den Versuch sich auf dem Blog Zugang zu verschaffen. Nachdem es einmal bösen Buben von einem englischen Computer aus gelungen war meine Seite zu korrumpieren, habe ich meine Hausaufgaben gemacht und meinen Blog gehärtet. Eine der ersten Maßnahmen ist das Abschaffen des Logins für einen User namens Admin/admin.

    Ich kann mich relativ entspannt zurücklehnen, da ich außerdem ein Plugin nutze, dass nach einer bestimmten Anzahl von ungültigen Login-Versuchen die attackierende IP Adresse sperrt.

    2ksvhkm3

    Das Plugin finden Sie auf devel.kostdoktorn.se unter dem Namen Limit Login Attempts.

    Homepage des Plugins "Limit Login Attempts"

    Ein wenig Lesefutter bezüglich des Härtens einer WordPress-Installation finden Sie bei bei Perun auf www.wpbuch.de im Artikel “WordPress installieren und sicherer machen”.

    Viel Erfolg bei der Abwehr böser Buben.

  • Wie sieht die Webseite auf verschiedenen Endgeräten aus

    Wie sieht die Webseite auf verschiedenen Endgeräten aus

    Als Webseitenbetreiber sollte man sich immer Gedanken machen, wie die eigene Seite mit verschiedenen Bildschirmauflösungen oder mit verschiedenen Webbrowsern und auf verschiedenen Endgeräten aussieht. Früher hat man mehrere Browser auf dem Rechner installiert um zumindest die wichtigsten abzudecken wie IE und Firefox, jetzt sucht man nach den Tools im Internet.

    Heute lief mir die Seite der RESPONSIVE MACHINE von agentur360.de über den Weg.

    Fazit: Selbst auf kleinen Geräten sieht das bei elmastudio.de erworbene Waipoua für meine WordPressinstallation gut aus!

    Einfach Adresse im Eingabefeld in der rechten oberen Ecke eingeben, unten das Gerät auswählen und dann auf “Check” klicken.

    Webseite in der Responsiven Maschine betrachten

    Viel Erfolg beim Überprüfen Ihrer Seiten.

  • Ich hab’s getan

    Ich hab’s getan

    Lange Zeit habe ich eine angepasste Version des Designs “Freshy” von Julien De Luca in meinem Blog verwendet. So sah es bisher aus.

    n0ckh1a2

    Ich wollte ein klares Design, das auch auf Tabletts und Smartphones gut lesbar ist. Ich entschied mich für das responsive, mobile-first Theme Waipoua von Ellen und Manuel von elmastudio.de, das auf gute Lesbarkeit setzt und modern und großzügig gestaltet ist.

    Nun ist es vollbracht und bis auf einen Fehler beim Erzeugen eines benutzerdefinierten Menüs gab es keine Probleme.

  • Es stimmt nicht!

    Willkommen bei WordPress3.4

    Vielen Dank für das Aktualisieren auf die neueste Version! WordPress macht deine Webseite besser, schneller und noch attraktiver, genau wie dich.

    wp34

    Stimmt nicht! Ich bin genauso attraktiv wie vorher. Cooles Smiley

  • Kostenlose Video Tutorials in Deutsch bei vidorial.com

    Die Seite von Vidorial.com ist im Netz nicht mehr erreichbar. Die Kanäle bei Twitter und Facebook existieren zwar noch, die letzten Einträge stammen jedoch vom 14.11.2011 (Twitter) bzw. 12.04.2012 (Facebook).

    Durch @fctberlin, sie betreibt die Seite "Frauen Computer Training Berlin", wurde ich auf eine “Perle” im Netz der Netze aufmerksam. Da ich persönlich sehr gern mit Videos arbeite und diese auch meinen Schülern weiterempfehle, bin ich immer auf der Suche nach derartigen Angeboten. Zur Webseite gelangen Sie durch einen Klick auf das folgende Bild oder hier. Link ist tot.

    vidorial.com

    Videos zu folgende Themen sind nicht mehr verfügbar:

    Office

    • MS Office 2010, 2007 und 2003 mit Word, Excel, Outlook, Powerpoint, OneNote und  Access
    • OpenOffice mit den Anwendungen Base, Calc, Impress und Writer und
    • Google Docs.

    Foto / Design

    • Photoshop CS3, CS4 und CS5,
    • PS Elements,
    • GIMP,
    • Google Picasa,
    • 3D-Programme wie Cinema 4D und  BodyPaint 3D und
    • Illustrator.

    Audio / Video

    • iTunes und
    • Media Player.

    Betriebssysteme

    • Windows 7,
    • Windows Vista,
    • Windows XP,
    • Ubuntu und
    • Windows Allgemein.

    Anwendungen

    • Browser,
    • Brennprogramme,
    • Information,
    • Kommunikation,
    • Sicherheit und
    • System.

    Webseiten

    • Google mit Google Maps, Google Suche und Google Mail,
    • Youtube und
    • Sonstige.

    Programmierung

    • Visual Basic,
    • CMS-Systeme (eigentlich nur WordPress) und
    • Web 2.0.

    Hardware / Geräte,

    Fun & Games,

    Produktvideos,

    Apps für Apple iOS und Google Android und

    News aus der IT Branche.

    Viel Spaß beim Stöbern.

  • WordPress v3.0.1 ist online

    update Das Update auf WordPress 3.0.1 wurde heute Nacht veröffentlicht und behebt 50 Fehler, keiner jedoch sicherheitsrelevant.

    Die DE-Edition ist seit heute Nachmittag verfügbar.

    Als ich das bemerkte, habe ich erst einmal mit meinem Test-Blog begonnen. Dort funktionierte das automatische Update perfekt. Also ging es der Reihe nach weiter.

    Um hier das automatische Update nutzen zu können, musste ich kurz die Berechtigungen in einem Unterverzeichnis ändern.

    Ich habe alle WordPress-Installationen problemlos umgestellt. Danke an die Entwickler, die diese einfache Updateprozedur ermöglichen!

  • Google Analytics datenschutzgerecht ohne Plug-In in Blog einbauen

    gaSeit einiger Zeit setze ich Google Analytics zum Analysieren der Zugriffe auf meinem Blog ein. Sicher kann man einwenden, so ein winziger Nischenblog braucht das doch nicht, aber ich bekomme somit z.B. sehr gut heraus wann die Nutzer meines Blogs lesen und vor allem auch was sie lesen wollen.

    Blogstatistik für mich scheinbar kostenlos.

    Sicher gibt es Alternativen, aber die sind mit Arbeit verbunden. GA funktionierte vom ersten Tag.

    Zum Einbinden von Google Analytics verwendete ich das Plug-In Google Ana­lytics for Word­Press 4.0.4 von Joost de Valk. Das erfüllte seinen Zweck auch perfekt und ich überwachte damit den Verkehr auf dem Blog.

    Sicher hatte ich immer irgendwie ein mulmiges Gefühl, da Google die Daten in Amerika speicherte und im Ernstfall der dortige Heimatschutz problemlosen Zugriff auf diese Daten habe würde. Hin und wieder hörte man auch in den Medien, dass man sich da ggf. datenschutzrechtlich strafbar machen könnte, auch wenn mir bisher kein derartiger Fall bekannt ist.

    In seinem Post “Google Analytics: IP-Übertragung anonymisieren” zeigt Perun wie man durch Einfügen einer winzigen Zeile Code die Übertragung der IP-Adressen der Besucher in verkürzter Form, also „anonymisiert“ durchführen lassen kann.

    Aus einem anderen Artikel auf wprecipes.com “Insert Google Analytics without editing your theme” kannte ich eine Lösung um Google Analytics ohne Plug-In in den Blog einzufügen.

    Da ich momentan auf dem “Plug-In einsparen Trip” bin, habe ich ganz einfach aus beiden eine Lösung für mich erstellt, die funktioniert und datenschutztechnisch die zentrale Forderung der deutschen Datenschutz-Aufsichtsbehörden erfüllt.

    Sebastian Kraska schrieb in “Google und Datenschutz: Google Analytics erfüllt zentrale Forderung der Datenschutz-Aufsichtsbehörden”, dass Sie datenschutzrechtlich auf der sicheren Seite ist, wenn Sie die folgenden 3 Regeln einhalten:

    1. den Code zum Einfügen von Google Analytics um den Codeschnipsel „_anonymizeIp()“ erweitern (wie in Zeile 06),
    2. die Datenschutzerklärung anpassen und
    3. Diskussion der Aufsichtsbehörden zur Umsetzung der Widerspruchsmöglichkeit verfolgen.

    Einen entsprechenden Text zum Anpassen der Datenschutzerklärung stellt er im o.g. Artikel zur Verfügung.

    Zum Aktiveren von Google Analytics in Ihrem WordPress Blog müssen Sie den folgenden Code in die functions.php, sie befindet sich im Theme-Verzeichnis des von Ihnen verwendeten Designs, einfügen. Noch die Blogkennung ändern und das ggf. bisher verwendete Plug-In deaktivieren.

    Laut Google muss der Code im Head Bereich eingefügt werden. Wer ihn aus Performance-Gründen im Footer-Bereich einfügen möchte, verwendet anstelle “wp_head” in Zeile 00 einfach “wp_footer”.

    add_action('wp_head', 'ga');
    
    function ga() { ?>
      <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'IhreKennung']);
      _gaq.push(['_gat._anonymizeIp']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
    <?php }

    Viel Erfolgt beim Umsetzen des Datenschutzes.

  • Meinen Blog bei Technorati anmelden – Teil 2

    Im Blogpost “Meinen Blog bei Technorati anmelden – Teil 1” beschrieb ich wie ich meinen Blog bei Technorati anmeldete. Ich schrieb, dass zum Abschluss der Anmeldung ein Token/Code in einem Artikel zu posten ist, damit Technorati die Rechtmäßigkeit meiner Anmeldung überprüfen kann.

    Nach dem Posten des Artikels würde sich der Roboter von Technorati den RSS-Feed anschauen und nach dem Token suchen. Ich endete mit folgenden Bild.

    Überprüfen des Blog mittels Aktivierungscode

    Als der Post veröffentlicht war, aus werbetechnischen Gründen neige ich dazu als Veröffentlichungszeit den Bereich zwischen 10:00 bis 11:00 Uhr zu wählen, das ist auch bei mir die Zeit zu der ich beim Arbeiten die erste Pause mache und ggf. einen Espresso trinke und schnell mal schaue was in der Welt so passiert ist. Tipp! – WordPress erlaubt problemlos einen Post zu einem bestimmten Zeitpunkt zu veröffentlichen. Können Sie sehr gut nutzen wenn Sie mal einen Kursurlaub überbrücken müssen.

    Ich gab dem Internet ca. 30 min nach Posten des Artikels, dann klickte ich den Knopf “Verify Claim Token”. Ich erhielt das folgende Bild angezeigt.

    Claim Status - Blog zur Überprüfung angemeldet

    Nach ca. 15min schaute ich das erste mal, ob der Roboter schon etwas getan hat, er hatte meinen RSS-Feed durchgesehen und war fündig geworden. Siehe nächstes Bild.

    Claim Status - Token gefunden, in Bearbeitung

    Eine knappe Stunde später war dann noch mehr zu sehen.

    Claim Status - Überprüft und für gut befunden

    Ein Blick auf die Details zum Blog zeigte dann auch die von mir eingetragenen Daten. Übrigens bedeutet Technorati Authority den Rang innerhalb des Technorati Universums, 1 bedeutet Letzter 😉

    Details zum Blog

    2 Tage nach der Erstanmeldung kam ich dazu nach dem Blog zu schauen. Platz 44.024 und eine Technorati Authority von 118. Da ich am Wochenende aber nicht zum Schreiben kam, musste sich natürlich etwas verändern.

    Stand: 4. Juli 2010

    Nichts ist so schnelllebig wie das Internet, ein Wochenende nicht getan lässt den Blog “absacken”.

    Stand: 5. Juli 2010

    Eben beim Schreiben noch einmal geschaut, es ging wieder hoch, denn heute Nacht hat WordPress ein automatisch generiertes Posting, mit meinen Tweets der vergangenen Woche, erzeugt.

    Stand: 4. Juli 2010 - Platz 45.481 von 1.190.626 Blogs

    Ein 45.481 von 1.190.626 Blogs lässt mich hoffen. Mal sehen, was sich so in den nächsten Wochen bewegt.

    Ich habe dann auch gleich mal die Rankings bei  Seitwert.de und Alexa.com kontrolliert, ja es bewegt sich. Die Anmeldung bei Technorati wurde am 02.07.2010 vollendet.

    Datum Post Seitwert Ranking Alexa Traffic Rank Alexa Traffic Rank (DE)
    29.06.2010 ja 9,17 361.348 8.186.375
    30.06.2010 ja
    01.07.2010 ja
    02.07.2010 ja 9,21 360.954 8.230.709
    03.07.2010 9,28 359.303 3.183.731 132.323
    05.07.2010 ja 9,32 358.335 2.714.408 105.288

    Sicher werden die Experten jetzt sagen, pahh ist ja garnix, aber auch ihr habt einmal klein angefangen und ich versuche nun die Erfolglosigkeit des letzten Jahres zu verstehen und umzukehren. Insofern bin ich auf dem Weg.

    Mit diesem Blogpost habe ich meine Anmeldung bei Technorati beendet. Es ging wider Erwarten problemlos und war nicht zeitintensiv. Ein wenig Englisch sollten sie verstehen. Ich werde zu gegebener Zeit wieder etwas zu den Ranking-ergebnissen schreiben.

    Viel Erfolg mit Ihrer Anmeldung.

  • Meinen Blog bei Technorati anmelden – Teil 1

    Nachdem ich meinen Blog mit Twitter und Facebook vernetzte, standen als nächster Schritt die folgenden Social Media an:

    • digg (Join Digg)
    • Delicious (Sign In)
    • Mister-Wong (Mister-Wong – Jetzt anmelden oder mit Facebook anmelden) und
    • YiGG (Noch kein Mitglied? Register!).

    Die Anmeldung ist simpel. Sie müssen sich nur auf die Seite des jeweiligen Dienstes begeben und nach dem in der Liste stehenden Anmelde Knopf/Link umsehen, der Rest ist selbsterklärend.

    So ist mittlerweile das Scenario, das ich nach einem Blogpost abspule, einheitlich. Aus WordPress heraus lasse ich neue Blogposts in Twitter und Facebook automatisch veröffentlichen.

    Auf meiner Webseite lasse ich durch das WordPress Plugin Sociable von BlogPlay unter jedem Post und auch im RSS-Feed Icons anzeigen, durch einen Klick auf das jeweilige Icon veröffentliche ich den Blogpost im ausgewählten sozialen Medium.

    Ich klicke die o.g. an und erzeuge die Verlinkung händisch. Hier ist das parallele Bearbeiten praktisch, da man die beschreibenden Texte/Zusammenfassungen und Kategorien nur einmal erstellen muss und dann in die einzelnen Anmeldefenster hineinkopieren kann.

    Nun folgt der nächste Schritt in meiner “Werbekampagne”, ich melde mich bei Technorati an. Dort ist der Bestätigungsalgorithmus vor Allem für die Anmeldung des Blogs ein wenig komplizierter.

    Zuerst erzeuge ich einen neuen Account indem ich auf der Technorati-Startseite oben auf den Knopf für “Join”, rechts neben der Lupe klicke.

    Technorati-Startseite

    Nun erscheint das Profilfenster, hier sollten Sie Ihren echten Namen, Ihr Login oder Mitgliedsname, die eMail-Adresse und ein Passwort eingeben. Zum Schluss wird ein Captcha-Code abgefordert, mit dem Sie sich als Mensch outen. Dann sollten Sie sich die  Nutzungsbedingungen von Technorati durchlesen und abspeichern, man weis ja nie. Nun können Sie auf den “Join”-Knopf klicken.

    Technorati Profil

    Nun warten Sie auf die Bestätigungsmail für Ihre eMailadresse, hier klicken Sie auf den Bestätigungslink um Ihre Anmeldung zu bestätigen.

    Nach dem ersten Anklicken des Aktivierungslinks

    Nachdem ich den Aktivierungslink in der Mail angeklickt hatte erschien obiges Fenster, welches mir suggerierte, dass eine weitere Bestätigungsmail unterwegs wäre. Ich habe daraufhin meinen SPAM-Ordner kontrolliert, aber es kam keine zweite Mail von Technorati. Ich habe dann kurzentschlossen nochmals auf den Bestätigungslink der ersten Mail geklickt und erhielt folgendes Fenster angezeigt.

    Nach dem wiederholten Anklicken des Aktivierungslink

    Und siehe da, ich musste mich nur noch einloggen (log in) und gelangte zur Startseite von Technorati.

    Technorati Startseite - Benutzer ist angemeldet

    Nun begeben Sie sich zur Ihren Account-Einstellungen http://technorati.com/account. Dort rollen Sie bis an den unteren Rand und finden die Überschrift “My claimed blogs”, dort gibt es noch keine Einträge und Sie tragen nun hier die Adresse Ihres Blogs ein.

    den Blog bei Technotati anmelden

    Nach Klick auf den Claim-Knopf gelangen Sie zum Dialog um die Daten Ihres Blogs einzutragen, je genauer Sie Ihren Blog beschreiben um so besser wird Ihr Blog gefunden werden.

    Dialog um die Daten Ihres Blogs einzutragen

    Klicken Sie nach dem Eintragen der Pflichtangaben auf “Proceed to the next step”. Das nächste Fenster ist das Status-Fenster. Früher stand hier, dass Technorati eine Mail schickt, wenn Ihre Seite überprüft ist. Heute kommt keine Mail mehr.

    Status-Fenster

    Klicken Sie im Statusfenster auf den “Return to profile”-Knopf und Sie gelangen zu “My claimed blogs”.

    der Blog ist bei Technorati gemeldet

    Sie klicken bitte auf den Knopf “Check Claim” und Sie gelangen zum nächsten fenster “Claim Status”. Hier finden Sie nun einen Code, der von Technorati in einem Ihrer nächsten Blogposts erwartet wird.

    Überprüfen des Blog mittels Aktivierungscode

    Nun schreiben Sie einen Blogpost der den Technorati Code enthält, ich habe diesen gleich benutzt um eine Anleitung für die Anmeldung bei Technorati zu erstellen. Den Code habe ich in einen Kommentarbereich eingefügt.

    Jul 01, 2010. Technorati will need to verify that you are an author of the blog by looking for a unique code. Please put the following short code XEMKSDBJG7TD within a new blog post and publish it. Once it is published, use the „Verify Claim Token“ button to tell Technorati your blog is ready for verification.

    ACHTUNG! Sollten Sie in Ihrem Feed nur Zusammenfassungen zeigen, nicht wie hier auf diesem Blog, so müssen Sie den Code in die Zusammenfassung schreiben.

    Mit diesem Blogpost habe ich nun meine Anmeldung bei Technorati begonnen. Das weitere Vorgehen werde ich dann unter “Meinen Blog bei Technorati anmelden – Teil 2” weiterführen.

    Viel Erfolg mit Ihrer Anmeldung.

  • Einen eigenen Avatar erstellen – Teil 2

    mein Avatar von avatara.com In “Einen eigenen Avatar erstellen” können Sie die Erstellung eines eigenen Avatars über Dookyweb, Simpsons Movie, Southpark Studios bzw. MadMenYourself nachlesen.

    In “Avatare/Gravatare mit WordPress verwenden” erfahren Sie Grundlagen zu Avataren und wie diese in WordPress verwendet werden können.

    Im Teil 2 stelle ich einige ausgefallenere Dienste wie PortraitMail.com, DreamAvatar von tektek.org und Avatara vor.

    1 PortraitMail.com

    Bei PortraitMail.com sendet man ein Foto per Mail ein und bekommt einen gerenderten anime-orientierten Avatar zurück. Ich habe es noch nicht ausprobiert, die im Netz gefundenen Ergebnisse sehen jedoch vielversprechend aus. Leider habe ich nur wenige Hinweise bezüglich der Bildqualität gefunden. Einzig Hinweis Dateigröße <100 kB und eine Frontalaufnahme vor weißen Hintergrund soll die besten Ergebnisse liefern.

    PortraitMail.com ist eine Untersektion von Abi-station.com, dort gibt es weitere Möglichkeiten zum Erstellen manga-inspirierter Avatare. Leider sind die Abmessungen eher klein.

    portraitmail.com

    2 DreamAvatar von tektek.org

    Der DreamAvatar von tektek.org erlaubt bei Kenntnis typischer Manga-Charaktere mannigfaltige Einstellungen. Über 500 Seiten mit Gestaltungsmöglichkeiten gibt es. Der DreamAvatar hat nur eine Größe von 120/150, für die Auswahl der Ausrüstung sollten Sie gute Augen haben oder sich mit einer Lupe bewaffnen. Nach dem Erstellen des Avatars erhalten Sie eine Link über den Sie ihn herunterladen können.

    dreamavatar

    3 Avatara.com

    Bei Avatara.com können Sie sich animierte 3D Avatare erstellen. Sie können einen Standardcharakter auswählen und diesen dann “Anziehen” oder sie laden ein Bild von sich hoch und lassen sich Ihren ganz speziellen Avatar berechnen.

    avatara1

    Dazu benötigen Sie ein hochauflösendes Bild, der Abstand zwischen Kinn und Augen sollte mehr als 400 Bildpunkte betragen, die Dateigröße sollte mehr als 500 kB sein. Es muss sich um eine Frontalaufnahme von Kinn bis zum Haaransatz handeln und das Bild ist in Farbe aufzunehmen. Die weiteren Kriterien können Sie auf der Seite nachlesen.

    avatara2

    Ich habe einen Schnellschuss aus der Hand im Weitwinkelmodus gemacht, daher hat mein Avatar eine sehr dominante Nase. Also, Foto am besten von einer zweiten Person bei weichem Licht und nicht im Weitwinkelmodus machen lassen, der Hintergrund ist uninteressant.

    Portraitfoto out of Cam avatara1

    Nach dem Hochladen des Bildes müssen Sie 11 Messpunkte positionieren. Dann beginnt das Programm zu rechnen, Sie können in der Zwischenzeit den Körper Ihres Avatars erstellen und ankleiden.

    avatara3

    Nach einer Weile bekommen Sie eine Mail, dass Ihr Avatar fertig berechnet ist, gab es Probleme, so werden Sie ebenfalls informiert. Nun können Sie Körper und Kopf vereinen, die Augen- und Haarfarbe und –form wählen. Nach der Wahl der Statur, die leider nur wenig Auwahl ermöglicht, können Sie ihren Avatar anziehen. Hiernach können Sie mit den verschiedenen Animationsmöglichkeiten spielen. Sind sie fertig so wird Ihnen ein Link auf Ihren Avatar zugeschickt.

    Weitere Hinweise zu Avataren finden Sie bspw. bei Ellen vom Elmastudio unter “Cartoon Yourself – deinen eigenen Cartoon-Charakter online erstellen”.

    Viel Spaß beim Erstellen Ihres Avatars. Und Tschüss!

    wave_328