plugin

PiHole – Sicher und werbefrei surfen mit dem Raspberry Pi

20. Juli 2020adminRaspberry Pi10, 32, 50, 64, aber, adblock, address, admin, Adresse, after, aktivieren, aktuelles, alle, allen, alles, also, alte, alten, alter, alternative, alternativen, amazon, analytics, anbieter, andere, anderen, ändern, anonym, ansehen, antworten, apps, arbeit, arten, artikel, auch, auto, automatisch, bedeuten, befehl, befehle, bereich, bereits, besser, beste, besten, bestimmt, bestimmte, betriebssystem, beziehung, black, bleiben, blick, block, bluetooth, boot, Box, braucht, bringen, bringt, browser, buch, camera, cent, center, change, clean, cloud, cloudflare, dann, dass, dateien, daten, definieren, deine, deren, desktop, deutsche, diese, direkt, disable, dns-server, doch, domain, done, double, DR, durch, easy, ebene, ebenfalls, eigentlich, einbinden, eine, einem, einen, einer, einfach, einfache, einige, einmal, einrichten, einschalten, einstellen, einstellungen, Eintrag, eintragen, ende, entfernt, entsprechende, erhalten, ermittelt, erst, erste, ersten, esc, etwa, etwas, euch, eurer, extern, externe, fall, festplatte, file, files, filter, filtern, finde, findet, folgen, format, fragen, free, frei, fritzbox, funk, funktion, funktionieren, funktioniert, ganz, ganze, geheime, geheimen, gehen, geht, genau, gesammelt, gleiche, gleichzeitig, google, googles, gt, gute, haben, halten, hardware, heruntergeladene, hier, hinzufügen, hohe, hoher, hosts, id, ihre, ihren, ihrer, image, immer, import, informationen, infos, inhalt, inhalte, inhalten, inkl, install, installation, installiere, installieren, installiert, interne, internet, ip, ip-adresse, iphone, jede, jeder, jetzt, kann, kein, keine, kern, keyboard, kleine, kleiner, klick, klicken, komplett, kopie, kopieren, kunden, kursiv, laden, LAN, lang, lange, lassen, letzten, liegt, lion, liste, listen, lock, machen, macht, manager, master, media, mehr, mehrere, meiden, minute, minuten, mittel, mode, muss, nach, network, netz, netzwerk, netzwerkeinstellungen, neue, neuer, neues, neuesten, neustart, nicht, noch, NTP, nutzen, nutzt, oder, ohne, OK, open, option, ordner, orten, over, page, partition, passwort, PC, perfect, play, plugin, plugins, plus, privacy, problem, probleme, provider, quick, raus, reboot, rechner, rechte, reicht, reifen, remove, reset, richte, richtig, richtige, route, router, routers, rund, sammelt, schalten, schalter, schaltet, schluss, schnell, schnelle, schneller, schnellere, schon, schritt, script, sd-karte, sehe, sehen, seine, seinen, seite, seiten, sekunden, server, setup, shell, sich, sicher, simple, sind, skript, smart, smartphone, software, sogar, soll, sollte, sollten, sondern, source, space, speed, speicher, speichern, speichert, start, startet, statt, stellen, stellt, stick, strom, suche, suchen, surfen, surfverhalten, sync, system, tabelle, tastatur, taste, teil, teilen, terminal, things, time, tipp:, tipps, tool, tools, tracking, traffic, treibt, trennen, TV, type, unsere, unter, unterschiedliche, update, updaten, upgrade, URL, usb-kabel, usb-stick, verbindung, vermeiden, version, verwenden, video, videos, viel, viele, vielen, vier, vorhanden, wahl, wählen, warum, webdesign, webseite, webseiten, website, websites, wechsel, weitere, welche, wenn, werbung, werden, when, white, wichtig, wieder, will, wird, wlan, your, zahl, zeigen, zeigt, zeiten, zugreifen, zugriff, zwei, zweite, zwischen

Als Mediacenter oder IoT-Lösung – der Bastelrechner Raspberry Pi ist vielseitig einsetzbar. Mit Pihole macht er sogar euer gesamtes Netzwerk werbefrei und frei von Trackern. So richtet ihr die Software Schritt für Schritt einKling.

Was ist der Unterschied von Pihole zu einem Adblocker?

Warum einen Raspberry Pi mit etwas ausstatten, das ein Adblocker im Browser auf den ersten Blick auch kann? Weil Adblocker-Plugins etwas anders funktionieren und aufgerufene Websites erst blocken, sobald sie euren PC, Mac oder das Smartphone erreicht haben. Pihole hat einen anderen Ansatz, denn es blockt Tracker, Viren-verseuchte Websites und Werbung auf DNS-Ebene.

Das heißt, dass das Pihole quasi alles ausfiltert, bevor es an die Geräte im Netzwerk ausgeliefert wird. Wie ein Sieb, das zwischen eurem Router und allen Geräten im Netzwerk arbeitet. Und es bringt den Vorteil mit, dass diese Geräte auch in den nativen Apps werbefrei sind – und nicht nur mit Plugins oder speziellen Apps. Ich blicke in deine Richtung, iPhone.

Weniger Tracking, mehr Speed

Weniger Tracker bedeuten auch gleichzeitig mehr Privatsphäre, denn die eingebauten Filter sorgen dafür, dass deutlich weniger Informationen über euer Surfverhalten gesammelt werden können. Pihole ist zwar kein Tails oder Tor, das euren Traffic über fünf Millionen Proxies und dann noch mal zur Venus schickt, blockt aber sehr viele Anbieter und gefährliche Seiten.

Weniger Werbung und weniger Gefunke von Trackern und Analytics-Anbietern bedeutet zudem weniger Traffic und schnellere Ladezeiten von Websites und Apps. Na, überzeugt? Das alles braucht ihr für die Einrichtung.

Diese Hardware brauchst du für den Raspberry Pi mit Pihole

Einen Raspberry Pi – im Grunde tut es jeder Raspberry, auch der Raspberry Pi 1 oder Zero. Wir empfehlen euch jedoch einen Raspberry Pi 3 und aufwärts, um die Weboberfläche vom Pihole flott nutzen zu können.
Ein Netzteil – oder einen USB-Anschluss mit 2A-Output oder mehr.
Eine Micro-SD-Karte und einen SD-Adapter, der Karten meistens beiliegt.
Optional: Ein Gehäuse für den Raspberry Pi.
Optional: Einen Hoodie, da ihr ein paar einfache Shell-Befehle kopieren werdet und dabei aussehen müsst, wie ein Hacker.

Software für Pihole

Balenaetcher – oder Rufus oder Unetbootin.
Raspberry Pi OS Lite – das offizielle Betriebssystem für den Raspberry Pi.

Vorbereitung der SD-Karte

Ladet euch im ersten Schritt Balenaetcher (oder eine der oben erwähnten Alternativen) herunter und installiert das Tool. Balenaetcher braucht ihr, um das Betriebssystem für den Raspberry Pi auf der SD-Karte zu „installieren“. Das Image öffnen und die Dateien kopieren funktioniert übrigens nicht, da eine Partitionstabelle auf die Micro-SD-Karte geschrieben werden muss.
Raspberry Pi OS findet ihr hier, wobei ihr für das Pihole nur die „Lite“-Version braucht. Bei der Veröffentlichung dieses Artikels ist das Raspberry Pi OS (32-bit) Lite (basierend auf Debian Buster). Ihr könnt aber auch die 64-Bit-Variante installieren oder die Version mit einer Desktopumgebung, falls ihr den Raspberry Pi mit Pihole noch für andere Dinge verwenden wollt.
Startet Balenaetcher, wählt die heruntergeladene und entpackte Datei und dann die Micro-SD-Karte aus, die nun mit oder ohne Adapter in eurem PC stecken sollte. Checkt bitte vorher, dass ihr die richtige Micro-SD-Karte und nicht eine externe Festplatte oder den USB-Stick auswählt (den mit dem geheimen Ordner, den Mutti niemals sehen sollte).
Balenaetcher schreibt das Raspberry Pi OS auf die SD-Karte, und somit wäre das gute Stück dann auch schon bereit für den Einsatz. Steckt die Karte in euren Raspberry und stöpselt ihn mit einem HDMI- und am besten einem Netzwerkkabel verbunden an die Strombuchse. Ihr braucht zudem eine Tastatur mit Bluetooth-Adapter oder ganz oldschool eine mit Kabel.

Voreinstellungen des Raspberry Pi OS

Nachdem der Raspberry Pi gebootet hat (was ein wenig nach „Matrix“ aussieht), loggt ihr euch mit folgenden Logindaten und Passwort ein:

pi

raspberry

(beziehungsweise „raspberrz“, da die Tastatur noch auf Englisch eingestellt ist)

Ich bin zwar kein Hellseher, nehme aber an, dass ihr mit hoher Wahrscheinlichkeit eine deutsche Tastatur nutzt. Damit das auch der Raspberry weiß, gebt ihr im Terminal ein:

sudo raspi-config

In dem Konfigurationstool hüpft ihr zu Punkt 4 (Localisation Options) und stellt im nächsten Schritt die Locale unter I1 auf Deutsch (DE), die Timezone (I2) auf Berlin, das Keyboard Layout (I3) auf Deutsch (DE) und WLAN Country (I4) ebenfalls auf DE. Die Punkte wählt ihr mit der Space-Taste an oder ab und wechselt mit Tab auf „Select“ beziehungsweise „Back“. Nach etwas Gerödel verlasst ihr das Menü über „Finish“ und startet den Raspberry am besten neu, mit:

sudo reboot

Nach dem Neustart ändert ihr zunächst das Passwort, damit Mr. Robot nicht so einfach Zugriff auf euren Raspberry Pi hat. Loggt euch ein (diesmal mit hoffentlich deutschem Tastaturlayout) und gebt ein:

passwd

Gebt euer aktuelles Passwort ein (raspberry) und dann euer neues, das ihr am besten in einem Passwortmanager speichert. Um das Betriebssystem auf den neuesten Stand zu bringen, führen wir ein Update durch, mit:

sudo apt update && sudo apt -y upgrade && sudo apt-get -y dist-upgrade && sudo apt -y autoremove && sudo apt -y autoclean && sync && sudo reboot

Nach dem Neustart installiert ihr nun Pihole und macht euch erstmal zum root, da Pihole bestimmte Rechte für die Installation braucht:

sudo passwd root

Vergebt jetzt ein temporäres Passwort und loggt euch als root ein, mit:

su -

Deutsche Tastatur:

sudo raspi-config
Punkt 4 Localisation Options
l3 Change Keyboard Layout
PC generic de 105 tecles (intl.)
Runtergehen auf „Andere“
Das Wort Duits suchen und bestätigen
Dann nach oben und DUITS auswählen
und dann geht es komischerweise wie gewohnt weiter

Die Installation von Pihole auf dem Raspberry Pi

Pihole bietet eine übersichtliche Oberfläche, mit der ihr weitere Einstellungen vornehmen könnt.

Falls ihr nicht wisst, welche IP euer Pihole hat, findet ihr es so raus und notiert es am besten:

hostname -I

(das ist ein großes I, wie „Ihhh“, kein L)

Jetzt installiert ihr das Pihole über das Skript:

curl -sSL https://install.pi-hole.net | bash

Sollte das nicht funktionieren, weil curl fehlt, könnt ihr auch Folgendes tun:

wget -O basic-install.sh https://install.pi-hole.net

sudo bash basic-install.sh

Bei Problemen findet ihr weitere Infos zur Installation auf der GitHub-Seite von Pihole. Das Skript installiert und arbeitet ein bisschen vor sich hin und wird euch zwischendurch einige Fragen stellen, die ihr wie folgt, beantworten könnt:

Select Upstream DNS Provider: Cloudflare oder Google oder einer eurer Wahl.

Select Lists: Wählt hier einfach alle Listen aus.

Select Protocols: IPv4 und/oder IPv6, falls ihr IPv6 nutzt.

Do you want to use your current network settings as a static address: Gebt hier die IP-Adresse des Raspberry Pi ein, die euer Router zugewiesen hat (beziehungsweise Enter), und wählt den Router als Gateway aus – meist 192.168.0.1, aber prüft es zur Sicherheit nochmal in den Einstellungen eures Routers.

Do you wish to install the web admin interface: Ja, denn hier nehmt ihr nachher Einstellungen vor und seht, was das Pihole alles filtert.

Do you wish to install the web server (lighttpd): Ja, denn ohne läuft auch die Weboberfläche nicht oder ihr müsst euch den Server anders zusammenfrickeln.

Do you want to log queries: Ja, sofern ihr die Zugriffe in Logdateien speichern wollt.

Select a privacy mode for FTL: Je nachdem, ob ihr ein öffentliches Netzwerk betreibt oder die Anfragen schlicht und einfach komplett anonymisieren wollt (hallo DSGVO), könnt ihr hier einstellen, was genau geloggt wird.

Nach der Installation zeigt euch das Skript die Adresse des Pihole als IPv4 und/oder IPv6 sowie das Passwort für die Weboberfläche an. Loggt euch wieder als root aus und auch ein Neustart kann nicht schaden:

exit

sudo passwd -dl root

sudo reboot

Pihole als DNS-Server des Routers eintragen

Im Grunde könnt ihr den Raspberry nun an seinen Zielort verfrachten. Er braucht nur noch Strom und ein Netzwerkkabel zu eurem Router. Das Pihole funktioniert im Grunde auch per WLAN, sofern es nicht der ganz alte Raspberry Pi 1 ist. Für eine stabile Verbindung, und um etwas Frickelei zu vermeiden, solltet ihr aber ein Netzwerkkabel nutzen. Wer den Raspberry Pi übrigens nicht kennt: Das Teil hat leider keinen An- oder Aus-Schalter. Ihr macht ihn an, wenn ihr das USB-Kabel anstöpselt und fahrt ihn am besten herunter mit:

