Category Archives: WordPress

Mit html und php ein einfaches Kontaktformular erstellen mit captcha abfrage

Mit html und php ein einfaches Kontaktformular erstellen mit captcha abfrage

Kontaktformular mit eigener Captcha Lösung? Kein Problem!

Auf Wunsch eines Lesers meines Blogs gibt es nun eine Erweiterung meines beliebten "Einfachen Kontaktformulars",

Jetzt ist es nicht mehr ganz so "einfach" auch wenn ich doch bemüht war es so einfach wie möglich zu halten.

Wie das ganze nun ausschaut und funktioniert sieht man hier.

Die Neuerungen

  • Captcha!!!
  • Bei Fehlerhafter Eingabe werden die eingegebenen Felder wieder übernommen.
  • Bei gelösten Captcha aber Fehlerhafter Eingabe der Kontaktfelder erscheint kein Captcha Feld mehr.
  • Benutzer bekommt eine Rückmeldung über Falscheingaben
  • Wurde alles richtig eingegeben und die Kontaktanfrage  versendet, wird die "session Variable" für das gelöste Captcha zurückgesetzt.

Sonst fast alles wie bisher. Hier den ganzen Artikel lesen

WordPress Sicherheit und admin wordlist

WordPress Sicherheit und admin wordlist

WordPress Sicherheit

Ist dein Blog gefährdet?

Ununterbrochen grasen Scripte im Internet Blogs ab um Seiten zu finden die Standard Passwörter oder sehr einfache Passwörter zum Schutz des Administrations Bereiches benutzen.

Hier den ganzen Artikel lesen

Mit html und php ein einfaches Kontaktformular erstellen

Mit html und php ein einfaches Kontaktformular erstellen

Ein wirklich einfaches Kontaktformular für WordPress und alles andere

Zu einer anständigen Webpräsenz gehört auch eine Kontaktformular. Es gibt viele Wege dies umzusetzen und für mich hab ich diesen gewählt. Dieses Script klappt überall wo html, php und mail zur Verfügung steht. Aber hauptsächlich geh ich hier auf WordPress ein. Wie das Resultat dieses kleinen Scripts aussieht findest du in meinen Kontaktformular.

Grundlagen des Kontaktformular scripts

Es werden 2 Seiten benötigt. Eine html Seite mit dem Formular und eine php Seite die die eingaben per mail verschickt.

Hier den ganzen Artikel lesen

Binlayer.com Einnahmen Script

Binlayer.com Einnahmen Script

sed Script für binlayer.com Einnahmen

Auf einen anderen Internet Seite hab ich binlayer.com Werbung geschaltet. Das ist ein Anbieter für Popup Werbung mit einer angemessenen Vergütung

Ich wollte eine tägliche Meldung haben wie hoch die derzeitigen Einnahmen sind und fand einen weg das umzusetzen. Den ich euch natürlich nicht vorenthalten will.

Hier den ganzen Artikel lesen

WordPress pre tags anpassen

WordPress pre tags anpassen

Tipps für schöne pre tags

Für Blogger wie mich, die viel über Linux schreiben, gehört das pre zu den wichtigsten tags. Da man damit die Konsolen eingaben schön darstellen kann. Leider sind ist der Standard pre tag eher Hässlich.

style.css bearbeiten

Die style.css definiert unter anderem das Aussehen unseres pre tags. Unter WordPress kann die style.css leicht bearbeitet werden. Auf der Admin Seite auf Designs > Editor > Stylesheet (style.css) auswählen.

Die passende Stelle ist schnell gefunden wenn man die Browsersuche (Strg - f) benutzt um nach "pre {" zu suchen.

Mein pre Bereich der style.css sieht so aus:

