Simples CSS um alle Youtube Videos auf Deiner Seite responsive anzuzeigen

Um alle Youtube Videos auf Deiner Seite responsive anzuzeigen, benötigst Du nur dieses CSS, mehr nicht. Du musst absolut gar nichts an den iframes von Youtube verändern. Und das ohne Du am iframe Code von YouTube ändern musst. Einfach das folgende CSS in Deine CSS Datei an einer beliebigen Stelle einfügen und gut.
Weiterlesen: Simples CSS um alle Youtube Videos auf Deiner Seite responsive anzuzeigen »

MySQL Dump mit praxisnahen Beispielen einfach erklärt

Ein MySQL Dump eignet sich perfekt dafür auf einem UNIX oder Linux System ein MySQL Backup zu erstellen, da keine weitere Software benötigt wird. Doch wie sind die Optionen, die beim mysqldump Befehl angegeben werden müssen? Ich vergesse es auch immer wieder, so dass ich mir hier im Beitrag ein Gedankenstütze baue. Ich bin mir sicher, dass Du auch davon profitieren kannst. In diesem Beitrag findest Du praxisnahe Beispiele für den Aufruf von mysqldump. Solltest Du noch Fragen offen haben, darfst Du mich gern kontaktieren.
Weiterlesen: MySQL Dump mit praxisnahen Beispielen einfach erklärt »

Yourls URL shortener DSGVO konform umbauen

Yourls ist ein beliebter, selbst gehosteter URL shortener. Mit dem Ende der Übergangsfrist der DSGVO am 25.5.18 muss der Dienst entweder mit einem Anonymizer Plugin nachgerüstet werden oder eine kleine Änderung in der functions.php vorgenommen werden, denn yourls speichert von Haus aus die Zugriffs-IP-Adressen vollständig in einer eigenen Datenbank und kommuniziert mit dem „Mutterschiff“.
Weiterlesen: Yourls URL shortener DSGVO konform umbauen »

Google Tag Manager DSGVO konform einbinden

Ich habe im Rahmen der DSGVO bereits viele Anleitungen zum „Opt-Out mit dem Google Tag Manager“ gelesen und gesehen. Dabei machen alle aber einen und den selben Fehler. Sobald der Google Tag Manager ausgeführt wird, werden Daten bereits an Google gesendet. Dabei ist es dann auch egal, ob man die Ausführung von Analytics, Adwords Conversion etc. verbietet. Die IP und sämtliche andere Daten wandern ja bereits beim Aufruf des Tagmanagers zu Google.

Mit Hilfe meines Skripts können Deine Website Besucher der Ausführung des Google Tag Manager widersprechen und Du damit den Google Tag Manager DSGVO konform einbinden
Weiterlesen: Google Tag Manager DSGVO konform einbinden »

Flyout Navigation Android Touch kompatibel machen

Die meisten Flyout Navigation Menüs im Web, die per reinem CSS und mit Hilfe von Mouseover (:hover) aufgebaut sind, funktionieren nicht auf Touch-Devices (ausgenommen jüngere Apple iOS Devices).

Touch Geräte haben ja kein Hover und können damit die Flyouts nicht öffnen. Ein Tap auf das Hauptelement öffnet sofort die dahinter liegende URL, statt das Flyout aufzumachen. Damit sind solche Menüs auf Touchgeräten nicht funktional. Das musste ich leidvoll erkennen. Meine Navigation auf einem Projekt war bestimmt seit 3 Jahren für Android Gerät quasi nicht nutzbar.
Weiterlesen: Flyout Navigation Android Touch kompatibel machen »

WordPress Benachrichtigung bei neuen Beiträgen

Wenn man als WordPress Admin kontrollieren möchte, wer, wann und was auf der eigenen Multiauthor WordPress Installation veröffentlicht (um bspw. ein Posting nach Veröffentlichung auf Korrektheit der Seitenstruktur zu überprüfen), dann ist ein kleines Plugin ganz hilfreich, dass mich als Admin immer dann benachrichtigt, wenn ein neuer Beitrag beschrieben wurde.
Weiterlesen: WordPress Benachrichtigung bei neuen Beiträgen »