sudo shutdown now

Dann könnt ihr ihn vom Strom trennen und wieder anklemmen, wenn ihr ihn einschalten wollt. Im Idealfall wird er aber die ganze Zeit durchlaufen und Trackinganfragen, Werbung und anderen Firlefanz auf DNS-Ebene blocken. Damit das funktioniert, müsst ihr das in einem letzten Schritt eurem Router mitteilen.

Pihole müsst ihr im Backend der Fritzbox als DNS-Server eintragen. Hier unterscheiden sich die Modelle bei ihrer Weboberfläche natürlich. Bei der Fritzbox findet ihr die Einstellung unter Internet > Zugangsdaten > DNS-Server.

Hier gebt ihr die IPv4- und/oder die IPv6-Adresse eures Pihole ein. Als Alternative empfiehlt sich noch ein zweiter DNS-Server, falls ihr den Raspberry mal wechseln, aber dennoch weiter Internet haben wollt. Hier bieten sich Cloudflare (1.1.1.1) oder Googles DNS-Server (8.8.8.8) an, aber ihr könnt natürlich nehmen, was ihr wollt.

Die Weboberfläche und weitere Einstellungen

Im Grunde sollte alles out-of-the-box funktionieren. Ihr könnt euch die Weboberfläche vom Pihole ansehen, indem ihr die IP-Adresse im Browser angebt und ein „/admin/“ anhängt, zum Beispiel:

http://192.168.0.10/admin/

Loggt euch mit dem Passwort aus der Installation ein und ihr könnt euch auf dem Dashboard ansehen, wie viele Anfragen vom Pihole geblockt worden sind, welche Domains und Tracker das waren und so weiter. Wenn ihr die Listen aktuell halten wollt, könnt ihr unter dem Punkt Tools > Update Gravity auf Update klicken.

Eine Allow-Liste findet ihr ebenfalls im Menü links und ihr werdet sie das eine oder andere Mal brauchen, denn manchmal blockt Pihole relativ harmlose Werbetracker oder versaut euch Links in Newslettern, da diese meist über Tracking-Tools laufen. Setzt die entsprechenden Domains dann einfach auf die Liste oder schaltet Pihole kurzzeitig mit einem Klick auf Disable aus und wählt, für wie lange er ausbleiben soll.

Wer möchte, kann das Pihole auch als DHCP-Server nutzen, DNSSEC aktivieren, als rekursiven DNS-Server mit Unbound nutzen, weitere Adblock-Listen hinzufügen oder die Allow-Lists automatisch updaten lassen. Auf die gehört übrigens auch www.t3n.de – ist ja klar. Wie ihr das alles anstellt, erfahrt ihr hier:

Als kleiner Tipp: Wenn das Blocken mal nicht direkt funktioniert, wartet ein paar Minuten, bis euer Netzwerk das Pihole als DNS-Server „vermittelt“ hat. Oder startet euer Gerät ein Mal neu. Das gleiche gilt auch, wenn ihr das Pihole im Menü kurzzeitig ausschaltet, denn ein paar Sekunden lang wird es Tracker immer noch blocken.

Neue Ad-Block Filterlisten in Pi-hole einbinden

Standardmäßig enthält Pihole 5.0 aktuell 7 Filterlisten zum Blocken von Domains bzw. Webseiten. Diese ermöglichen Pihole das Filtern von unerwünschten Inhalten wie z.B. Werbebannern oder unerwünschten Scripten. Durch das Hinzufügen weiterer Filterlisten lässt sich die Zahl der unerwünschten Domains sehr einfach erhöhen. Wir wollen euch heute zeigen, wie ihr euren Pi-hole noch besser im Ad-Blocking machen könnt.

Filterlisten gibt es wie Sand am Meer. Wichtig ist, dass diese Listen gepflegt werden, denn die Listen werden nicht nur einmal in Pihole eingebunden, sondern regelmäßig auf Änderungen geprüft. Wir haben für euch ein paar Listen bzw. Webseiten zusammengetragen:

1,3 Millionen Webseiten Blockliste
wichtige Listen auf siehe https://firebog.net/
Filter-Lists.com – sehr große Sammlung an AdBlock-Listen (ca. 150)
Adblock Plus 2.0 (EasyList) – Wird von vielen Browser-Adblockern genutzt
Firebog Blocklist Collection – Viele gepflegte Adblock-Listen

Unsere aktuelle Block-Liste für youtube-Werbung (vom 02.02.2020):
https://www.sunshine.it/blacklist.txt

for blocklists i’m using

https://raw.githubusercontent.com/StevenBlack/hosts/master/hosts https://mirror1.malwaredomains.com/files/justdomains http://sysctl.org/cameleon/hosts https://zeustracker.abuse.ch/blocklist.php?download=domainblocklist https://s3.amazonaws.com/lists.disconnect.me/simple_tracking.txt https://s3.amazonaws.com/lists.disconnect.me/simple_ad.txt https://hosts-file.net/ad_servers.txt https://raw.githubusercontent.com/HenningVanRaumle/pihole-ytadblock/master/ytadblock.txt https://github.com/anudeepND/youtubeadsblacklist/blob/master/domainlist.txt https://v.firebog.net/hosts/lists.php?type=tick

for blacklists i’m using

ad.doubleclick.net clients6.google.com googleads.g.doubleclick.net i1.ytimg.com pagead2.googlesyndication.com pubads.g.doubleclick.net r1—sn-vgqsen7z.googlevideo.com r1.sn-vgqsen7z.googlevideo.com r17—sn-vgqsenes.googlevideo.com r2—sn-vgqs7n7k.googlevideo.com r20—sn-vgqs7ne7.googlevideo.com r20.sn-vgqs7ne7.googlevideo.com r4—sn-vgqs7nez.googlevideo.com r4.sn-vgqs7nez.googlevideo.com securepubads.g.doubleclick.net static.doubleclick.net www.youtube-nocookie.com

I’ve had decent success with this regex

^r[0-9]*([-]{1,3}|.)sn-[a-z0-9]{4,}-[a-z0-9]{4,}\.googlevideo

It’s not perfect, but does block about 80% of the ads that play during streaming, but only about 40% of the ads that play before the video begins.

Einbinden neuer Filterlisten in Pi-Hole

Ab der Version 5 von Pi-Hole befindet sich die Verwaltung der Filterlisten im Gruppen-Management der Software. Ihr könnt mehrere Gruppen definieren, die dann auf unterschiedliche Blocklisten zugreifen können.

Nach dem Einbinden neuer Blocklisten müssen diese noch über die im Bereich Tools vorhandene Funktion Update Gravity in Pi-Hole aktiviert werden.

pihole5-list-tool

This tool allows quickly and easily bulk adding Allowlists and Block/Ad lists to your Pi-hole 5 setup.

Installing Python packages

sudo apt update sudo apt install python3-picamera

sudo apt install python3-pip

installation

If you don’t sudo pip3 install, things won’t work – possibly in a very confusing way. Definitely on Raspbian 10, so probably before that.

$ sudo pip3 install pihole5-list-tool --upgrade

usage / running

Simply run:

$ sudo pihole5-list-tool

Finishing up

After adding lists, they must be loaded by running:

$ pihole -g

allowlists

Currently the only source for maintained whitelists is anudeepND’s allowlist. They are presented as:

Allowlist Only – Domains that are safe to allow i.e does not contain any tracking or

  advertising sites. This fixes many problems like YouTube watch history,
  videos on news sites and so on.

Allowlist+Optional – These are needed depending on the service you use. They may contain some

  tracking sites but sometimes it's necessary to add bad domains to make a
  few services to work.

Allowlist+Referral – People who use services like Slickdeals and Fatwallet need a few sites

  (most of them are either trackers or ads) to be whitelisted to work
  properly. This contains some analytics and ad serving sites like
  doubleclick.net and others. If you don't know what these services are,
  stay away from this list. Domains that are safe to whitelist i.e does
  not contain any tracking or advertising sites. This fixes many problems
  like YouTube watch history, videos on news sites and so on.

ad/blocklists

Currently the only source for maintained blocklists is firebog.net

Non-crossed lists: For when someone is usually around to whitelist falsely blocked sites
Ticked lists: For when installing Pi-hole where no one will be whitelisting falsely blocked sites
All lists: For those who will always be around to whitelist falsely blocked sites

Zusätzliche Whitelists

Gibt es, um mal welche zu nennen:

Aber die Ersteller/Verwalter von Blocklists sollten Einträge aus solchen Whitelists eigentlich bereits aus ihren Listen entfernt haben.

IP-Adresse oder sonstige Netzwerkeinstellungen ändern

Reconfigure pi hole via command line: pihole -r

You can also change ip address in

/etc/pihole/setupVars.conf

Updating

Updating is as simple as running the following command:

pihole -up

How do I set or reset the Web interface Password?

The Web interface password needs to be reset via the command line on your Pi-hole. This can be done locally or over SSH. You will use the pihole command to do this:

pihole -a -p

You will be prompted for the new password. If you enter an empty password, the password requirement will be removed from the web interface.

Raspberry Pi NAS mit OpenMediaVault 5 selber bauen

18. Februar 2020adminRaspberry Pi10, aber, admin, administrator, Adresse, adressen, adresszeile, aktivieren, aktuellen, alle, allen, aller, alte, alter, andere, anderen, anderer, ändern, anlegen, arbeit, auch, auswahl, auto, automatisch, befehl, befehle, beim, bekomme, bekommen, beliebig, beliebige, beliebiger, benutzer, benutzern, bequem, bereits, besser, bessere, besseren, beste, besten, betriebssystem, betriebssystems, bild, bildschirm, blick, boot, booten, bootvorgang, Box, bringen, browser, button, change, checkbox, clean, computer, dann, darf, dass, dateizugriff, daten, dauer, dauert, deren, desktop, deutsche, deutschen, dienste, diese, direkt, dokument, dokumente, DR, drop, durch, e-mail, ebene, ebenen, ebenfalls, eigene, eigenen, einbinden, eine, einem, einen, einer, eines, einfach, eingabeaufforderung, eingeben, einmal, einrichten, einstellungen, Eintrag, eintragen, einzelne, einzelnen, ende, entsprechende, erfolgreich, erkennen, erneut, erscheint, erst, erste, erstellen, ersten, esc, ethernet, etwa, etwas, extern, externe, externen, fall, fenster, ferne, festplatte, final, finde, findet, folgen, frei, freigabe, freigaben, freigegebenen, fritz!, GB, geben, gehen, geht, gemacht, gestartet, gleiche, gt, heruntergeladene, hier, hinzufügen, id, ihre, Ihre Daten, image, immer, install, installation, installiere, installieren, installiert, ip, ip-adresse, ip-adressen, jetzt, jeweilige, kann, kein, keine, kennen, keyboard, kleine, klick, klicken, komme, kommen, kommt, komplett, konfiguriere, konfigurieren, kosten, kostenlos, kostenlose, laden, lassen, laufwerk, laufwerke, leere, leeren, legen, lesen, liegt, linux, liste, logins, logo, logon, löschen, machen, macht, mail, master, media, mehr, mehrere, mehreren, mein, meine, minute, minuten, monitor, muss, nach, Nach Ver, namen, network, netz, netzwerk, netzwerkeinstellungen, neue, neuen, neues, neuesten, neustart, nicht, noch, NTP, nutzen, nutzer, nutzt, oder, OK, online, open, option, optionen, order, ordner, ordnern, ordners, partition, passwort, PC, pfad, plugin, private, privaten, program, programm, RAM, reboot, rechte, remote, remove, richte, route, router, routers, schalter, schnell, schreiben, schritt, script, sd-karte, sehe, sehen, seine, seite, selber, selbst, server, shell, sich, sicher, sind, skript, soll, sollte, sondern, source, speicher, speichern, start, startet, stellen, stellt, strato, strom, suche, suchen, symbol, sync, system, systemkonfiguration, systems, tastatur, taste, tauschen, teil, text, textdatei, time, tool, TV, unsere, unter, update, updates, upgrade, URL, verbindung, verbrauchen, verschiedene, version, verwenden, verwendete, verzeichnis, video, videos, viel, viele, vier, vorhanden, vorhandenen, wahl, wählen, wechsel, weitere, welche, welcher, wenn, werden, wichtig, wieder, will, window, windows, wird, zeigt, zeile, zeitpunkt, zugriff, zugriffsrecht, zwei

Bis zur Version 4 hat OpenMediaVault eigene Images für den Raspberry Pi bereitgestellt, die direkt auf die MicroSD-Karte übertragen werden konnten. Mit Version 5 hat man sich von dieser Installationsmethode verabschiedet.

Mittlerweile wird ein Installationsskript zur Verfügung gestellt, das OMV auf einem bereits vorhandenen Betriebssystem auf dem Raspberry Pi nachinstalliert. Das bedeutet, dass zuerst das offizielle Betriebssystem Raspbian installiert werden muss. Anschließend wird OMV nachinstalliert, indem das Installationsskript ausgeführt wird. Die Installation von OMV wird dann automatisch durchgeführt.

Installation von Raspbian Lite auf dem Raspberry Pi

Anmerkung: Am besten über Bildschirm und Tastatur installieren!

OpenMediaVault wird komplett über eine Weboberfläche im Browser von einem anderen Computer aus administriert. Daher ist es nicht nötig, Raspbian mit grafischem Desktop zu installieren. Dieser würde nur kostbare Ressourcen verbrauchen, aber keinen zusätzlichen Nutzen bringen, da der Desktop ja nicht verwendet wird.

Daher lädt man die aktuelle Version von Raspbian Lite von raspberrypi.org herunter. NEU 2022: Man verwendet den Raspberry Pi Imager. Diesen Herunterladen und das entsprechende Betriebssystem herunterladen.