pre {
    overflow: auto;
    background: #333333;
    color: #aaaaaa;
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.7;
    margin-bottom: 1.7em;
    padding: 0.85em 1.7em
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

Was bedeutet das nun alles?

overflow: auto;                         Erzeugt eine horizontale Scrolleiste
background: #333333;           Definiert die Hintergrundfarbe
color: #aaaaaa;                         Definiert die Schriftfarbe
font: 13px "Courier 10 Pitch", Courier, monospace;  Schriftart und Größe
line-height: 1.7;
margin-bottom: 1.7em;
padding: 0.85em 1.7em
-webkit-border-radius: 5px;     Ist für die abgerundeten Ecken zuständig
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

WordPress Backup mittels rsync und ssh

WordPress Backup mittels rsync und ssh

WordPress Backup mit rsync über ssh

Gabelschlüssel am Hackenich hatte vor einiger zeit mal einen Artikel über das Backup-Erstellen geschrieben. Nachteil dieser Methode von damals ist sicher der enorme Speicherbedarf, der dabei entsteht. Hatte mir innerhalb weniger Wochen die komplette Platte zugeknallt. Da ist doch eine Anpassung angesagt gewesen.

Heute war es dann so weit und ich setzte mich daran ein Backupsystem zu erstellen das über rsync läuft und nicht so viel Datenmenge kreiert.

rsync erste Wahl beim Backup erstellen

rsync ist ein Programm, um Dateien zwischen lokalen oder über das Netzwerk erreichbaren Pfaden abzugleichen. Dabei werden zunächst die Größe und die Erstellungszeit der Dateien in Quelle und Ziel verglichen, so dass nur die Dateien behandelt werden müssen, bei denen es Änderungen gegeben hat. Sind Quelle und Ziel lokale Pfade, werden die betroffenen Dateien normal kopiert. Wenn auf Quelle oder Ziel aber per SSH oder über einen speziellen rsync-daemon zugegriffen wird, nutzt rsync zusätzlichen noch einen speziellen Delta-Transfer-Algorithmus, so dass nur die geänderten Teile der Dateien über das Netzwerk transportiert werden müssen.

Quelle: http://wiki.ubuntuusers.de/Startseite

Also rsync passt wie die Faust aufs Auge wenn es darum geht Sicherungen zu erstellen.

Wenn man also ein Verzeichnis, mittels SSH auf einen andern Server, kopieren will. Schaut der Befehl so aus:

# rsync -avze ssh /zu/kopierendes/verzeichnis benutzer@entfernterserver.de:/ziel/auf/server

Als bequemer Mensch will ich Automatismus

Genau, jeden Tag einen Cronjob um Mitternacht plus email was alles getan wurde.

SSH einrichten

Zuerst müssen wir also eine Authentifizierung über Public-Keys erstellen damit wir kein Passwort brauchen.

# ssh-keygen -t rsa

erstellt ein Schlüsselpaar. Bei dem wir die Passphrase leer lassen. Dann müssen wir den Schlüssel übertragen.

# ssh-copy-id -i ~/.ssh/id_rsa.pub benutzer@entfernterserver.de

Script erstellen

Jetzt brauchen wir noch ein Script, da es mir hier hauptsächlich darum geht ein WordPress Backup zu erstellen muss man auch die sql Tabelle mit sichern.

Starten des Editors

# nano /root/rsyncer

Folgenden Script eintragen. Natürlich an die eigenen Gegebenheiten anpassen.

#!/bin/sh

#mysql datenbanken exporieren. 
 mysqldump DATENBANKNAME -u MYSQLBENUTZERNAME -pPASSWORT > /var/www/wordpressbackup.sql

#rsync des Webverzeichnisses inc. logdatei erstellen
rsync -avze ssh /var/www/ benutzer@entfernterserver.de:/ziel/auf/server > /root/rsyncausgabe

#logdatei mailen
mail -s "rsync Ausgabe" meine@mailadresse.de < /root/rsyncausgabe

Erklärung:
Zuerst wird die mysql Tabelle in das zu sichernde Verzeichnis exportiert.
Dann wird alles übertragen und die Ausgabe in die Datei rsyncausgabe geschrieben. Diese wird wiederum als Mail an mich versendet.

Jetzt nur noch Benutzer und Rechte anpassen und das Script ausführbar machen

# chown root:root /root/rsyncer
# chmod 770 /root/rsyncer

Täglichen cronjob erstellen

Nun ist das Script erstellt und es kann ein cronjob eingerichtet werden. Wer nicht den vi Editor für crontab -e benutzen will, für den hab ich hier eine Anleitung geschrieben wie man auf den nano Editor wechselt.

Als root ausführen:

# crontab -e

und folgendes in die Tabelle um "@daily  /root/rsyncer" erweitern

# Edit this file to introduce tasks to be run by cron.
#
# Each task to run has to be defined through a single line
# indicating with different fields when the task will be run
# and what command to run for the task
#
# To define the time you can provide concrete values for
# minute (m), hour (h), day of month (dom), month (mon),
# and day of week (dow) or use '*' in these fields (for 'any').#
# Notice that tasks will be started based on the cron's system
# daemon's notion of time and timezones.
#
# Output of the crontab jobs (including errors) is sent through
# email to the user the crontab file belongs to (unless redirected).
#
# For example, you can run a backup of all your user accounts
# at 5 a.m every week with:
# 0 5 * * 1 tar -zcf /var/backups/home.tgz /home/
#
# For more information see the manual pages of crontab(5) and cron(8)
#
# m h  dom mon dow   command

@daily                  /root/rsyncer

Damit wird jeden Tag, Punkt Mitternacht ein Backup unseres WordPress oder anderes erstellt.

Google Adsense für Suche in WordPress implementieren

Google Adsense für Suche in WordPress implementieren

Eine Anleitung wie man Google Adsense for Search in einem WordPressblog einbindet / implementiert und das ohne Plugin

Keine Frage die Google Suche ist die beste Suchmaschine im Netz. Darum ist es für uns Webseitenbetreiber von Vorteil, wenn der Besucher die eigene Seite, für eine Suche, nicht verlassen muss, er hat dadurch einen wirklichen Mehrwert. Genauso wie wir Betreiber die ein wenig Geld dafür bekommen.

Doch über die "einfachen" Einstellungen werden unsere Besucher von unserer Seite fortgeführt. Aber man hat auch die Möglichkeit die Suchergebnisse in auf der eigenen Seite zu präsentieren.

So wie es auf dieser Seite der Fall ist. Suchfeld im Widget Feld und die Suchergebnisse auf einer Seite.

 

Einrichten der Suchergebnis Seite

Zuerst erstellt man in WordPress eine neue Seite, hier in diesen Beispiel heißt diese suche. Durch pretty Permalinks wird daraus http://www.burrotinto.de/suche 

 

Einrichtung einer Google Adsense Suche

In Google Adsense einloggen und dort unter dem Reiter "Meine Anzeigen" unter "Weitere Produkte" Suche auswählen.

Dort angelangt "+Neue benutzerdefinierte Suchmaschine" anlegen.

 

Einstellungen:

Name: Egal
Zu durchsuchende Websites: Das gesamte Web
Keywords: keine
SafeSearch: nach belieben
Land oder Gebiet: sollte klar sein
Sprache der Website: wie Land oder Gebiet
Codierung: Unicode (UTF-8)
Transliteration: wers braucht

Benutzerdefinierte Channels: Zur genauen Zuordnung der Einnahmen
Stil des Suchfelds: Nach den eigenen Vorlieben
Länge des Textfelds: 20

Anzeigendesign: auch Gusto

Suchergebnisse: auf meiner Website mithilfe eines iframes
URL, auf der die Suchergebnisse angezeigt werden sollen: (http://www.burrotinto.de/suche )
(genaue EIGENE url der vorhin erstellten WP-Seite)
Breite des Suchergebnisbereichs: 800

dann Speichern und Code abrufen drücken.

Suchfeldcode:

Es erscheinen dann 2 Codes. Der Suchfeldcode und der Suchergebniscode.

Den Suchfeldcode kopiert man in ein Text-Widget und schiebt es an eine passende Stelle.

Suchfeldcode bearbeiten:

Damit alles funktioniert muss der Suchfeldcode im nachhinein noch angepasst werden. Und zwar ist das der action Bereich:

action="http://www.burrotinto.de/suche"

Hier muss der Eintrag zwischen den Klammern angepasst werden indem man das http://www. löscht und ein Slash / stattdessen einfügt. Ergebnis:

action="/burrotinto.de/suche"

 

Suchergebniscode:

Der Suchergebniscode ist dann in die erstellte WP-Seite (http://www.burrotinto.de/suche) im HTML Modus einzufügen.

 

Ein Suchfeld in der Suchergebnisseite

Will man ein Suchfeld in die Suchergebnisseite einfügen muss man dort den Suchfeldcode eintragen und auch hier wiederum den code genauso bearbeiten .

action="http://www.burrotinto.de/suche"

wieder in:

action="/burrotinto.de/suche"

wenn das nicht getan wird kommt es dazu das er die Suchergebnisseite nicht findet weil er die URL an die URL anhängt.

 

Problem mit Werbeblockern

Bei mir klappt dieser weg des Einbindens der Google Adsens Suche, wie man sieht, hervorragend. Ganz ohne irgendein Fremd Plugin. Leider werden die Suchergebnisse bei einigen Werbeblockern nicht angezeigt. Bei mir privoxy.

Kennt jemand da eine Lösung?

pagerank Projekt

pagerank Projekt

esel2_0Der BurroTinto Blog verbessert seinen  PageRank und zeigt dir wie

die Überschrift ist unser Programm. Derzeit (22.04.2012) hat burrotinto.de einen mickrigen PageRank von genau 0. Der soll aber größer werden darum wurde bisher anhand dieser Anleitung einmal versucht was es so bringt.

1. Schritt Anmeldung bei Verzeichnissen

Zuerst wurde dieser Blog in diesen Online-Verzeichnissen eingetragen.

2. Schritt Installation von All in One SEO Pack

hierbei wurde das WordPress Plugin All in One SEO Pack auf unseren WordPressblog installiert und eingerichtet.

3. Schritt bei Google Webmastertools angemeldet

4. Schritt Installation des WordPress SEO von Yoast  zur Verbesserung unseres pageranks

Die Zip Datei heruntergeladen und installiert. Der Einführungstour gefolgt und XML-Sitemap von dem Plugin erstellen lassen und diese bei Google Webmastertools eingereicht.

Bei den Titel Einstellungen wurden dieses Template gewählt. (dank an den eckendenker)

Homepage
Seitentitel Vorlage:  %%sitename%%
Meta Beschreibung-Vorlage: %%excerpt%%

Post
Seitentitel Vorlage: %%title%%
Meta Beschreibung-Vorlage: %%excerpt%%

Das war einmal grob angerissen die bisher getätigten SEO schritte. Mal sehn wie sie sich auswirken werden und wo das ganze hinführt.

Diese Seite wurde nun nach einigen SEO Regeln erstellt und Freut sich auf seine Besucher.

 

Amazon PartnerNet Werbung von Text umfließen lassen

Amazon PartnerNet Werbung von Text umfließen lassen
Amazon PartnerNet Werbung von Text umfließen lassen

Wer WordPress benutzt wird sich sicher fragen wie Amazon PartnerNet Werbung von Text umfließen lassen kann.

amazon-partnernetIn meinen vorhergehenden Eintag hatte ich folgendes Problem. Ich wollt einen Amazon PartnerNet Einzeltitellink einbauen der schön vom Text umflossen wird. Ich wollte es haben weil es thematisch sehr gut zum Text passte und ich WIRKLICH überzeugt von diesem Handy bin. Aber beim Einfügen des HTML codes war es so das das Bild sich nicht in den Texte einfügte. Auch die gängigen HTML Methoden zum Bild umfließen lassen klappten hier nicht. Zum Glück bin ich auf ein Plugin für WordPress gestoßen das genau das erledigt. Es nennt sich Amazon Einzeltitellink von Dietmar Mitterer-Zublasin.

Nach der Installation (Zipdatei entpacken nach /wp-content/plugins/amazon-einzeltitellinks) und Aktivierung in der Adminoberfläche > Plugins können die nötigen einstellungen auf der Adminoberfläche Einstellungen > Amazon Einzeltitellink vorgenommen werden.

[aartikel]B0041O5LNM:left[/aartikel]

damit wird der Amazon Artikel mit dem ASIN Code B0041O5LNM mit einem linken (left) Textumfluss eingefügt. Für einen Rechten muss man right eingeben. Einfach und Genial.
und so sieht das Ergebnis aus. In den Einstellungen kann man einstellen ob der Preis auch angezeigt werden soll oder eben nicht. Ob das Bild groß Oder klein sein soll. Ob im neuen Fenster oder nicht geöffnet wird, Textfarbe, Linkfarbe und einiges mehr ist auch noch einstellbar. Alles in allem ein sehr gutes Plugin. Was mir noch fehlt wäre das nur das Produktbild angezeigt wird wie hier. Ja es dauert nun nicht mehr lange bis Diablo 3 erscheint. Amazon hat mich auch schon darum gebeten die Versandadresse und Konto zu überprüfen weil ich schon so lange Vorbestellt habe. Ich hoffe für meine Frau und Kinder das mich dieser Titel nicht so Fesselt wie der 2.

Mal sehen. Die Nächte können lang werden mit Zahnenden Kindern. MANDUKA umgeschnallt und dann rauf auf den Pezziball. Dann gehts los mit hoppern. Das lieben die kleinen doch. Was immer gut kommt, hab ich allerdings erst beim 2. Kind bemerkt sind Kopfhörer, das können die Babys ungestört schlafen und werden nicht von dem Lärm geweckt. Das ist ein Trick den ich jeden Vater mit auf den weg geben will. Damit kann man lange Zeit nachts sein Kind in den Schlaf wiegen und hat dazu noch etwas Zeit für sich selbst. Vorteil an Der MANDUKA ist einfach das sie schnell umgelegt und das Kind auch auf den Rücken getragen werden kann.

An diesem Text kann man auch schön erkennen das das umfließen sehr gut Funktioniert und sich wunderbar in den Artikel einfügt.

Headerbild: Das Bild konnte nicht bearbeitet werden. Bitte versuche es erneut.

Headerbild: Das Bild konnte nicht bearbeitet werden. Bitte versuche es erneut.

Headerbild: Das Bild konnte nicht bearbeitet werden. Bitte versuche es erneut.

so schön ist der Frühling

Mein kleines Geburtstagsgeschenk

Und das bei einer frischen Installation von WordPress. So was ist ärgerlich da investiert man viel Zeit in die Installation eines Servers und dann so etwas.

Diese Lösung des Problems ist für Leute die ihr WordPress selbst hosten.

Die Lösung dieses Problems sind grafische PHP Bibliotheken die man einfach nach installieren kann und muss.

 

Debian:

# apt-get install php5-gd imagemagick

Arch Linux

# pacman -S php5-gd imagemagick

Danach Apache neu starten
Debian:

# /etc/init.d/apache force-reload

Arch Linux:

# /etc.rc.d/httpd restart

Danach Funktioniert auch das Bilder bearbeiten. Die Kopfzeile kann nun verändert werden und  auch das Bildbearbeiten  in der Mediathek funktioniert nun.

Wenn du allerdings