Webserver auf Strato Rootserver einrichten und warten (Debian Ubuntu Server)

Ich stehe wieder vor der Aufgabe einen neuen Server aufsetzen zu müssen weil zwei bestehende auf einen neuen migriert werden sollen. Da bietet es sich ja mal an, die wichtigen Schritte in einem einzigen Beitrag zusammenzufassen um nichts zu vergessen.

Dieser Beitrag geht von einer nackten Ubuntu 14.04 Lts Server Installation auf einem Strato-RootServer aus. Die meisten Schritte können aber 1:1 auch auf anderen Debian Systemen oder Hostern mit Debian System umsetzen.

Bei der Installation des Ubuntu System ist es wichtig, dass der Parallels Plesk nicht mit installiert wird! Plesk ist die Sicherheitslücke überhaupt!

Für die Einrichtung wird ein SSH Client benötigt. Unter Windows nutze ich gern PuTTY. Ansonsten gibt es diese PuTTY Alternativen.
Weiterlesen: Webserver auf Strato Rootserver einrichten und warten (Debian Ubuntu Server) »

disabled select option am mobile Safari =< 5.1realisieren

Ich habe heute mit einem großen Schrecken feststellen müssen, dass der mobile Safari =< 5.1 (und wahrscheinlich auch alle Versionen vor iOS 7.1) keine Optionen in einem Select disablen kann. Trotz des Attributs disabled=“disabled“ wird eine Option angezeigt! Das kann recht unangenehme Folgen haben.

Die einzige Methode, die ich bisher gefunden habe besteht darin, für alle iOS Devices unter iOS 7 mittels JavaScript disabled options komplett aus dem DOM zu entfernen:
Weiterlesen: disabled options komplett aus dem DOM entfernen

Wer Slideshare nutzt muss jetzt sofort handeln!

Wer Slideshare auf einer deutschen Seite eingebettet hat, muss jetzt dringend handeln! Sonst besteht eine hohe Abmahnungsgefahr! Es hat sich nämlich herausgestellt, dass eine Einbindung von Slideshare-Präsentationen nach deutschem Recht datenschutzwidrig ist. Die Embedds enthalten Tracking-Codes, die Drittanbietern IP-Adresse der Nutzer liefern und damit nach deutschem Recht rechtswidrig sind ~ frei nach RA Thomas Schwenke.

Ich habe auf die Schnelle eine Lösung für mich gefunden und möchte sie euch natürlich nicht vorenthalten! Es gibt nämlich einen relativ einfachen Weg einen Hinweis vor der Einbindung des SlideShare iframes einzublenden! Wie auch bei den „2 Click Social Media“ Buttons, werden auch hier erst nach einem Klick auf ein Vorschaubild die SlideShare Slides aktiviert.
Weiterlesen: Hier ist eine mögliche Lösung für das Problem

Bestimmte WordPress Kategorien verstecken, Beiträge in multiplen Kategorien dennoch anzeigen.

In diesem Beitrag geht es darum, wie Du bestimmte WordPress Kategorien auf der Startseite verstecken jedoch Beiträge mit multiplen Kategorien trotzdem anzeigen kannst.

Folgendes Problem: Du möchtest Beiträge einer bestimmten WordPress Kategorie von der Startseite des Blogs verbannen. Du möchtest aber die Beiträge, die zusätzlich noch in einer anderen Kategorie enthalten sind trotzdem angezeigt lassen.

Konkretes Beispiel: Kategorie A soll auf der Startseite des Blogs nicht angezeigt werden. Beiträge, die aber in mehr als nur in Kategorie A enthalten sind, sollen trotzdem angezeigt werden.


Weiter zur Lösung »