In den Einstellungen, die man über das Zahnrad erreicht, kann man dem Raspi noch die richtige Konfiguration mit auf den Weg geben:

Nun wird das ebenfalls kostenlose Tool Balena Etcher benötigt, um das Raspbian Image auf die MicroSD-Karte zu übertragen.

Die heruntergeladene Image-Datei mit dem Betriebssystem muss nicht entpackt werden, sondern kann direkt mit Etcher auf die MicroSD-Karte geflasht werden. Wenn dieser Vorgang abgeschlossen ist, kann die SD-Karte in den RaspberryPi eingesetzt werden und der Minicomputer an den Strom angeschlossen werden. Das Betriebssystemimage für den Raspberry Pi ist bereits so eingerichtet, dass es nach dem Booten direkt einsatzbereit ist. Es ist keine Installation, wie man sie von Windows kennt, notwendig.

Exkurs:

Enabling Raspbian’s SSH Server for Remote Access Raspbian is designed to have it’s configuration finalized with a monitor and keyboard attached. There’s no need for a monitor and keyboard to support an OMV installation. OMV was designed, from the ground up, to run as a headless server. For the sake of convenience, Raspbian can be configured to enable it’s SSH server on first boot, so the server can be accessed remotely with PuTTY. The following will enable SSH access.

leere Textdatei erstellen und unter „ssh“ abspeichern. Diese Textdatei auf die SD-Karte in das Root-Verzeichnis legen.

Anleitung >>> Zugriff per SSH

Nachdem der Bootvorgang abgeschlossen ist, kann man sich auf der Kommandozeile einloggen (ggf. aus der Ferne über Putty – zuvor IP über den Router ausfindig machen 😜 )

Der Standardbenutzername lautet pi, das Passwort lautet raspberry. Wenn der Login fehlschlägt, liegt dies möglicherweise daran, dass das Tastaturlayout auf Englisch steht. Auf einer deutschen Tastatur muss man dann “y” mit “z” vertauschen. Als Passwort muss man dann “raspberrz” eingeben.

Deutsche Tastatur:

sudo raspi-config
Punkt 4 Localisation Options
l3 Change Keyboard Layout
PC generic de 105 tecles (intl.) >>> Eingabe drücken
Runtergehen auf „Andere“
Das Wort Duits suchen und bestätigen
Dann nach oben und DUITS auswählen
und dann geht es komischerweise wie gewohnt weiter

Aus Sicherheitsgründen sollte als Erstes das Standardpasswort geändert werden. Hierzu wird folgender Befehl eingetippt.

passwd

Daraufhin wird zuerst das bisherige Passwort abgefragt. Anschließend kann man ein neues Passwort für den Standardbenutzer “pi” vergeben.

Im nächsten Schritt sollte das Betriebssystem auf den aktuellen Stand gebracht werden. Das bedeutet, dass alle verfügbaren Updates eingespielt werden. Dies geschieht mit folgendem Befehl.

sudo apt update && sudo apt -y upgrade && sudo apt-get -y dist-upgrade && sudo apt -y autoremove && sudo apt -y autoclean && sync

(Nachdem alle Updates eingespielt sind, sollte der Raspberry Pi neu gestartet werden. Dafür wird wiederum folgender Befehl eingegeben.)

sudo reboot

Installation von OpenMediaVault 5 auf dem Raspberry Pi

Nach dem Neustart loggt man sich wieder auf der Kommandozeile ein. Nun kann OpenMediaVault installiert werden. Dies wird automatisch mit folgendem Befehl erledigt.

Der Befehl muss in einer Zeile auf der Kommandozeile eingegeben werden. Erst dann darf der Befehl mit der Enter-Taste ausgeführt werden.

wget -O - https://github.com/OpenMediaVault-Plugin-Developers/installScript/raw/master/install | sudo bash

(das Symbol | findet man auf der Windows-Tastatur unter „Alt-Gr + <„)

Nun wird OpenMediaVault heruntergeladen und installiert. Das dauert gut und gerne 30 – 60 Minuten. Wenn die Installation abgeschlossen ist, sieht man wieder die Eingabeaufforderung mit Benutzername und Computername in der Form pi@raspberry:~$

Der Raspberry Pi sollte nun erneut neu gestartet werden. Wieder mit dem Befehl “sudo reboot”. Anschließend ist OpenMediaVault einsatzbereit und kann über die Benutzeroberfläche im Webbrowser über einen anderen PC aufgerufen werden. Die IP-Adresse wird nach dem vollständigen Reboot auf dem Raspi angezeigt. Außerdem werden Benutzername „admin“ und das Passwort „openmediavault“ angezeigt.

Am besten 2x einen Reboot ausführen, damit die IP-Adresse „gefestigt“ ist 😜

Statische IP-Adresse über den Router vergeben (alternativ über OMV in den Netzwerkeinstellungen)

Der Zugriff auf das NAS erfolgt über dessen IP-Adresse, die es vom sogenannten DHCP-Server des Routers bekommen hat. Dieser DHCP-Server teilt allen Geräten im Heimnetz mit, welche IP-Adressen sie verwenden dürfen. Allerdings können sich diese Adressen bei einer neuen Verbindung ändern, was dazu führen würde dass das NAS nicht mehr erreichbar ist. Daher ist es sinnvoll den eigenen Router so zu konfigurieren, dass er dem Raspberry Pi immer die selbe IP-Adresse zuteilt.

Hierzu muss man in der Konfigurationsoberfläche seines Routers nach der entsprechenden Einstellung suchen. Die Konfigurationsoberfläche einer Fritz!Box findet man indem man die Adresse http://fritz.box in den Webbrowser eingibt. Dort wechselt man zu Heimnetz -> Netzwerk und wählt das Stiftsymbol hinter dem Homeserver. Hier muss ein Haken bei der Option “diesem Netzwerkgerät immer die gleiche IPv4-Adresse zuweisen” gesetzt werden.

Reboot des Raspberrys.

Exkurs: Netzwerkadresse //// Besser im Router definieren – siehe oben und keine feste Netzwerkadresse in OMV eintragen!!!!!

It may be useful to to change the web user’s logon password under System > General Settings > in the Web Administration Password tab, and to change the default logout time to 60 minutes in System > General Settings > Web Administration before proceeding. Navigate to System > Network > the Interfaces tab, click on the + ADD button and select Ethernet.

Hier kann man die feste Netzwerkadresse eintragen.

Die Systemkonfiguration von OpenMediaVault 5 auf dem Raspberry Pi

Die Administration erfolgt bequem über einen Webbrowser von einem beliebigen anderen Computer im selben Netzwerk. In die Adresszeile muss man oben angegebene IP-Adresse eingeben, dann erscheint die Loginseite von OMV. Standardmäßig lauten die Zugangsdaten “admin” mit dem Passwort “openmediavault”.

Aus Sicherheitsgründen sollte nach dem ersten Login das Passwort geändert werden. Die Einstellung findet man unter Allgemeine Einstellungen -> Web Administrator Passwort.

Auch das Aktualisieren des Betriebssystems sollte man nicht vernachlässigen. Unter System -> Aktualisierungsverwaltung kann das System auf den aktuellen Stand gebracht werden. Über den Button “Prüfen” sucht das System nach verfügbaren Aktualisierungen. Wenn welche verfügbar sind, wählt man diese aus, indem man einen Haken in das Kästchen vor dem jeweiligen Programm setzt. Ein Klick auf den Button “Aktualisieren” lädt die neuesten Pakete herunter und installiert diese.

Nach dem Login macht man sich am besten erst einmal mit der Weboberfläche vertraut und klickt sich durch die einzelnen Optionen. Damit erhält man einen schönen Überblick über die Optionen und Möglichkeiten die OMV bietet.

Externe Festplatte einrichten

Nun wird die externe Festplatte eingerichtet, auf der die Benutzer später ihre Daten hinterlegen sollen. Die verschiedenen Laufwerke findet man unter Datenspeicher -> Laufwerke. Dort wird zum einen die kleine SD-Karte aufgeführt, auf der das Betriebssystem installiert ist und die externe Festplatte, sofern eine solche angeschlossen ist. Unterscheiden kann man beide an der angegebenen Kapazität.

Damit die externe Festplatte zum Anlegen von Freigaben zur Verfügung steht, muss diese zuerst gelöscht werden. Dazu wird die Festplatte ausgewählt und anschließend klickt man auf den Button „Löschen„. Bei der Abfrage nach der Methode für das Löschen kann man die Methode schnell auswählen. Wird dieser Schritt nicht ausgeführt, kann es sein, dass sich die Festplatte im nächsten Schritt nicht auswählen lässt.

Jetzt kann auf der leeren Festplatte das Dateisystem eingerichtet werden. Dies geschieht unter dem Punkt Datenspeicher -> Dateisysteme. Hier werden nicht die einzelnen Datenträger aufgelistet, sondern die Partitionen, die auf den Datenträgern erstellt sind.

Standardmäßig sind wahrscheinlich zwei Partitionen zu sehen, die aber beide auf der SD-Karte liegen, zu erkennen an der Bezeichnung der Laufwerke, die bei beiden Partitionen identisch ist. Außerdem beginnt der Laufwerksname der SD-Karte mit etwas wie /dev/mmcblk. Die externe Festplatte taucht hier zu diesem Zeitpunkt noch gar nicht auf.

Um eine Partition auf der externen Festplatte einzurichten, muss der Menüpunkt „+ Erstellen“ ausgewählt werden.

Es öffnet sich ein Fenster mit mehreren Auswahloptionen. Als Laufwerk wird die externe Festplatte aus dem Dropdownmenü ausgewählt. Die Datenträgerbezeichnung kann beliebig vergeben werden. Als Dateisystem wird ext4 ausgewählt. Hierbei handelt es sich um das Standarddateisystem vieler Linuxbetriebssysteme, zu denen auch Openmediavault, bzw. Raspbian gehört. Mit einem Klick auf OK wird das Dateisystem erstellt, was mehrere Minuten dauern kann. Wenn der Vorgang abgeschlossen ist, erscheint der Hinweis „Das Erstellen des Dateisystems wurde erfolgreich abgeschlossen“.

Nach der Partitionierung und Initialisierung des Laufwerks wird die externe Festplatte auch in der Übersicht unter den Dateisystemen als Online angezeigt.

Damit die Festplatte genutzt werden kann, muss man noch auf Einbinden klicken. Damit wird die Festplatte für das System zum Beschreiben und Lesen verfügbar gemacht.

Wie alle Änderungen bei OMV muss auch diese zweimal bestätigt werden. Nach dem Klick auf den Button “Einbinden” öffnet sich eine gelbe Leiste, auf der die Abfrage wiederholt wird. Hier muss nochmals bestätigt werden, dass die Partition in das System eingebunden werden soll. Anschließend steht die Festplatte zum Anlegen von Ordnern und Netzwerkfreigaben zur Verfügung.

Benutzer für den Zugriff auf Netzwerkfreigaben einrichten

Jetzt nächstes werden die Benutzer für den Dateizugriff angelegt. Dies wird unter Zugriffskontrolle -> Benutzer vorgenommen. Der Benutzer bekommt einen beliebigen Namen. In diesem Beispiel wird der Name omvshare verwendet. Mit den hier vergebenen Zugangsdaten wird der Zugriff auf die privaten Netzwerkfreigaben Freigaben geregelt. Natürlich kann hier auch ein beliebiger anderer Name vergeben werden oder auch mehrere Benutzer angelegt werden.

Die Felder für E-Mailadresse und Kommentar können leer gelassen werden. Das Passwort wird später beim Zugriff auf die Freigaben über das Netzwerk abgefragt. Die Shell ist das Programm, dass die Befehle auf der Kommandozeile verarbeitet, wenn sich der Benutzer direkt am System anmeldet. Dies kann man auf der Standardeinstellung belassen.

Anlegen der Netzwerkfreigaben

Die Einstellungen zum Anlegen der Netzwerkfreigaben sind unter Zugriffskontrolle -> Freigegebene Ordner zu finden.

Zum Erstellen eines freigegebenen Ordners klickt man zuerst auf Hinzufügen und füllt die einzelnen Felder aus.

Name: Dieser Name wird später im Netzwerk angezeigt. In diesem Fall wird einfach der Name des Benutzers omvshare angegeben. Es kann auch ein beliebiger anderer Name vergeben werden, z. B. Dokumente, Videos usw.
Laufwerk: Hier wählen wir die externe Festplatte, in diesem Fall mit der Bezeichnung exthdd.
Pfad: Hier wird der Speicherort auf der Festplatte angegeben, wo unsere private Freigabe liegt. Hier kann man ebenfalls wieder den Namen omvshare eingeben, dann wird der Ordner automatisch erstellt.
Zugriffsrechte: wir wählen hier Administrator: lesen/schreiben, Benutzer: lesen/schreiben, Andere: nur lesen.
Wichtig: Hierbei handelt es sich nicht um die Berechtigungen für die Netzwerkfreigabe. Vielmehr geht es um die Berechtigungen der Benutzer auf Dateisystemebene des verwendeten Linux-Betriebssystems.
Kommentar: wird nicht benötigt. Kann aber zur besseren Übersicht angegeben werden.

Nun muss noch festgelegt werden, welcher Benutzer Zugriff auf den freigegebenen Ordner bekommen darf. In diesem Fall nur der Benutzer “omvshare”.

Die Einstellung findet man wieder unter Zugriffskontrolle -> Freigegebene Ordner. Zuerst klicken wir die Freigabe omvshare an und wählen dann den Punkt Privilegien. Hier muss beim Benutzer omvshare die Checkbox Lesen/Schreiben aktiviert werden. Dadurch werden die Lese/Schreibrechte auf den Benutzer omvshare beschränkt.

Im folgenden Schritt wird die Freigabe aktiviert. Damit steht der Ordner im Netzwerk als Datenspeicher für andere Computer zur Verfügung.

Netzwerkfreigaben verwenden üblicherweise über das SMB bzw. CIFS Protokoll. Der entsprechende Dienst muss unter Openmediavault zuerst aktiviert werden. Dies geschieht unter dem Punkt Dienste -> SMB/CIFS. Dort legt man den Schalter Aktivieren um und klickt auf Speichern. Andere Optionen müssen an dieser Stelle nicht verändert werden.

Damit wurde der Dienst aktiviert, der die Netzwerkfreigaben zur Verfügung stellt. Nun müssen allerdings noch die beiden Freigaben selbst aktiviert werden.

Dies geschieht an derselben Stelle, allerdings unter dem Reiter Freigaben. Hier klickt man auf Hinzufügen. Im nächsten Fenster wählt man unter Freigegebene Ordner die Freigabe omvshare aus. Weitere Einstellungen müssen nicht vorgenommen werden. Mit einem Klick auf Speichern wird die Freigabe aktiviert und sind im Netzwerk verfügbar.

Reset admin password in OpenMediaVault

If you had forgotten the OpenMediaVault Default Login defaults, this post should help you reset it.

I am putting some finishing touches to my OpenMeviaVault based setup of Helios 4 NAS system. I forgot that I got the default password changed in OMV, so it seems I locked myself out using default password. This meant I had to reset the web admin password. I still had my SSH access, so this post shows steps of completing the recovery.

Run the omv-firstaid command as root

For both steps of this procedure, the easiest is to run omv-firstaid command as root. It’s pretty cool that someone on the OpenMediaVault thought of the typical issues one might run into and prepared a tool like this.

You SSH as the default user and run

sudo omv-firstaid

The OMV setup keeps track of failed logins and you can see it by using the omv-firstaid command.

Select the Reset failed login attempt counter menu item:

And you should see the list of accounts with failed login attempts:

After we select a user (I chose admin in my case) there will be a confirmation shown:

Change the OpenMediaVault password

Now we start the omv-firstaid command again and select the following option:

That’s pretty much it! Hope it helps if you ever have the same issue.

Bemaßung in Adobe Illustrator

4. Mai 2016adminFoto & Grafikaber, adobe, Adobe Illustrator, alle, aller, alles, andere, arbeit, arbeiten, auch, aufheben, dann, darf, dass, DR, eine, einsetzen, einstellen, ende, erst, erste, erstellen, folgen, format, frei, funk, funktion, funktioniert, gt, haben, kann, kein, keine, konvertieren, kopie, kopieren, kosten, kostenlos, kostenlose, kostenlosen, macht, neben, nicht, noch, objekt, objekte, pfeil, plugin, plugins, product, schnell, schnelle, schneller, sehe, sehen, selbst, setzen, sind, stellen, stellt, strato, tabs, teil, tool, tools, trick, vektorgrafik, wahl, wahlweise, wenn, wieder

Sind technische Maßstabszeichnungen mit Adobe Illustrator möglich ?

In Illustrator selbst kann man es nicht einstellen. Auch Adobe bietet keine Plugins an.

Neben CADtools gibt es noch BPT Pro http://www.baby-universe.co.jp/…in/products/bpt-pro/ und VectorScribe, das allerdings nur eine Bemaßung in frei definierbarem Maßstab anbietet, aber nicht das maßstäbliche Erstellen von Objekten.

Um eine Zeichnung in Illustrator zu bemaßen gibt es folgenden (kostenlosen) Trick:

EazyDraw ist vollfunktionsfähig – pro Datei darf man nur 20 Objekte erstellen. Aber das macht nichts – ist auch nicht schlimm, dass das Arbeiten damit teilweise grottig schlecht ist. Wir haben ja Illustrator. 🙂

Man erstellt die Zeichnung in Illustrator, kopiert sie und setzt sie in EazyDraw ein.

Dann > Werkzeuge > Konvertieren in > Vektorgrafik
Dann > Format > Gruppierung > Gruppierung aufheben

Dann wählt man die Palette „Bemaßung“ aus
Dann wählt man die Palette „Pfeile“ aus
Dann > Aussehen > Technisch (!!!!)

Wenn man fertig ist, alles wieder kopieren und in Illustrator wieder einsetzen (wahlweise nur die Bemaßungen mit den Pfeilen).

Das funktioniert gut und schneller als alles andere, was ich bisher probiert habe.

image-optimization-plugins-thumbnail_wi1imf

The 6 Best WordPress Image Optimization Plugins Compared

11. April 2016adminWebdesign10, 50, 64, account, after, alle, also, alte, alter, alternative, alternatives, auto, backup, blog, button, cent, cloud, copy, copyright, core, detail, details, DR, edge, ende, esc, features, file, files, final, folder, format, forms, free, full, handy, ical, id, image, install, installation, interne, internet, ip, last, library, little, look, magic, mail, media, menu, mobile, mode, OK, open, optimization, option, order, original, over, page, perfect, performance, pixel, plugin, plugins, plus, premium, process, profil, quick, rang, reduction, resize, reste, script, server, setup, should, simple, size, smart, smartphone, source, speed, stick, tage, test, things, time, tool, tools, type, version, webdesign, website, websites, when, width, will, window, wordpress, your

Compelling content is often not enough. Every visitor will use different criteria to judge whether your site is worth their time, but few issues can sink you as quickly as slow load times.

There are a lot of factors which can impact your loading times, and using high-resolution images is one of them. Most of us have experienced what it’s like to navigate through a website full of images that take forever to load – an experience made even more frustrating if you’ve been using the internet long enough to remember when speeds weren’t quite so snappy.

These days, the average fixed internet connection can easily handle high-resolution images, but smartphone usage continues to grow, and mobile connections aren’t nearly as reliable. With that in mind, let’s take a look at six WordPress image optimization plugins that can ensure your site is quick to load!

1. EWWW Image Optimizer

After installing and setting up EWWW Image Optimizer, it’ll automatically optimize any images you upload to your blog as long as they’re either JPG, PNG, or GIF files. It also includes a function to optimize your entire media catalog, in case you already have lots of images on your site.

One of the advantages of EWWW Image Optimizer is that the optimization process takes place within your own servers by default, instead of connecting to a third party service. This means your optimization tasks will require less time, which can come in handy when tackling large media libraries, since regular-sized files (<1mb) should take a few seconds at the most.

This local optimization process is made possible by including several pre-compiled binaries, which must be installed from your local WordPress folder. This means some users may run into difficulties completing the setup process if they don’t have permission to execute the files.

To combat this potential issue, EWWW Image Optimizer also offers a cloud optimization feature, which while taking a bit longer, enables you to bypass this setup process. It’s also worth noting that while the plugin uses lossless optimization methods by default, it also enables you to apply lossy reductions for even bigger reductions in file size.

2. WP Smush

WP Smush is WPMU DEV’s image optimization plugin, available in both free and premium formats. As is common with this sort of plugin, any images you upload to your WordPress site will be automatically optimized (or ‘smushed’, as this plugin’s developers like to call it).

The plugin also packs a bulk optimization option, which as its name implies, enables you to tackle multiple tasks at once – perfect if you’re looking to compress your image backlog after installing the plugin. This bulk option is limited to 50 files at a time in the free version of the plugin.

You can also optimize images individually by heading over to your Media Library, clicking on whichever file you want to compress, and clicking on the Smush option on the Attachment Details window. This option can come in handy if for some reason you’d prefer not to use the bulk optimization option and have only a few images you’d like to compress.

By default, WP Smush uses lossless optimization techniques, but its pro version includes a Super-Smush option which optimizes each image multiple times using lossy compression techniques. This method can allegedly cut filesizes almost by half with a minimal loss of quality, but for the purposes of our article, we’re going to be sticking with the free version of the plugin.

3. Kraken Image Optimizer

The Kraken Image Optimizer enables you to optimize PNG, JPG, and GIF files through its own API. To set up the plugin, you’ll need to sign up for a free account at Kraken.io’s homepage in order to be provided with your own API and secret keys (which can be used across multiple WordPress installations, if so desired).

By default, the Kraken Image Optimizer will optimize your images using an ‘intelligent lossy’ compression profile, which is designed to yield drastic savings without notably impacting image quality. However, you can also manually enable a lossless option on its settings page. On top of these two default profiles, you can set a specific value for the quality of your JPG images, which ranges from 25 to 99 in case you want to test things out a little. During our own tests, we didn’t notice a perceivable difference between the outputs of either mode, but your mileage may vary.

This plugin also includes a useful option which enables you to establish a maximum resolution for your images, so that you won’t need to manually resize them when uploading in order to avoid breaking your pages. EXIF metadata can also be preserved, as the plugin lets you choose which attributes to keep, and finally, you can set a cap on the number of images to be optimized during a bulk process (so as to avoid hitting your requests limits).

4. ShortPixel Image Optimizer

ShortPixel not only scores well when it comes to compression, it also packs a nice interface. After installing and activating the plugin, every JPG, PNG, and GIF you upload will be automatically optimized, and this plugin doesn’t enable you to turn off this option at all, as most others do.

A bulk optimization tool is included, and individual images can be compressed by opening your Media Library in the List View format, where each file will appear with an individual Optimize Now button alongside it.

ShortPixel enables you to choose between lossy and lossless compression methods, using the former by default. It optimizes all of the image thumbnails created by WordPress during the upload process, is capable of removing EXIF data (or preserve it you prefer), can establish a maximum resolution for your images, and best of all, it automatically saves a backup of every image you upload to a new folder.

In order to set up the ShortPixel plugin, you’ll be prompted to enter an API key during the activation process, which is provided for free by signing up with your email to their subscription list and doesn’t require any additional information. A free signup entitles you to 100 image compressions per month, and credits for additional tasks can be purchased separately or earned by referring new users to the service.

5. Compress JPG & PNG Images

Compress JPG & PNG Images is rather more drastic than the other plugins we’ve mentioned on this list when it comes to image optimization. It employs only lossy compression methods, which make for a drastic reduction in filesizes while mostly preserving the quality of the images undergoing the procedure.

The plugin doesn’t offer many configuration options in its settings page, since you can’t modify the compression methods it uses. However, you can choose maximum resolutions for your uploaded images, pick exactly which sizes you want to compress (i.e. thumbnail, medium, etc.), and whether or not to preserve the copyright information of each file if available.

Despite these limitations, Compress JPG & PNG images performs very well when it comes to the optimization process, and our tests didn’t show any obvious reduction in quality of the images after they were processed.

6. Optimus

While Optimus performs admirably when it comes to the actual optimization process, the free version of this plugin includes a rather stifling 100kb file size cap on the images you can process, which essentially renders it a glorified demo.

That being said, Optimus has a simple settings menu, which makes it a good choice if you’re looking for sheer performance and are not interested in fine-tuning the details of the optimization process.

By default, Optimus will (pardon the pun) optimize images as they’re uploaded, but it won’t show the compression details on the Attachment Details window of each file, or in the menu, so you’ll have to manually compare file sizes in order to notice any difference.

This plugin won’t only optimize the files you upload, but also the multiple sized images that WordPress automatically creates for these media files (i.e. thumbnail, small, medium, and large).

Let’s Put Them to the Test

So far we’ve covered each plugin’s individual features, as well as their pros and cons. Now it’s time to see how they actually fare against each other when it comes to their intended purpose: image optimization. We’ve split the actual testing between JPG and PNG files since they’re the most commonly used types of graphic files on most websites, and chosen a single image with an average file size for each.

To get the best possible results, we’ve chosen lossy image optimization when possible, but that proved impossible with WP Smush and Optimus, due to a lack of alternatives. Despite the disparity in the results obtained from these particular plugins, we decided it would be best to include them alongside the rest for the sake of completion, since they remain some of the most popular image optimization tools available for WordPress.

We’d like to remind everyone that these results are far from exhaustive. Your mileage may vary depending on which particular image you choose to optimize, and these findings should be viewed only as an example of how each plugin performs individually.

JPG Optimization

Our JPG test subject.

Plugin	Original File Size	Optimized File Size	Optimization %	Compression Method
EWWW Image Optimizer	531 KB	70.9 KB	87%	Lossy
WP Smush	531 KB	488.1 KB	6.3%	Lossless
Kraken Image Optimizer	531 KB	61.98 KB	88.31%	Lossy
ShortPixel Image Optimizer	531 KB	81 KB	85%	Lossy
Compress JPEG & PNG Images	531 KB	64.9 KB	88%	Lossy
Optimus	69 KB	52 KB	24.64%	Lossless

As we can see, the plugins which applied a lossy optimization method obtained roughly similar scores across the board, with Kraken Image Optimizer and Compress JPEG & PNG Images pulling ahead by a very small margin. Due to its slight edge when it comes to the compression percentage (plus all of its additional features), we’re going to recommend you go with Kraken Image Optimizer if you use mostly JPG files on your site.

Compress JPEG & PNG Images comes rather close as well, but it simply lacks the variety of features that Kraken includes. However, if you’re not interested in in-depth configuration options and only want a potent optimization tool, it might be right up your alley.

PNG Optimization

Our PNG test subject.

Plugin	Original Filesize	Optimized Filesize	Optimization %	Compression Method
EWWW Image Optimizer	841 KB	240.8 KB	72.1%	Lossy
WP Smush	841 KB	Not applicable	Not applicable	Lossless
Kraken Image Optimizer	841 KB	217.47 KB	74.13%	Lossy
ShortPixel Image Optimizer	841 KB	200 KB	71%	Lossy
Compress JPG & PNG Images	841 KB	218.8 KB	75%	Lossy
Optimus	69 KB	63 KB	8.6%	Lossless

In this round, ShortPixel Image Optimizer took the lead with a slight advantage over the winners of the last section – once again with no noticeable reduction in the quality of the optimized images.