Externe html Datei im WordPress Template laden

Wer eine externe html Datei im WordPress Template laden, verarbeiten und dann erst ausgeben möchte, wird an einem include() scheitern, da WordPress die include Datei gleich mit einem echo ausgibt. Es gibt jedoch eine andere Möglichkeit.

Und damit ich diese andere Möglichkeit nicht vergesse, schreibe ich sie hier auf. Damit lässt sich in einem WordPress Template bspw. eine html Datei laden, darauf eine RegEx Funktion anwenden und letztendlich nach der Verarbeitung ausgeben lassen.

Externe html Datei laden, verarbeiten und dann erst mit einem echo ausgeben

Überschriften in WordPress richtig setzen

Ich wurde heute gefragt, wie man in WordPress das Theme so anpassen kann, dass auf der Startseite der Blogtitel und Untertitel als h1 und h2 und auf allen weiteren Seiten nicht als HTML Überschriften ausgegeben werden.

Warum das wichtig ist? Ganz einfach: Auch wenn Google und die anderen Bots sich bereits auf „kaputte“ WordPress Theme Strukturen eingerichtet haben und ein Blog nicht aus den SERP herben, weil die Struktur falsch ist, ist es doch fraglich, ob eine saubere HTML Struktur nicht doch noch mehr Potezial aus dem Blog herausholt! Ich bin davon überzeugt, dass die Website Struktur einen nicht zu vernachlässigenden Einfluss auf die Rankings der einzelnen Unterseiten hat — also sehr wichtig für die Long-Tail-Keywords ist. Vor allem, weil es sich in jedem WordPress Theme relativ einfach umsetzen lässt. Eine kleine if Abfrage und minimale Veränderungen am CSS reichen vollkommen aus.

Weiterlesen: Überschriften in WordPress richtig setzen »

Aus dem PopUp heraus Elemente auf der aufrufenden Seite steuern

Stell Dir eine Situation vor, die verlangt, dass Du aus einem generierten PopUp heraus bestimmte Elemente der aufrufenden Seite (parent site) steuern können musst. Jetzt wäre doch eine Funktionsweise nett, die ohne Ajax und ohne Aufrufparameter oder gar ohne Neuladen der Seite die Optionen auf der ursprünglichen Seite aus dem PopUp heraus verändern könnte, oder?

Ein Beispiel wäre ein PopUp, dass die Auswahlmöglichkeiten in einer Dropdown Liste beschreibt. Für den User ist es dann sicherlich schön bereits im PopUp das Element auswählen zu können ohne die Dropdown Liste noch einmal anfassen zu müssen, oder? Ich denke, da stimmst Du mir zu! Aus UX Sicht vermeidet das einige unnötige Klicks und eine Menge kognitiver Belastung.

Inhalt:

Weiterlesen: Aus dem PopUp heraus Elemente auf der aufrufenden Seite steuern »

Link in neuem Fenster öffnen statt im neuen Tab

Ich wurde heute gefragt, warum ich auf den Aqua Comfort Artkelseiten die „More Info“ Buttons in PopUps öffne, statt sie einfach mit target=“_blank“ zu verlinken. Das hat einen ganz einfachen Grund: target=“_blank“ öffnet den Link in modernere Browsern meist in einem neuen Tab oder im Hintergrund. Viele Menschen, die mit dem Browser nicht versiert sind, verirren sich aber im Wust der offenen Tabs und wissen nach spätestens zwei, drei Tabs nicht mehr wo was gewesen ist.

Deswegen lasse ich die Inhalte hinter den Links sichtbar in einem (kleineren) neuen Fenster öffnen, so dass dieses nach dem Lesen geschlossen werden kann und der User sich dann wieder auf der ursprünglichen Seite befindet.

Weiterlesen: Link in neuem Fenster öffnen statt im neuen Tab »

Mehr Beiträge im Archiv oder der Kategorie-Übersicht