ShortPixel was one of our favorite plugins to use during the testing phase of this list due to its intuitive settings menu, which included solid descriptions for each feature. Its only downside is that it limits you to a maximum of 100 images per month and you’re required to purchase credits for any additional optimization tasks – same as the runner up, Compress JPG & PNG Images.

Conclusion

While optimizing your images won’t make your site magically load in milliseconds, it’s one of those things that show you take every detail into consideration. Even if the resources you save aren’t substantial to you as far as bandwidth goes (and let’s face it, bandwidth is pretty cheap), visitors with slow connections will definitely be thankful for it.

Just keep in mind that while we may have tested all of these plugins with different images, you will find that the results vary depending on the image you use. If you want to tackle image optimization seriously for your own projects, we recommend that you take the time to individually test some of our frontrunners to see for yourself just which plugin you prefer.

WordPress auf eine neue Domain übertragen / umziehen. So geht’s richtig.

7. April 2016adminWebdesignaber, absolut, admin, advanced, alle, also, alte, alten, anbieter, andere, anderen, anleitung, anpassen, arbeit, arbeiten, auch, aufruf, backup, beim, bekomme, bekommen, bereits, beste, bestehende, besten, bestimmt, bestimmte, blog, blogs, browser, button, computer, dann, darum, dateien, dateiname, dateinamen, daten, deine, deinem, deines, deren, detail, dienste, diese, doch, domain, downloaden, DR, durch, ebene, ebenen, echten, editor, eigentlich, eine, einem, einen, einer, eines, einfach, einfache, einfachen, einige, einmal, einrichten, einstellungen, Eintrag, eintragen, ende, entscheiden, erfolgreich, erhalten, ermitteln, erst, erste, esc, export, exportieren, fade, fahren, fall, fehler, fenster, fertige, file, finde, findest, findet, folgen, format, funk, funktion, funktionieren, funktioniert, ganz, GB, geben, geht, gemacht, genau, gleiche, gt, gute, gzip, haben, halten, hauptverzeichnis, hier, hilfe, id, ihre, immer, import, importieren, install, installation, installiere, installieren, interne, internet, ip, jahr, jede, jedes, jetzt, kann, kleine, kleinen, kleiner, klick, komme, kommen, kommentare, kommt, komplett, komprimierte, kopie, kopieren, kosten, kostenlos, kostenlose, kostenlosen, kunden, laden, leere, leicht, letzten, liebe, linux, lokale, lokalen, macht, mehr, mein, meine, meinem, mich, minute, minuten, mittel, muss, nach, namen, netz, neue, neuen, nicht, noch, nutzen, oder, OK, option, order, PC, pfad, pfade, plugin, plugins, problem, probleme, problemlos, program, programm, projekt, provider, RAM, raus, rechte, rechten, reicht, richte, richtig, rund, schluss, schnell, schnelle, schneller, schon, schritt, seite, seiten, selber, server, setzen, shell, sich, sicher, sicherung, siehst, sind, sogar, soll, sollte, sondern, space, speicher, speichern, speichert, start, startest, stellen, stellt, suche, suchen, system, teil, test, text, textdatei, texte, texteditor, tool, transfer, TV, umziehen, umzug, unter, URL, version, verwenden, verzeichnis, verzeichnispfad, viel, viele, webdesign, webseite, webspace, wechsel, weitere, welche, welches, wenn, werden, werte, wieder, will, wird, wirklich, wordpress, wordpress-blog, zahl, zeichen, zeigt, zeiten

Geniales Tool, das alles direkt per FTP und Assistent erledigt: Migrate Guru

auf der Quellseite das Plugin installieren
Ziel-Server einen FTP-Zugang einrichten, der direkt auf die Root zeigt
künftige URL und FTP-Zugangsdaten im Migrate-Guru auf der Quellseite eintragen
als Destination-Path die Root eintragen: /

Ein anderes gutes Tool: BackupBuddy
(BackupBuddy hat mir übrigens auch schon geholfen einen WordPress-Fehler – Java – zu finden, welchen ein anderes, aktiviertes Plugin verursacht hat. Ansonsten mit P3 Profiler oder Query Monitor nach Fehlern suchen…)

Ein Umzug deines WordPress Blogs steht an, du weißt aber nicht wie du das anstellen sollst? Ich zeige dir, wie du deinen Blog richtig von einem Server auf den Anderen umziehst.

Vielleicht hast du schon einmal deinen Blog oder eine andere WordPress Installation umziehen müssen. Zum Beispiel wenn du eine Testinstallation oder ein Kundenprojekt von deinem lokalem Webserver auf den Webspace im Internet übertragen musst.

Dabei wirst du bestimmt schon mitbekommen haben, das es nicht ganz so einfach ist ein fertig konfiguriertes WordPress zu übertragen. Eigentlich sind ja nur die Dateien und die Datenbank auf den Server zu übertragen. Anschließend die Zugangsdaten der Datenbank in der Konfiguration anpassen und fertig. So einfach ist es bei WordPress leider nicht! Der Teufel steckt hier im Detail.

Bei anderen CMS Systemen wie Drupal mag das funktionieren, bei WordPress aber leider nicht. Darum habe ich ewig im Netz recherchiert um eine wirklich umfassende Lösung zu entwickeln, die auch wirklich funktioniert.

Die Probleme eines WordPress Umzugs

Es gibt viele Anleitungen für im Internet, wie man einen Server-Umzug oder Domain-Umzug von WordPress macht. Dort ist immer die Rede davon, das du das Datenbank-File, welches du per phpMyAdmin gesichert hast, mit der „Suchen/Ersetzen“-Funktion eines Texteditors die alte Domain mit der Neuen ersetzt.

So habe ich das auch immer probiert und es hat nicht funktioniert. Ich musste anschließend immer die Theme Einstellungen neu einrichten, oder einige Plugins haben nicht mehr funktioniert und mussten komplett neu eingerichtet werden. Also bin ich selber dem Problem auf den Grund gegangen.

Der Übeltäter eines WordPress Server-Umzugs oder Domain-Umzugs oder sogar nur ein Domain-Wechsel ist die Datenbank. Genauer gesagt, die Art und Weise wie WordPress die Daten dort ablegt. WordPress speichert die vollen Verzeichnispfade, sowie die Domain mehrfach serialisiert in den Einstellungen. Diese müssen vor dem Einspielen auf den neuen Server im der Datenbank Datei auf die neuen Werte korrigiert werden.

Und es kommt noch schlimmer. WordPress speichert diese Einstellungen zusätzlich noch serialisiert. Da heißt die Anzahl der Zeichen wird zusätzlich auch gespeichert. Dadurch funktioniert ein einfaches Suchen und Ersetzen funktioniert also nicht.

Wenn ich jetzt z.B. die Domain. in der Datenbank durch http://meine-neue-seite.de ersetze, stimmt zwar die Domain, aber die Anzahl der Zeichen hat sich geändert. Hier müsste dann anstelle einer 24 muss dort dann eine 29 stehen, wie nachfolgendes Beispiel zeigt.

Serialisierte Zeichenketten in WordPress

Diese Änderungen müssen nicht nur für die Domain erfolgen sondern auch für die Einträge in der Datenbank, wo WordPress den Pfad des Verzeichnis gespeichert hat. In meinem Fall waren das bei einer sehr großen WordPress Webseite, mit ca. 60 Plugins ca. 13000 Einträge. Wie du siehst, das kann man sich nicht mehr per Hand erledigen.

Nachdem ich dir jetzt erläutert habe, wo die Probleme bei einem WordPress Umzug liegen, zeige ich dir im nächsten Abschlitt die Lösung dieser Aufgabe.

So ziehst du dein WordPress richtig um

In dieser Schritt für Schritt – Anleitung zeige ich dir wie du dein WordPress sicher und einfach auf den neuen Webspace überträgst. Und anschließend funktionieren auch wirklich alle Einstellungen wie gewohnt.

Schritt 1

Als erstes lädst du alle Dateien deiner WordPress-Installation mit einem FTP-Programm von dem Server auf deinen lokalen Computer herunter. In dem Fall meine ich natürlich die Quell-Installation. Ich verwende dafür das kostenlose FTP Programm FileZilla. Du kannst dafür aber auch jedes andere FTP-Programm verwenden.

Das kann je nach Größe deines WordPress Blogs einige Zeit in Anspruch nehmen. Bei mir waren es nach ca. 2 Jahren ca. 4 GB. Sicherlich auch, weil hier einige Komplettsicherung meines Backup-Plugins dabei waren.

Schritt 2

Jetzt installierst du in deinem bestehenden und noch lauffähigen WordPress-Blog das Plugin „WP Migrate DB„. Dieses Plugin findest du wie gewohnt über die Plugin Suche von WordPress oder in im offiziellen Plugin Directory auf Wordpress.org.

Das Plugin gibt es in einer kostenlosen und in einer kostenpflichtigen Version. Die kostenlose Version reicht aber für deinen Umzug aus und es leistet sehr gute Dienste. Nach erfolgreicher Installation findest du das Plugin unter dem Menüpunkt „Werkzeuge -> Migrate DB“.

WordPress Plugin WP Migrate DB

„WP Migrate DB“ zeigt dir auf der Migrate-Seite die derzeitigen Einstellungen für deine Domain und deinen Server-Pfad in den feldern unter „Find“. Hier befindet sich deine WordPress Installation derzeitig. Jetzt musst du nur in den rechten Feldern unter „Replace“ den neuen Domain-Namen und den neuen Server-Pfad eintragen. Die Felder für die URL und den Pfad sind bereits aufgeführt.

WP Migrate DB – Pfade eintragen

Wenn sich zum Beispiel deine Domain oder der Server-Pfad nicht ändert, musst du hier in den Replace-Feldern die gleichen Daten eintragen, wie bei „Find“. Den Server-Pfad des neuen Servers erfährst du aus der PHPinfo.

Leere Textdatei unter phpinfo.php abspeichern und folgendes einfügen:

<?php // Show all information, defaults to INFO_ALL phpinfo(); ?>

Danach per FTP-Client auf den Server übertragen und via http://www.meine-seite.de/phpinfo.php aufrufen.

Den absoluten Pfad findet man unter dem Punkt:

_SERVER[„DOCUMENT_ROOT“]

Exkurs: Den absoluten Pfad ermitteln

Für einige arbeiten im Internet ist es erforderlich den absoluten Pfad (DOCUMENT ROOT) zu ermitteln, am einfachsten ist dies mit einer einfachen PHP – Datei. Dazu öffnen wir einen ganz normalen Texteditor (nicht Word!), und kopieren den nachfolgen Code in diese leere Textdatei und speichern diese Datei unter dem Dateinamen absoluter-pfad.php ab.

Hier der Code:

<?php $pfad = getcwd();
echo $pfad;
?>

Nun laden wir diese Datei mittels FTP in das Verzeichnis, von dem wir den absoluten Pfad ermitteln wollen, nach dem hochladen rufen, wird die Datei absoluter-pfadt.php im Browser auf, also www.ihre-domain.de/absoluter-pfad.php oder www.ihre-domain.de/verzeichnis-xyz/absoluter-pfad.php und bekommen nun den absoluten Pfad angezeigt.

Absoluten Pfad ermitteln auf einem kleinen Umweg

Das funktioniert am einfachsten über das Anti-Malware-Tool von GOTMLS.NET. Beim Scannen wird das Stammverzeichnis unter „Scan Details“ angezeigt. (Außerdem holt man sich keine Malware auf den neuen Server 😜 )

WP Migrate DB – Erweiterte Einstellungen

Im unteren Bereich kannst du weitere Einstellungen anhaken. Dazu musst du den Bereich „Advanced Options“ aufklappen. Hier hast du zusätzlich die Möglichkeit zu entscheiden, ob du bestimmte DB-Einträge, wie Revisionen, Spam.Kommentare oder temporär gecashte Daten nich mit exportieren möchtest. Damit kannst du dein Export-File kleiner halten. Jetzt solltest du noch den Haken bei „Compress file with gzip“ rausnehmen, damit du ein unkomprimiertes Datenbank-File erhälst.

Anschließend klickst du auf den Button „Migrate“ und startest damit den Export. Jetzt öffnet sich ein Fenster, welches dich über den Export-Fortschritt der Datenbank informiert. Je nach Größe deiner Datenbank kann dieser Vorgang einige Minuten in Anspruch nehmen. Im Anschluss kannst du die fertige Export-Datei auf deinen PC downloaden.

WP Migrate DB – Exportvorgang

Schritt 3

So, jetzt musst du nur noch das geänderte Datenbank-File in die neue MySQL Datenbank importieren. Das machst du am besten wieder über phpMyAdmin. Wenn die Datei zu groß ist um Sie mit phpMyAdmin zu importieren, kannst du zusätzlich den MySQL Dumper installieren und dieses Tool für den Import der WordPress-Datenbank nutzen.

WP Datenbank über phpMyAdmin importieren

Schritt 4

Als letzten Schritt musst du natürlich noch die Datei wp-config.php anpassen. Das hatte ich noch vergessen und der Tom hat mich in den Kommentaren darauf aufmerksam gemacht. Die Datei wp-config.php findest du im Hauptverzeichnis deiner WordPress-Installation. Hier musst du jetzt die Zugangsdaten deiner neuen Datenbank eintragen. Diese hast du vorhin schon einmal benutz, wo du dich in die phpMyAdmin Oberfläche deines neuen Providers eingeloggt hast. Dein Provider stellt dir die vollständigen Zugangsdaten zur Verfügung.

Zugangsdaten in der wp-config.php anpassen

Tipp zum MySQL Import

Viele Webspaces haben auch einen SSH Zugang. Damit kannst du natürlich die Datenbank-Sicherung auch per Linux-Shell in die neue Datenbank einspielen. Der Vorteil ist hierbei, das du nicht an irgendwelche Ausführzeiten von PHP gebunden bist. Meistens geschieht das komplett fehlerlos und wesentlich schneller als.

Als letztes musst du jetzt gegebenenfalls noch die Domain selber auf den neuen Server umziehen. Wenn du deinen Blog mit einer neuen Domain betreiben willst, entfällt dieser Punkt natürlich. Den Domian-Transfer startest du über die Admin-Oberfläche deines Hosting-Anbieters. Wie das da funktioniert erfährst du auf den Hilfe-Seiten deines Hosters.

Jetzt sollte dein WordPress Blog auf dem neuen Server wieder so funktionieren, wie auf dem alten Webserver. Alle Einstellungen der Plugins sowie des Themes sind erhalten geblieben und funktionieren wieder wie gewohnt.

Fazit

Mit ein klein bisschen Vorbereitung ist es problemlos möglich einen WordPress-Blog auf einen anderen Server umzuziehen. Ich habe diese Schritt für Schritt Anleitung entwickelt, weil ich selber sehr oft damit Problem hatte.

Wenn dir diese Anleitung weiter geholfen hat, schreibe mir doch einfach einen kleinen Kommentar unter diesem Beitrag. Ich würde mich sehr freuen zu erfahren, wie es dir beim WordPress-Umzug ergangen ist.

Elemente mittels CSS unsichtbar machen / in WordPress ausblenden bzw. verstecken

29. März 2016adminWebdesignaber, alle, also, alte, alten, annehmen, anpassen, anwendung, arbeit, archiv, archive, auch, ausblenden, ausschneiden, auto, background, befehl, befehle, beispiele, bereits, besser, bessere, bestimmt, bestimmte, bleibt, blog, Box, browser, chrome, codes, css:, dann, dass, deine, detail, diese, display:none, durch, eine, einen, einer, eines, einfach, einfache, einmal, einzigen, elemente, ende, entsprechende, erhalten, erkennen, erst, erste, erstellen, esc, euch, fall, farbliche, format, frei, funk, funktion, funktionieren, funktioniert, geben, genau, gewinne, gleiche, gt, halten, hier, hintergrund, html, id, informationen, inhalt, inhalte, ip, jede, jedem, jeden, kann, kennen, lager, lassen, lens, logo, machen, mehr, mittel, muss, nach, Nach Ver, neben, nicht, noch, nutzt, oder, page, parameter, play, plugin, plugins, RAM, richtig, richtige, richtigen, rund, safari, schnell, schnelle, schrift, schriften, seine, seinen, seite, seiten, setzen, sich, sichtbar, sind, soll, sondern, spalten, sparen, spiele:, stellen, stellt, struktur, style, tabelle, tabellen, test, text, titel, tool, tools, transparent, transparente, unsere, unter, vergisst, verstecken, versteckt, verwenden, verwendete, webdesign, welche, welchen, welches, wenn, werden, wieder, wird, wirklich, wordpress, zeile, zeilen, zwischen

CSS: Bestimmte Inhalte ausblenden

Mit CSS Code kannst du sehr einfach bestimmte Elemente im Theme verstecken.

CSS Befehl:

Du kannst den CSS Befehl display: none verwenden, um ein Element auszublenden:

.page-element {
display: none;
}

Hierbei musst du die Klasse .page-element mit der ID oder Klasse des von dir gewünschten Elements ersetzen, welches verborgen werden soll. Wir empfehlen die Verwendung des Firefox Plugins Firebug zur Identifizierung der richtigen ID bzw. Klasse.

Beispiele:

Bitte beachte, dass sich die HTML Strukturen je nach verwendeten Theme unterscheiden können und manche Codeschnipsel deshalb nicht in jedem Theme gleichermaßen funktionieren.

Logo ausblenden

#logo {
display: none;
}

Alle Seitentitel verstecken

.page-title {
display: none;
}

Seitentitel einer einzigen Seite ausblenden ( Seite mit ID 99)

#page-99 .page-title {
display: none;
}

Beitragsinformationen (Postmeta) verstecken

.postmeta {
display: none;
}

Autor des Beitrags ausblenden

.postmeta .meta-author {
display: none;
}

Archivseiten Überschrift verstecken

.archive-title {
display: none;
}

Wer seinen Blog liebt, der arbeitet und feilt daran, bis er perfekt wird. Manchmal stören am Ende dann aber lästige Boxen, Leerräume oder im Hintergrund wäre ein transparentes Grafikdetail noch schön. Neben bereits bekannten CSS Designmöglichkeiten bieten euch die Befehle [visibility], [display] und [opacity] eine schnelle und einfache Möglichkeit, diesen zusätzlichen kreativen Freiraum zu gewinnen.

Visibility

Die visibility Eigenschaft legt die Sichtbarkeit eines Elements fest. Dafür verwendet ihr die Parameter [hidden] und [collapse]. Der Befehl [hidden] setzt das Element dabei ausschließlich auf vollständig transparent, [collapse] kann zusätzlich Tabellenspalten/-zeilen/-gruppen-Elemente ausschneiden. Wenn dein Browser [collapse] richtig interpretieren kann, werden die transparenten Elemente später nicht mehr sichtbar sein. Safari und Chrome erkennen ihn zwar in der Regel, geben ihn aber genauso wie [hidden] aus, also mit Textfluss-Unterbrechung.

In beiden Beispielen wurde die 2. Zeile transparent:

Display

Der Befehl [display: none] funktioniert im Prinzip wie der [collapse] Befehl, nur dass ihr nicht mehr auf Tabellen beschränkt seid, sondern auch normalen Content lückenlos verschwinden lassen könnt. In unserem Fall den bekannten „Lorem ipsum …“ Text.

Zum Vergleich nur mit [hidden]:

Opacity

[opacity] ermöglicht euch, Boxen, Hintergründe und Schriften stufenweise transparent werden zu lassen. Dazu müsst ihr den „opacity“ Befehl in die entsprechende Codezeile einfügen. Sie kann dabei einen Wert zwischen 0 und 1 annehmen.

Code in der Schriftzeile:

Code in der Backgroundzeile:

Fazit:

Zum Ausschneiden eignen sich [hidden] oder [display:none] wirklich gut. Sie sind schnell geschrieben und einfach in der Bedienung. Außerdem bleibt der Content für euch im HTML erhalten, falls ihr ihn wieder herstellen möchtet. Nur vor euren Leser ist er versteckt und das unabhängig davon, welchen Browser er nutzt. Durch den [opacity] Befehl bieten sich euch zusätzliche Gestaltungsmöglichkeiten, die man ab und zu vergisst, wie das Übereinanderlagern von Boxen oder das farbliche Anpassen des Themes. Auf jeden Fall wert, es einmal auszuprobieren.
Neben der hier vorgestellten In-Line Anwendung des Codes, funktionieren diese Code-Schnipsel natürlich auch in deiner style.css in der du die entsprechende .class oder #id einfach erweiterst. Wenn du in Testing-Tools gut abschneiden möchtest, ist diese Variante die bessere.

Wie strukturiert man Webseiten-Inhalte sinnvoll?

21. März 2016adminWebdesignaber, alle, allen, alles, also, alte, alten, analytics, andere, anderen, anstatt, antworten, anzeige, anzeigen, artikel, auch, beachten, bekomme, bekommen, bereits, besser, beste, bestehende, besuch, blog, book, bringen, dagegen, dank, danke, dass, deine, deinem, deren, detail, diese, direkt, DR, druck, ebook, eigene, eigenen, eigentlich, eine, einem, einen, einer, eines, einfach, einige, einmal, ende, erreichen, erst, erste, ersten, esc, fall, finde, folgen, format, fragen, frei, ganz, gegen, gelangen, gelesen, gemacht, gerade, google, gt, halten, heraus, herausfinden, hier, hilfe, id, ihnen, immer, informationen, infos, inhalt, inhalte, inhalten, jede, jeder, jetzt, kann, klick, klicken, komme, kommen, kommt, komplett, kopf, LAN, landen, lang, lange, lassen, leicht, leichter, lesen, letzten, machen, macht, media, mehr, nach, neue, nicht, nimmt, noch, nutzt, oder, OK, online, option, optionen, order, orten, platz, plugin, plugins, private, privaten, raus, reicht, relate, richte, scannen, schaffst, schon, sehe, sehen, seine, seinen, seite, seiten, sich, sind, social, sofort, soll, sollte, sollten, start, statt, stellen, struktur, suche, suchen, teil, teilen, test, unter, verfolgen, viel, viele, voll?, webdesign, webseite, webseiten, wechsel, weitere, welche, welchen, wenn, werden, wichtig, wichtige, wichtigste, wichtigsten, wirklich, woher, wordpress, zahl, zeigen

Eine neue Webseite oder einen Blog einzurichten oder eine schon bestehende Webseite neu zu gestalten, kann einem ganz schön Kopf zerbrechen bereiten. Und noch bevor man anfängt sich Gedanken zum Design zu machen sollte man sich überlagen, wie man die Webseiten-Inhalte strukturieren möchte.

Die wichtigsten Fragen, die man sich hierbei stellen sollte sind: Für wen ist die Webseite? und Welchen Zweck soll die Webseite erfüllen?

1. Die wichtigsten Fragen klären

Denn die Antworten auf diese Fragen können je nach Art der Webseite komplett unterschiedlich ausfallen. Wenn du z.B. ein Onlineshop hast, sind die Anforderungen an deine Webseite ganz andere, als bei einem Portfolio, einer Geschäftspräsentation oder einem privaten Blog.

Nachdem du dir Gedanken zum Zielpublikum deiner Webseite gemacht hast und du dich auch mit der Frage auseinander gesetzt hast, welchen Zweck du mit deiner Webseite eigentlich erfüllen möchtest kannst du sehr viel leichter herausfinden, welche Inhalte für deine Webseiten-Besucher eigentlich am wichtigsten sind.

Welche Links sollten in deinem Hauptmenü vorkommen, welche müssen in ein Untermenü oder auf welche kannst du komplett verzichten (oder eventuell reicht es auch, einige Links nur im Footer unterzubringen).
Welche Bereiche deiner Webseite sollten auf jeder Seite vorkommen und welche Inhalte sollten je nach Art der Seite wechseln?
Was möchtest du auf deiner Startseite zeigen und welche Inhalte sollen eher auf den Unterseiten angeordnet werden?

Du könntest auch mit einer Startseite anfangen, die die Inhalte deiner Webseite nur anteasert, so dass deine Besucher auf der Startseite einen ersten Eindruck bekommen, was sie auf deiner Webseite an Inhalten erwartet.

2. Woher kommen deine Webseiten-Besucher?

Jetzt hast du dir also bereits Gedanken zu deiner Startseite gemacht. Aber es ist auch wichtig zu bedenken, wie deine Besucher eigentlich überhaupt auf deine Webseite gelangen.

Falls du schon eine bestehende Webseite hast, kannst du dafür Google Analytics als Info-Quelle zur Hand nehmen (z.B. über das WordPress-Plugin Google Analytics). Du solltest nämlich auch daran denken, dass viele Besucher vielleicht über die Google-Suche oder Social Media-Links (über Facebook oder Twitter) direkt auf einem Blog-Artikel oder einer anderen Unterseite landen. Diese Besucher sehen also die Startseite überhaupt nicht gleich.

Bei einem Portfolio, das du hauptsächlich als Visitenkarte für dich nutzt, ist dagegen recht wahrscheinlich, dass alle Besucher als erstes deine Startseite besuchen.

3. Welche Informationen sind wirklich relevant?

Außerdem solltest du dir darüber Gedanken machen, welche deiner Inhalte wirklich wichtig sind, um deine Ziele zu erreichen. Dein Haupt-Menü sollte z.B. übersichtlich und leicht überschaubar sein. Einige Links sind daher vielleicht besser an einer anderen Stelle aufgehoben (Sidebar, Untermenü, Footer).

Natürlich gibt man sich viel Mühe mit den eigenen Inhalten und am liebsten möchte man seinen Besuchern, gleich alle Informationen mitteilen. Aber die Inhalte übersichtlich zu halten, ist eventuell wichtiger, als alles mitteilen zu wollen. Wenn du aber nur die wichtigen Informationen aufnimmst, schaffst du eine klarere Struktur und du kannst deinen wichtigen Inhalten mehr Platz bieten. Deine Besucher finden sich so viel leichter auf deiner Webseite zurecht.

Natürlich ist es aber auch wichtig, die Besucher nicht zu langweilen. Auf News-Webseiten oder Online-Magazinen, auf denen die Besucher die Inhalte eher abscannen und nicht unbedingt im Detail lesen, ist eventuell eine andere Strategie sinnvoller. Es kommt also wie gesagt immer sehr stark auf deine Ziele und dein Ziel-Publikum an, welche Strategie du für deine Webseite verfolgen solltest.

4. Optionen bieten

Ein weiterer wichtiger Punkt ist es auch, immer Optionen zu bieten und deine Besucher nicht ins “Nichts” laufen zu lassen. Es könnte vielleicht sinnvoll sein, noch einmal eine Anzahl an relevanten Infos oder Links im Footer anzubringen, anstatt die Webseite einfach mit dem letzten Inhaltsbereich enden zu lassen. Auch eine Webseiten-Suche ist dabei eine hilfreiche Möglichkeit.

Auf Blog-Artikeln kannst du mit Hilfe eines Plugins weitere Beiträge mit ähnlichen Themen anzeigen (z.B. mit Related Posts von Jetpack oder dem Yet Another Related Posts-Plugin). So können deine Leser gleich zum nächsten Beitrag weiter klicken, wenn ihnen der gerade gelesene Artikel gefallen hat.

Wenn die Hauptmenü-Punkte auf deiner Webseite (z.B. bei einem Shop mit Warenkorb-Link) besonders wichtig sind, könnte eine feststehende Menüleiste für dich wichtig sein. So finden deine Besucher immer sofort zu deinen wichtigsten Links. Wichtig ist dabei zu beachten, ob die Leiste nicht zu viel Platz in der Höhe deiner Webseite wegnimmt oder ob du diesen Platz für das Menü einnehmen möchtest.

WordPress Post ID herausfinden

14. März 2016adminWebdesignaber, adresszeile, alle, allen, also, alte, alten, anzeige, arbeit, arbeiten, auch, bearbeiten, blick, browser, copy, detail, details, diese, DR, editor, eine, einen, einer, eines, einfach, ende, entsprechende, erscheint, erst, erste, ersten, euch, eurer, fahren, fall, finde, findet, funk, funktion, funktionen, funktioniert, ganz, geht, gelesen, genau, gerade, gt, haben, halten, heraus, herausfinden, hier, id, inhalt, inkl, interne, internen, jeweilige, jeweils, kann, klick, klicken, kommt, kopie, kopieren, kosten, LAN, leicht, lesen, markieren, maus, nach, nein, nicht, oder, orten, over, paste, plugin, plugins, raus, schlag, schnell, schnellste, schnellsten, schon, seite, seiten, sich, sogar, teil, titel, unter, URL, verwenden, viel, welche, wenn, werden, wieder, wird, wissen, wordpress, wortes, zahl, zahlen, zeigen, zeigt, zeile, zwei, zweite

Zahlreiche Plugins und WordPress Funktionen verwenden sie: die ID eines Beitrags oder einer Seite. Aber wie findet man Post ID heraus? Wir zeigen euch, wie ihr ganz einfach die ID eines Beitrags, einer Seite oder einer Kategorie in WordPress herausfindet.

ID eines Beitrags in WordPress finden

Wer zum ersten Mal die Post ID eines WordPress Beitrags verwenden möchte, sucht sich gern mal dumm und dämlich. Man vermutet diese vielleicht auf der Detailseite des jeweiligen Beitrags oder sogar in der Beitragsübersicht. Fehlanzeige? Jein. Auf beiden genannten Seiten könnt ihr die Post ID finden, intuitiv gelingt das aber nicht unbedingt.

ID eines Beitrags auf der Übersichtsseite

Wenn ihr den gesuchten Beitrag nicht zufällig gerade bearbeitet, findet ihr die gewünschte Post ID am schnellsten auf der Übersichtsseite der Beiträge (Beiträge > Alle Beiträge).

In allen gängigen Browsern wird in der linken unteren Ecke die URL eines Links angezeigt, wenn ihr mit dem Mauszeiger über den Link fahrt. So auch auf der Übersichtsseite eurer WordPress Beiträge. Hovert ihr also über den Titel eines Beitrags, erscheint links unten die interne Beitrags-URL. Teil dieser URL ist post=1234 . Die Zahlenfolge hinter post=ist die ID des entsprechenden Beitrags!

Die Post ID könnt ihr ganz einfach auf der Übersichtsseite ablesen

Post ID auf der Beitragsseite

Bearbeitet ihr den entsprechenden Beitrag gerade oder wollt die ID gern kopieren, findet ihr die Post ID auch auf der Beitragsseite heraus.

Ihr öffnet also den gewünschten Beitrag zum Bearbeiten in WordPress und werft einen Blick in die Adresszeile eures Browsers. Dort findet ihr wieder eine URL, in der post=1234 vorkommt. Diese Zahl ist die ID des Beitrags!

Praktisch: ID eines Beitrags aus der URL im Editor kopieren

Bei dieser Variante besonders praktisch: ihr könnt in die Browserzeile hineinklicken, die Post ID markieren und per Copy & Paste an der gewünschten Stelle einfügen.

Die ID einer Seite oder Kategorie herausfinden

Analog zum Finden einer Beitrags ID geht ihr bei Seiten, Kategorien und Schlagworten vor. Auch hier könnt ihr auf der jeweiligen Übersichtsseite mit der Maus über die gewünschte Seite bzw. Kategorie fahren und aus der URL-Anzeige in der linken unteren Ecke eures Browsers die ID ablesen.

Ebenso funktioniert die zweite Variante, bei der ihr die URL im Editor der jeweiligen Seite oder Kategorie ablest.

Seiten ID in WordPress

Genau wie bei Beiträgen findet ihr die Seiten-ID in WordPress in der jeweiligen URL hinter post= . Bei post=1234 ist also 1234 die ID der jeweiligen Seite.

Auch die ID einer Seite kann aus der URL im Editor abgelesen werden

ID von Kategorien oder Schlagworten in WordPress

Die URL einer Kategorie oder eines Schlagwortes sieht ein bisschen komplizierter aus, aber auch hier könnt ihr auf einen Blick die ID ablesen.

In diesem Fall haltet ihr Ausschau nach tag_ID=1234 – die Zahlenfolge ist die ID der jeweiligen Kategorie oder des Schlagwortes.

Sieht erstmal kompliziert aus: die URL im einer Kategorie. Aber auch hier könnt ihr die ID einfach ablesen!

Fazit

Eine Kleinigkeit, die bei Nichtwissen viel Zeit kosten kann: das Herausfinden der ID von Beiträgen, Seiten, Kategorien oder Schlagworten. Die ID ist jeweils in der internen URL zum Inhalt zu finden. Sie kann entweder auf der Übersichtsseite oder im Editor einfach abgelesen werden.

Welche Kleinigkeiten haben euch in WordPress schonmal länger aufgehalten?

WordPress CRON Job startet nicht

11. Januar 2016adminWebdesignaddress, after, alle, also, alte, alter, alternative, backup, backups, change, disable, DR, everything, file, files, full, htaccess, id, install, interne, internet, ip, later, look, message, mode, nicht, OK, over, plugin, plugins, plus, ports, process, protected, provider, remove, rote, scheduler, server, shell, should, start, startet, system, time, version, webdesign, website, when, will, wordpress, your

1. Maintenance mode?

Firstly: is your website in maintenance mode? This disables scheduled tasks of all kinds – so turn it off first.

2. No visitors?

WordPress’s scheduler relies on the site having visitors. No visitors means that WordPress doesn’t run, and therefore can’t hand over to the scheduled task. If your site is in development, and you schedule a backup run for a time when all the developers are asleep, then that may be the cause for the scheduled task not running. (Read more here).

3. Is your scheduler explicitly disabled?

Perhaps your site has WordPress’s scheduler disabled in the configuration.UpdraftPlus versions 1.6.61 and later will alert you of this; to check manually, look for a line like this in your wp-config.php file (which is found in the root directory of your WordPress install), and remove it (or change true to false, making sure there are no quote marks around false):

define('DISABLE_WP_CRON', true);

In this case, the disabling may be something your web hosting company did intentionally, so be aware that they may re-disable it. Or, it may be something that you did intentionally, and you may have set another means of calling WordPress’s scheduler system, perhaps via your web hosting company’s control panel. In that case, the message about DISABLE_WP_CRON is to be expected – but note that it is then your responsibility to make sure that the scheduler is called frequently enough to process all the jobs scheduled on your site. No backups, even those scheduled with “Backup Now” will run until the time that you have set the scheduler system to be called.

Also – note that it’s possible for DISABLE_WP_CRON to be set in a file other than wp-config.php; wp-config.php is simply the most likely (99%) place. If you have a warning about DISABLE_WP_CRON, but it is not found in wp-config.php, then it will be somewhere else – you will need to hunt for it.

4. Loopback connections are disabled?

Some web hosting providers (one big one: Heart Internet) purposefully (though for no good reason) disable the “loop-back” connects that allows WordPress to run its scheduler. In such a case, you can try this use WordPress’s alternative scheduling system – instructions here. The instructions amount to one thing: add a line anywhere in the middle of your wp-config.php file as follows (don’t add it too late in the file, or it will take no effect):

define('ALTERNATE_WP_CRON', true);

5. Try using a cron job

If your web hosting company gives you “shell” access and you can set up cron jobs, and if you are confident/skilled enough to use that, then that’s a great solution. Jobs run that way won’t face any time-out issues imposed by the webserver. Read more about running via the shell here.

6. Is your entire website password-protected?

Another cause is if your entire website is password-protected at the HTTP level (e.g. via a .htaccess file). This also prevents WordPress’s scheduler from working. You should configure your webserver to allow “loop-back” connections (i.e. connections to self), otherwise you WordPress scheduler and everything that depends upon it will be broken. If you are using Apache and .htaccess, then adding these two lines to the access control section of your .htaccess should work – after replacing a.b.c.d with your website’s IP address):

Allow from a.b.c.d
Satisfy Any

Please note: The above suggestion is just a suggestion. .htaccess configuration is a very big subject. UpdraftPlus neither “supports” nor “doesn’t support” different .htaccess configurations, because .htaccess files operate at quite a different level to WordPress plugins. If you enter the correct instructions in your .htaccess file to permit access, then UpdraftPlus will work. But if you are not sure of the correct instructions for your particular server, then you need to consult with either your web-hosting company or your local .htaccess guru.

autoConvert Plugin – Einheiten automatisch konvertiert anzeigen

14. Dezember 2015adminMac OSX, Windowsaddons, anschliessen, anzeige, anzeigen, auto, automatisch, bestimmt, chrome, convert, diese, eine, einem, einer, einmal, ende, erst, erste, fenster, finde, fremde, fremden, google, Google Chrome, gt, install, installation, interne, internet, kann, maus, nach, nicht, oder, plugin, schritt, schritte, seite, sich, soll, stellen, surfen, viel, viele, website, welche, werden, werte, zeigen, zeigt

Ob Rezepte oder Preisangaben: Im Internet finden sich viele Massangaben, mit denen man nichts anfangen kann. Dafür gibt es für Google Chrome nun ein Addon. Surfen Sie auf einer Website mit fremden Masseinheiten, werden diese automatisch entdeckt und gekennzeichnet. Fährt man mit dem Mauscursor über die eingefärbten Stellen, zeigt das Addon in einem Fenster den umgerechneten Wert an.

Erste Schritte: Nach der Installation öffnet sich die Konfigurationseite des Addons. Dort bestimmt man einmalig, welche Werte automatisch umgerechnet werden sollen – und welche Masseinheit dafür verwendet werden soll. Anschliessend kann man lossurfen – Unzen, Meilen und Gallonen gehören der Vergangenheit an.

Facebook WordPress Plugin online

2. September 2015adminFacebook, Webdesigneuch, facebook:, internet, noch, online, plugin, sich, webdesign, werden, wordpress

WordPress Plugin von Facebook

Ich will eigentlich gar nicht lange drum herum schreiben und zeig euch gleich was das Plugin kann und wie man es installiert. Die Features können sich sehen lassen. Wenn man viel mit Facebook arbeitet und eine aktive Fanpage pflegt und somit viele Leser von/auf Facebook hat, kann man diesen nun das volle Programm bieten:

Beitrag automatisch an die Timeline senden sobald er veröffentlicht wurde
Erwähnung von Freunden und Fanpages
Die bekannten Buttons (Like, Share, Subscribe) können problemlos eingebunden werden
Facebook-Kommentare können integriert werden
Interessante/Populäre Artikel auf Facebook anzeigen (Feedbox)
Direkter Link aus dem Dashboard zu Facebook-Insights
und noch ein paar Kleinigkeiten mehr 😉

Installation

Um das Plugin zu installieren könnt ihr es euch einfach hier herunterladen und in den Plugin-Ordner euerer WP-Installation hochladen, oder direkt über die Plugin-Suche in WordPress suchen und installieren.

Ist das Plugin installiert und aktiviert, müsst ihr anschließend eine Facebook-App anlegen. Hört sich für die, die es noch nicht gemacht haben kompliziert an, ist es aber nicht:

Besucht einfach die Seite https://developers.facebook.com/apps

Dort geht ihr dann rechts oben auf „Neue Anwendung erstellen“ und gebt dem Kind einen Namen:

Anschließend die Captcha-Abfrage eingeben und ihr kommt zu den Einstellungen der App, die wie folgt ausgefüllt werden müssen:

Die Daten, die ihr gleich noch braucht habe ich euch rot markiert. Nun geht ihr in euerem WordPress-Adminbereich auf die Einstellungsseite und gebt bei Step 3 die oben markierten Daten ein:

Das wars auch schon. Nun habt ihr die Auswahl der ganzen Features des Plugins. Wenn ihr eines davon auswählt werden noch die individuellen Einstellungen eingeblendet:

Zudem findet ihr auf der Widget-Seite euerer Installation nun die passenden Facebook-Widgets, die ihr nach Bedarf einsetzen könnt.Die offizielle Beschreibung zum Plugin findet ihr hier.

Anonymox Proxy Plugin um Youtube zu entsperren oder Geo-Sperren zu umgehen

26. März 2014adminMac OSX, Windowsanonymox, entsperren, internet, oder, plugin, proxy:, youtube:

Was ist anonymoX?

anonymoX ist Ihr Weg, um sich im Internet anonym zu bewegen und Zensurmaßnahmen zu überwinden. Die meisten Webseiten überwachen und analysieren das Verhalten ihrer User und können so detaillierte Besucherprofile erstellen.

Staatliche und private Organistionen blockieren unter den Vorwänden von Jugendschutz, Urheberrechtsverletzungen oder Terrorbekämpfung willkürlich Webseiten.

Beliebt sind auch Einschränkungen für Besucher aus bestimmten Regionen der Welt, beispielsweise sperren Mediaplattformen mittels sogenannter GeoIP-Sperren das Ansehen vieler Videos basierend auf dem Herkunftsland.

Mit anonymoX können Sie diese Blockaden umgehen, indem Sie mit einem Mausklick eine virtuelle Identität in einem anderen Land annehmen.

Es werden keine eigenen Proxys/Proxylisten, oder Programme benötigt. anonymoX stellt alles zur Verfügung.

Mit anonymoX können Sie…

ihre IP-Adresse ändern (werden von uns zur Verfügung gestellt)
anonym im Internet surfen
blockierte Seiten aufrufen
GeoIP-Sperren umgehen: so erscheinen, als ob Sie aus einem anderen Land stammen
für jede Webseite eigene Anonymisierungseinstellungen vornehmen
Cookies löschen, IP-Adresse anzeigen, Browserkennung ändern, …..

So funktioniert’s

Dienste (IP-Adressen) wechseln
Sie können zwischen unterschiedlichen Diensten auswählen, indem Sie auf das anonymoX-Icon (Blaues X), welches sich oben rechts neben dem Suchfeld befindet, klicken.

Profile

Wenn Sie für eine bestimmte Webseite, z.B. Online-Banking, kein anonymoX verwenden wollen, oder für eine bestimmte Seite als US-Amerikaner erscheinen wollen:

Gehen Sie einfach auf die Webseite, für die Sie das Profil, also die Einstellungen, ändern wollen, und klicken Sie dann auf das anonymoX-Icon. Wählen Sie bei Dienst, ob Sie anonymoX aktiv oder ausgeschaltet haben möchten, und bei Land die Nationalität, unter der Sie erscheinen möchten.

Die geografisch naheliegenden Identitäten sind die Schnellsten, doch auch Identitäten im Ausland, wie der in den USA, haben ihre Vorzüge: Da sie den Eindruck erwecken, sie befänden sich in den USA, können Sie häufig auf Inhalte zugreifen, die z.B. in Deutschland nicht erreichbar sind. Dies wird häufig durch den Einsatz einer sogenannten GeoIP-Sperre erreicht wird (bspw. bei Videostreamingplattformen wie YouTube, usw.)

So funktioniert anonymoX
Die Anonymisierung funktioniert nach einem einfachen Prinzip: Wenn Sie – ohne anonymoX – eine Webseite aufrufen, erfährt der Betreiber der Webseite die Adresse ihres Computers im Internet, die sogenannte IP-Adresse, die Ihr Internetanbieter ihrer Person zuordnen kann. Sie sind nicht anonym.

Aktivieren Sie jedoch anonymoX, rufen wir die angeforderte Webseite für Sie ab und reichen sie an Sie weiter.

Im echten Leben geschieht dies genauso: Wenn Sie beispielsweise ihren Freund bitten, etwas für Sie zu kaufen, weil Sie das betreffende Geschäft nicht betreten möchten, dann übernimmt Ihr Freund die Rolle eines Mittelsmannes und schützt so Ihre Identität.

anonymoX ist Ihr Freund, wenn es um Ihre Anonymität im Internet geht. Sie haben bei uns nicht nur die freie Auswahl zwischen verschiedenen Mittelsmännern (die wir Dienste nennen).

HIER geht´s zum Plugin (momentan leider nur für Firefox verfügbar…)

webseiten-sperren-in-chrome_52eba299_ltunic

Kinder- und Jugendschutz Addon / Plugin / Erweiterung

26. März 2014adminAllerlei, Mac OSX, Windowsaddon:, erweiterung, internet, jugendschutz, kinder, plugin, webdesign

Kostenloser Kinder- und Jugendschutz mit Family Safety

Mit dem Microsoft Tool Family Safety surfen Kinder und Jugendliche sicherer durchs Netz.

Wer bestimmte Internetseiten blockieren möchte, etwa weil der PC auch von Kindern benutzt wird, kann das mit allen gängigen Internet-Sicherheitspaketen erledigen. Doch sind diese Programme mit ihren jährlichen Gebühren mitunter ganz schön teuer. Die Software Bitdefender Internet Security, schlägt beispielsweise mit satten 50 Euro pro Jahr für einen PC zu Buche.

Es geht aber auch kostenlos: Der Webfilter Family Safety von Microsoft bietet eine sehr rigide Schutzvorrichtung, die sich aber um beliebige Websites erweitern lässt. Der Clou bei diesem Programm: Der Filter lässt sich über eine Website einstellen, und die Kinder können per Mail um das Freischalten einer Site erbitten.

Versucht also der Nachwuchs, eine gesperrte Internetseite zu öffnen, zeigt das Tool statt der Seite einen Button an, über den sich die Erlaubnisanfrage per Mail senden lässt. Der Webfilter lässt sich mit allen gängigen Internet-Browsern – Internet Explorer, Firefox, Chrome, Opera, Safari – nutzen.

Und so richten Sie Family Safety auf Ihrem PC ein: Erstellen Sie ein Benutzerkonto ohne Adminrechte (XP: „Systemsteuerung ➞ Benutzerkonten ➞ Neues Konto erstellen“, Vista: 7: „Systemsteuerung ➞ Benutzerkonten und Jugendschutz ➞ Benutzerkonten hinzufügen“). Installieren Sie dann Family Safety. Das muss in Ihrem Konto mit Adminrechten stattfinden. Beim ersten Start des Programms führt Sie ein Assistent durch die Konfiguration, bei der Sie sich mit einer Live-ID von Microsoft (ehemals Hotmail-Adresse, heute Outlook.com-Adresse) anmelden. Geben Sie das zu schützende Windows-Konto an, und ordnen Sie ihm einen „Family Safety“-Namen zu. Der Assistent schlägt automatisch den Namen des Benutzerkontos vor. Klicken Sie auf „Speichern“. Nun ist für das Konto der Webfilter Modus „Standard“ aktiv. Zudem schreibt das Tool einen Bericht über alle besuchten Websites.

Zur Konfiguration des Tools im Internet kommen Sie jederzeit über das Programmsymbol im Infobereich oder über http://familysafety.live.com. Dort stellen Sie noch über „Kontenname ➞ Einstellungen bearbeiten ➞ Webfilterung“ den Filter auf die gewünschte Schutzstufe.

Jugendschutz bei Chrome einrichten

In Google Chrome direkt können Sie direkt keine Einstellungen zum Jugendschutz vornehmen. Allerdings gibt es eine äußert nützliche App, die die Einstellungen automatisch und sehr zuverlässig vornimmt.

Die Extension „Web Filter Pro“ aktiviert für Chrome den Jugenschutz und blockiert automatisch anstößige Webseiten. Fügen Sie die App zunächst in Chrome hinzu.

Nachdem Sie „Web Filter Pro“ hinzugefügt haben, erscheint oben rechts neben der Suchleiste ein gelbes Symbol. Klicken Sie darauf und anschließend auf „Settings“, um die Einstellungen für „Web Filter Pro“ vorzunehmen.
Unter dem Punkt „Block Policy“ können Sie auswählen, welche Art von Webseiten geblockt werden sollen. Neben anstößigen oder pornographischen Seiten können auch peer2peer-Portale oder Socialb Networks blockiert werden.
Um auf Nummer sicher zu gehen, können Sie in der „Black List“ zusätzlich alle Webseiten eintragen, die geblockt werden sollen.
Damit die Kids die Einstellungen nicht zurücksetzen können, lässt sich „Web Filter Pro“ mit einem Kennwort schützen. Außerdem können Sie den Toolbar-Button neben der Suchleiste deaktivieren.

Die PoliceWEB.net-Erweitung ist ähnlich. Sie ist für Chrome, Firefox und Opera verfügbar:

We protect children and you

We block pornographic and erotic sites and pages in social networks.
We block sites carrying the damage to the body (drugs, smoking blends, etc.)
Blocking malicious sites (viruses, malware)
Lock the scam sites
Lock the queries of the type (porn, etc.)

WordPress Spamschutz: Mit dem kostenlosen Plugin Antispam Bee den eigenen Blog vor Spam schützen

10. Januar 2013adminSEOantispam, eigenen, kostenlosen, plugin, spamschutz:, wordpress

WordPress ist als Software die “Mutter aller Blogs” und millionenfach im Einsatz. Von Haus aus bietet die kostenlose Anwendung mit dem Plugin Akismet einen Schutz vor unerwünschten Kommentaren, die nichts anderes im Sinn haben, als für obskure Seiten Werbung zu machen. In Deutschland ist der Einsatz von Akismet allerdings aus Sicht der Datenschützer nicht gestattet – Abhilfe schafft hier das ebenso sichere Plugin

Antispam Bee von Sergej Müller

, das im Gegensatz zu Akismet auch für kommerzielle Blogs kostenlos erhältlich ist. Es speichert keine personenbezogenen Daten und nutzt keine fremden Server für das Speichern von Daten.

Datenschützer freuen sich über Antispam Bee, weil es keine IP-Adressen festhält und weder Cookies noch Timeouts verwendet. Es verhindert auf Wunsch Kommentare in bestimmten Sprachen und aus vorher festgelegten Ländern. Die Informationen dazu holt sich das Plugin für WordPress aus einer öffentlichen Spammer-Datenbank. Eines der Highlights der Anwendung ist das unsichtbare Hinzufügen eines Feldes im Formular für Kommentare: Nur die automatisierten Spam-Bots lesen dieses Feld und füllen es aus. Sobald dies der Fall ist, erkennt Antispam Bee den Spam-Versuch und merkt sich die IP-Adresse.

antispam-1

Etliche Plugins erfordern das Anpassen von Theme-Templates – Antispam Bee kommt ganz ohne Eingriff in das Template aus. Klicken Sie im Admin-Bereich auf den Button für die Plugins, wählen Sie “Installieren” und geben Sie in der Suche “Antispam Bee” ein. Nach einem Klick auf “Installieren” und anschließend auf “Aktivieren” finden Sie unter Einstellungen die Auflistung von Antispam Bee. Dort können Sie in einem übersichtlich gestalteten Menü Ihre persönlichen Einstellungen treffen.

antispam-2

Zwei Tipps: Die meisten Spam-Kommentare sind in englischer Sprache. Sollte Ihr Blog ausschließlich auf Deutsch sein, wählen Sie in den Einstellungen “Kommentare nur in einer Sprache zulassen” und klicken Sie im Feld auf “Deutsch.”

antispam-3

Ihr Blog ist gut besucht? Dann legen Sie in den Einstellungen fest, dass Antispam Bee Ihnen keine Mail nach dem Eintreffen eines Spam-Kommentars sendet.

Übrigens: Auch wir setzen hier bei Tipps-Tricks-Kniffe AntiSpam Bee ein. Mit Erfolg: Die fleißige Biene bewahrt uns pro Tag vor rund 1.000 Spam-Kommentaren und lässt sie erst gar nicht durch. Wie viele Kommentare Antispamm Bee abfängt sehen Sie im WordPress-Dashboard. Im Dashboard-Bereich “Auf einen Blick” sehen Sie zudem, wie viele Spams der Spamfilter insgesamt herausgefischt hat.

antispam-bee-dashboard-anzahl-spams

Was ist der Unterschied von Pihole zu einem Adblocker?

Weniger Tracking, mehr Speed

Diese Hardware brauchst du für den Raspberry Pi mit Pihole

Software für Pihole

Vorbereitung der SD-Karte

Voreinstellungen des Raspberry Pi OS

Die Installation von Pihole auf dem Raspberry Pi

Pihole als DNS-Server des Routers eintragen

Die Weboberfläche und weitere Einstellungen

Neue Ad-Block Filterlisten in Pi-hole einbinden

Einbinden neuer Filterlisten in Pi-Hole

pihole5-list-tool

Installing Python packages

installation

usage / running

Finishing up

allowlists

ad/blocklists

Zusätzliche Whitelists

IP-Adresse oder sonstige Netzwerkeinstellungen ändern

Updating

How do I set or reset the Web interface Password?

Installation von Raspbian Lite auf dem Raspberry Pi

Installation von OpenMediaVault 5 auf dem Raspberry Pi

Statische IP-Adresse über den Router vergeben (alternativ über OMV in den Netzwerkeinstellungen)

Die Systemkonfiguration von OpenMediaVault 5 auf dem Raspberry Pi

Externe Festplatte einrichten

Benutzer für den Zugriff auf Netzwerkfreigaben einrichten

Anlegen der Netzwerkfreigaben

Reset admin password in OpenMediaVault

Run the omv-firstaid command as root

Reset Failed Login Counters in OpenMediaVault

Change the OpenMediaVault password

Sind technische Maßstabszeichnungen mit Adobe Illustrator möglich ?

1. EWWW Image Optimizer

2. WP Smush

3. Kraken Image Optimizer

4. ShortPixel Image Optimizer

5. Compress JPG & PNG Images

6. Optimus

Let’s Put Them to the Test

JPG Optimization

PNG Optimization

Conclusion

Die Probleme eines WordPress Umzugs

So ziehst du dein WordPress richtig um

Schritt 1

Schritt 2

Exkurs: Den absoluten Pfad ermitteln

Absoluten Pfad ermitteln auf einem kleinen Umweg

Schritt 3

Schritt 4

Tipp zum MySQL Import

Fazit

CSS Befehl:

Beispiele:

Bitte beachte, dass sich die HTML Strukturen je nach verwendeten Theme unterscheiden können und manche Codeschnipsel deshalb nicht in jedem Theme gleichermaßen funktionieren.

Visibility

Display

Opacity

Fazit:

1. Die wichtigsten Fragen klären

2. Woher kommen deine Webseiten-Besucher?

3. Welche Informationen sind wirklich relevant?

4. Optionen bieten

ID eines Beitrags in WordPress finden

ID eines Beitrags auf der Übersichtsseite

Post ID auf der Beitragsseite

Die ID einer Seite oder Kategorie herausfinden

Seiten ID in WordPress

ID von Kategorien oder Schlagworten in WordPress

Fazit

1. Maintenance mode?

2. No visitors?

3. Is your scheduler explicitly disabled?

4. Loopback connections are disabled?

5. Try using a cron job

6. Is your entire website password-protected?

WordPress Plugin von Facebook

Installation