Die Übersetzung von „Tag Cloud“ lautet Schlagwörter-Wwolke. Generell kannst Du in WordPress Deine Beiträge und Seiten verschlagworten. Diese Tags kannst Du nutzen, um in Ihrem Backend eine Übersicht aller mit einem bestimmten Schlagwort versehene Beiträge zu erstellen. Tags bzw.  Schlagwörter sind ein Filter um dazu passende Beiträge zu finden

Die Schlagwörter werden, meist über oder unter dem jeweiligen Beitrag angezeigt. Ich verwende sie über den Berichten nach dem Bild. Somit hat der Leser die Möglichkeit, eine Liste der verknüpften Artikel abzurufen. Eine Übersicht der verwendeten Schlagwörter bietet die WordPress Tag Cloud, sie sammelt alle Schlagwörter in einer „Wolke“ – arrangiert sie also auf einer kleinen Fläche. Um zu visualisieren, wie oft bestimmte Schlagwörter verwendet werden, stellt die WordPress Tag Cloud Schlagwörter in unterschiedlichen Schriftgrößen dar. Damit lässt sich auf einem Blick ablesen, zu welchen Themen Du schreibst und wie oft.

Tag Cloud -gestern und heute

Tag-Wolken (Schlagwort-Wolke) wurde in der Vergangenheit sehr häufig eingesetzt, verliert aber immer mehr an Bedeutung. In dem Artikel „WordPress: klickt jemand auf die Tag-Wolke“ hat Vladimir Simovic bereits vor längerer Zeit über die nachlassende Bedeutung berichtet. Ich verwende sie weiterhin gerne da damit ein schneller Überblick über die Kernthemen der Webseite möglich ist.

Schlagwort oder Stichwort

Der Begriff Tag wird oft fälschlicherweise mit Stichwort interpretiert, richtig ist jedoch der Begriff Schlagwort. Es existiert ein kleiner, aber feiner Unterschied zwischen diesen beiden Wortarten, den Du für Deine Recherche ausnutzen kannst.

• Stichworte sind Begriffe, die aus einem gegebenen Text extrahiert werden, z. B. aus Buchtitel oder Autoren-Namen. Mit Stichworten können Sie in vielen Suchkategorien arbeiten. Dazu gehört vor allem die Freie Suche, die den Titel, die Person und die Schlagwörter mit in die Suche einbezieht. Wenn man noch keine konkreten Vorstellungen oder Angaben hat, ist die Freie Suche ein guter erster Einstieg.
• Schlagworte hingegen müssen nicht aus einem vorgegebenen Text, z.B. der Titelangabe stammen. Sie werden der Publikation zum Zwecke der inhaltlichen Beschreibung zugeordnet.

Das Widget Schlagwörter-Wolke anzeigen und anpassen

Mit nur wenigen Klicks kannst Du für Deinen Webauftritt eine WordPress Tag Cloud einrichten:

1. Melde Dich im Backend an.
2. Klicke auf Design und wähle Widgets
3. Unter Widgets findest Du das Widget „Schlagwörter-Wolke“. Ziehe das Widget jetzt in die Sidebar oder in den Footer, in dem Du die Cloud anzeigen willst.
4. Gebe dem Widget einen passenden Namen und lege fest, ob die Anzahl der Tags dargestellt werden soll.
5. Speichern Sie die Einstellungen ab und schon bist Du fertig?

Leider sind die Einstellmöglichkeiten nur sehr beschränkt. Wer die Gestaltung anpassen möchte, kann aber auf eines der vielen Plugins zurückgreifen. Bei der Suche am besten als Suchbegriff Tag Cloud eingeben, das Angebot ist reichlich.

Anpassung der Tag Cloud per Codeschnipsel.

Da die Anpassung per Codeschnipsel in der function.php des Child Theme einfach möglich ist bevorzuge ich diese Lösung. Hier der dafür notwendige Code

add_filter( 'widget_tag_cloud_args', 'all_tag_cloud_widget_parameters' );
function all_tag_cloud_widget_parameters() {
    $args = array(
        'smallest' => 12, 
        'largest' => 18, 
        'unit' => 'pt', 
        'number' => 10,
        'format' => 'flat', 
        'separator' => "\n", 
        'orderby' => 'name', 
        'order' => 'ASC',
        'exclude' => '', 
        'include' => '', 
        'link' => 'view', 
        'taxonomy' => $current_taxonomy, 
        'post_type' ==> '', 
        'echo' => false
    );
    return $args;
}

Da meist nur einzelne Parameter zu ändern sind, ist am besten die Argumente, die Du nicht ändern möchtest, aus dem Array zu entfernen.
Soll z.B. nur die Schriftgröße geändert werden reduziert sich der Code wie im Folgenden dargestellt

add_filter( 'widget_tag_cloud_args', 'all_tag_cloud_widget_parameters' );
function all_tag_cloud_widget_parameters() {
    $args = array(
        'smallest' => 8, 
        'largest' => 24, 
        'unit' => 'px' 
    );
    return $args;
}

Viel Erfolg!

The post Widget Tag Cloud / Schlagwörter-Wolke anpassen appeared first on MSR-SUPPORT.

Original-Bilder sind Bilder direkt aus der „Kamera“
und
Web-Bilder sind Bilder welche für das Web optimiert sind

Bilder sind ein wesentlicher Bestandteil der Webseiten. Da die Ladezeit ein wesentlicher Rankingfaktor für die Suchmaschinen ist, gilt es auf optimierte Bilder zu achten. Auch auf Webseiten gilt häufig der alte Spruch: Ein Bild sagt mehr als tausend Worte, deshalb werden sie gerade auf Webseiten reichlich eingesetzt, verursachen aber die größten Datenmengen. Neben einer guten Motivauswahl, kommt es daher darauf an das richtige Bildformat zu wählen und die Bilder zu komprimieren. Je kleiner die Bilddateien sind, desto kleiner ist die Datenmenge, umso schneller lädt die Seite. Das Nutzungserlebnis deiner Besucher wird gesteigert und das Google Ranking belohnt die Mühe.

Original-Bilder

Original-Bilder werden je nach Kameratyp und Einstellung in unterschiedlichen Formaten erstellt. Bei hochwertigen Kameras geht der Trend zum Format 3:2, dies entspricht den Sensorformaten und dem alten Negativ Filmformat 24 x 36. Kleinere Kompaktkameras mit kleinem Sensor tendieren mehr zum Format 4:3. Mobile (Handys, Smartphone) verwenden meist das Format 16:9. Für alle gilt aber, dass eine hohe Auflösung heutzutage selbstverständlich ist. 6000 x 4000 px (bei 3:2) ist heute eine normale Größe.

Es wäre nun leichtes das Original-Bild der Kamera im Web zu verwenden.  Die damit verbundene Dateigröße von über 10 MB würde jedoch zu langen Ladezeiten beim Aufruf der Webseite führen. Von Google werden solche großen Bilddateien abgestraft, also ein Grund sich Gedanken zu machen. Für das Web werden Bilder mit kleiner Datenmenge benötigt damit die Ladezeit, d.h. die Zeit bis deine Webseite auf dem Bildschirm angezeigt wird so klein wie möglich ist

Empfehlung: Bildgröße für Web-Bilder max 1600 x 900 px

Meine Empfehlung basiert darauf, dass ich meine Bilder überwiegend im Format 16:9 oder 3:2 erstelle. Zusätzlich gilt es eine Größe zu verwenden welche auf allen Geräten Handy, Tablet und Desktop gut dargestellt werden kann. Die Größe 1600 x 900 px ist dazu meine Empfehlung. Dies basiert auf dem Format des Displays. Die Standard-Auflösung für HD-Ready beträgt 1280 x 720 Pixel, bei Full HD beträgt die Auflösung 1920 x 1080 Pixel, dies entspricht dem Format 16:9.
Da auch Smartphones und Tablets heute mindestens 1280 x 720 px beherrschen und hochwertige Smartphones meist Full HD 1.920 x 1.080 px unterstützen müssen wir uns an Full HD orientieren.

Meine Empfehlung 1600 x 900 entspricht zwar nicht dem Wert von Full HD, stellt aber einen guten Kompromiss dar. Den Unterschied zu dem vollen Wert 1920×1080  wird keiner erkennen, wir erhalten aber eine kleinere Datenmenge. Tante Google wird es danken.

Vorteile der Web-Bilder

• Die Ladegeschwindigkeit deiner Seite wird verbessern.
• Kombiniert mit einem guten SEO Plugin, ich empfehle dazu Yoast SEO, verbessert dies die SEO. Die Webseite wird in den Suchmaschinenergebnissen einen höheren Rang einnehmen.
• Google wird die Bilder wahrscheinlich schneller für die Google-Bildsuche durchsuchen und indizieren.
• Die Erstellung von Backups wird schneller ablaufen.
  Kleinere Bilddateigrößen verbrauchen weniger Bandbreite. Netzwerke und Browser werden dies zu schätzen wissen.
  Benötigt weniger Speicherplatz auf deinem Server (abhängig davon, wie viele Miniaturansichten Du optimierst).
• Die Speicherkapazität des Servers wird nicht unnötig belastet
• Beim Upload, speziell von mehreren Bildern gleichzeitig entstehen keine zu große Datenmengen, welche den Upload blockieren können
•  

Ich reduziere deshalb bereits vor dem Upload die Bildgröße und die JPD Kompression des Web-Bildes auf maximal 1600 x 900 px mit einem Kompressionsfaktor von 70 %. Selbst einfachste Fotosoftware stellt dazu Funktionen zur Verfügung. Ich verwende dazu die Fotosoftware von ACDSee, es geht aber auch mit Freeware.

Beispiel-Bild mit und ohne JPG Kompression

Das Original-Bild hatte 5,5 MB
Bitte teste selber wie das Bild auf dem Bildschirm wirkt!

Bildkompression zur optimalen Erstellung eines Web-Bild

Die Bildkompression beruht darauf, die ursprünglichen Daten entweder in eine vollständig rekonstruierbare Form zu überführen, die weniger Speicherplatz benötigt oder Daten zu entfernen, deren Verlust kaum wahrnehmbar ist.

Um die Datenmenge der Bilder optimal zu reduzieren, setzte ich deshalb zusätzlich ein Plugin zur Bildkompression ein. Da solche Plugins meist auch eine Option zur Reduzierung der Bildgröße während des Upload-Vorgangs besitzen, erspart man sich den Arbeitsschritt der Größenreduktion am PC. Wer solche Plugins verwendet sollte bei seiner Plugin Auswahl auf dieses Feature achten. Hier zwei empfehlenswerte Plugins:

• Compress JPEG & PNG images -Optimiere deine JPEG- und PNG-Dateien automatisch mit TinyPNG.
• EWWW Image Optimizer -Reduziert Dateigrößen für Bilder innerhalb WordPress

Galeriedarstellung von zwei Bildern im Format 3:2

Bilder in diesem Format werden nach der Größenänderung in der Bildgröße 1350×900 px angezeigt. Die Höhe ist der Begrenzungswert.

Meine Beschreibung habe ich auf das am häufigsten, im Web, verwendete Dateiformat beschränkt. JPG manchmal auch JPEG geschrieben, wurde speziell zum Speichern von Fotografien entwickelt. Das JPG-Format eignet sich vor allem für Bilder mit fotorealistischen Motiven, die in guter Qualität, aber recht geringem Datenvolumen abgespeichert werden sollen.

Weitere Dateiformate für Web-Bilder sind PNG, GIF und SVG

• Das PNG-Format ist eine Alternative zum JPG. Die Komprimierung des PNGs ist jedoch nicht so verlustreich wie beim JPG, weshalb die Datenmenge größer ist.
• Das GIF-Format kann Bilder nur mit maximal 256 Farben darstellen. Es kommt daher vor allem bei Motiven wie z.B. Logos, Icons, Illustrationen oder Navigationsbilder zum Einsatz.
• Das SVG-Format ist ein Vektorformat und kommt zurzeit nur sehr selten zum Einsatz.

The post Bilder fürs Web optimieren -Empfehlungen und Tipps appeared first on MSR-SUPPORT.

Gründe für die Umstellung auf HTTPS:

• Sicherheit der Daten wird gewährleistet.
• HTTPS ist in Deutschland Pflicht bei der Verwendung von Kontaktformularen und auf Verkaufsseiten.
• Besseres Ranking bei Google Suchergebnissen.
• Verbesserung der Webseitengeschwindigkeit.
• Vertrauen bei Webseitenbesuchern.

Im Folgenden beschreibe ich die Umstellung Schritt für Schritt am Beispiel des Hosters All-Inkl.com.

SSL Zertifikat

Um eine Webseite auf HTTPS umzustellen, benötigt man als Erstes ein SSL-Zertifikat. Die preiswerteste Variante bei All-Inkl ist das kostenlose Let’s Encrypt SSL-Zertifikat. Um dieses zu nutzen, benötigt man einen Tarif ALL-INKL PrivatPlus oder höher. Für den einfachen Tarif ALL-INKL Privat kann man aber das Zertifikat, als Option im Bereich Members Area für kleiner 1 €/Monat zu buchen.
Wichtig: Mit einer Buchung und Aktivierung sind alle URL’s des Vertrages aktiviert

Schrittweise Buchung und Aktivierung des SSL Zertificats bei All-Inkl

Es gibt auch teurere Wildcard SSL-Zertifikate für mehrere URLs,ich denke aber die meisten Webseitenbetreiber können mit der kostenlosen Variante arbeiten.

Datenbanksicherung vor der Umstellung auf HTTPS

Da einige Änderungen nicht rückgängig gemacht werden können, muss unbedingt zuerst eine Datenbanksicherung durchgeführt werden.
Tipp: Ich verwende zur Datenbanksicherung MySQLDumper und habe damit seit vielen Jahren sehr gute Erfahrung gemacht.

HTTPS im WordPress Adminbereich aktivieren

Wenn das SSL-Zertifikat beim Hoster bereitsteht, kann man mit der Umstellung auf HTTPS in der WordPress Webseite beginnen. Es ist sinnvoll, im ersten Schritt nur den WordPress-Adminbereich auf HTTPS umstellen. Dazu muss lediglich die folgende Zeile in der wp-config.php Datei einfügt werden.

/**
* Umstellung auf https
*/
define('FORCE_SSL_ADMIN', true);

Füge diese Zeilen oberhalb von der Zeile ein:
/* That’s all, stop editing! Happy blogging. */

Danach die geänderte wp-config.php per ftp hochladen und testweise im Adminbereich mit der neuen https URL einloggen, in meinem Beispiel
https://www.msr-support.de/wordpress/wp-admin/

Funktioniert dieser Test geht es zum nächsten Schritt.

HTTPS auf der kompletten WordPress Webseite aktivieren

Zur Umstellung der kompletten Seite muss die Webseiten-URL im WordPress Adminbereich auf HTTPS gesetzt werden.
Die Einstellung ist unter Einstellungen / Allgemein vorzunehmen.

Ruft man nun die Webseite nun auf, erscheint vor der URL das grüne Schloss.

Hurra alles erledigt, leider nein, die Webseite ist zwar auf HTTPS umgestellt, nun müssen aber noch alle Links der Webseite ebenfalls auf HTTPS geändert werden.

Alle HTTP URL’s der eigenen Webseite auf HTTPS umstellen

Das passende Werkzeug dazu ist das Plugin Suchen & Ersetzen von Inpsyde GmbH (siehe dazu den Bericht „Suchen und Ersetzen in der WordPress Datenbank„.
Mit dem Plugin können Datenbank-Tabellen einzeln oder alle zusammen nach alten HTTP URLs durchsucht und auf HTTPS ändern werden.
Dazu einfach bei „Suchen nach“ die HTTP URL eingeben (in meinem Beispiel: http://www.msr-support.de) und bei „Ersetzen durch“ die HTTPS Version der Webseiten-URL (z.B. https://www.msr-support.de).

Tipp: Unbedingt im ersten Schritt die Option Probelauf des Plugins nutzen, bevor man die Änderungen vornimmt. Sicher ist sicher!
Falls wie in meinem Fall mehrere Webseiten untereinander verlinkt sind (kk4you.de, cuisine4you.de uns msr-support.de) müssen natürlich auch diese URL’s aktualisiert werden.

HTTPS Umleitung über die .htaccess Datei erzwingen

Im letzten Schritt müssen jetzt noch mithilfe einer 301-Weiterleitung die HTTP URL’s auf die neue HTTPS Version umleitet werden, damit die Webseite immer in der HTTPS Version angezeigt wird -auch, wenn jemand eine alte HTTP URL der Webseite aufruft. Ich habe dazu die folgende Regel gefunden, welche bei mir funzt. Im Web gibt es aber auch reichlich andere Regel, ob diese auch funktionieren müsste man testen, da müsste man Experten befragen!

#Umstellung http nach https
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
#ENDE Umstellung

Diese Ergänzung habe ich ganz am Anfang der htaccess-Datei eingefügt.

Ein Test mit den alten URL’s sollte nun immer zu der neuen https führen.

Für alle Webseitenbetreiber, welche nicht mit dem großen Bruder Google verbandelt sind, ist es jetzt geschafft. Nutzer von Google Analytics und Search Console müssen jedoch noch dort Anpassungen vornehmen.

Umstellung auf HTTPS bei Google

• • Sinnvoll ist es zuerst die Google Analytics Einstellung anzupassen, dazu muss in der Verwaltung/ Property/Property-Einstellungen die Standard-URL auf https:// geändert werden
  • Falls Google Search Console genutzt wird, muss dort die neue HTTPS Version der Webseite zusätzlich angelegt werden. Wichtig ist, die HTTPS-Version der Website muss als separate Property hinzugefügt werden.
  • Neue XML-Sitemap der https Version unter Crawling/sitemaps in der Search Console. einreichen.
    Über das von mir verwendete Yost SEO Plugins wird die Sitemap automatisch neu generiert.

Umstellung auf HTTPS bei soziallen Profilen

Auch auf den sozialen Profilen wie Twitter, Facebook, YouTube usw. müssen die HTTPS-Version der Webseiten verlinkt werden. Das gleiche gilt für Profile von Foren usw.

NUN IST ABER GENUG, ALLES SOLLTE FUNTIONIEREN; ICH HOFFE DIE BESCHREIBUNG WAR HILFREICH

The post WorPress -Umstellung auf HTTPS appeared first on MSR-SUPPORT.

Kritiker sprechen deshalb nicht zu Unrecht von Bananensoftware. Sie reift beim Kunden!

Geschickt wir uns deshalb heute der Online Update Service als die eierlegende Wollmilchsau verkauft. Im Hintergrund werden uns laufend Programmverbesserungen oder besser Berichtigungen untergeschoben damit alles besser funktioniert. Um keine falschen Gedanken aufkommen zu lassen, auch ich nutze konsequent diesen Service. Es muss uns einfach klar sein, dass wir keine  Software bezahlen können welche zu 100% getestete ist und dies auch noch  unter allen Hard- und Softwarewarekombinationen.

Nachdem uns nun hoffentlich klar ist, dass Software immer Fehler beinhaltet aber diese Gott sei Dank nur von Fall zu Fall auftreten, sollte unsere Überraschung, falls es uns trifft sich in Grenzen halten. Selbstverständlich werden wir fluchen und alle Entwickler auf den Mond schießen wollen!!!

Tipp: Mach das beste draus. Nie am Original arbeiten! Immer eine Kopie des Originals beibehalten.

Der Vorteil ist der, dass im Störungsfall auf die vorherige Version zurückgesetzt werden kann.

The post Bananensoftware reift beim Kunden appeared first on MSR-SUPPORT.

Was ist ein Website-Icon?

Website-Icons sind kleine und praktische Bilder (Icons) für die Website. Der Wiedererkennungswert der Seite wird dadurch gesteigert. Im Browser sorgen diese Icons (dort Favicons genannt) dafür, dass wir schnell wissen, wo wir welche Inhalte geöffnet haben. Als Lesezeichen abgespeichert, prägen sich Besucher die Website-Icons schnell ein und wissen, welche Website, welches Icon besitzt. Es ist also sehr empfehlenswert, das eigene Logo in angepasster Form als Icon zu nutzen und so einen Wiedererkennungswert bei den Besuchern zu schaffen. Auch für mobile Benutzer, die Webseiten regelmäßig über ihr Smartphone erreichen wollen, ist das Website-Icon von Vorteil. Ein schneller Zugriff über das Website-Icon wird gewährleistet und das Aussehen professionalisiert.

Website-Icon zu WordPress hinzufügen

Das Website-Icon repräsentiert die Website im Browser-Tab, im Lesezeichen-Menü und auf dem Startbildschirm von Mobilgeräten. Im WordPress Menüpunkt <Design -Anpassen -Webseiteinformationen> fügt man dazu ein Bild (Icon) hinzu. Dieses Icon wird dann als Favicon und App-Icon genutzt. Eine Theme-Anpassung per Code entfällt.

Das Website-Icon muss quadratisch im Format JPEG, GIF oder PNG vorliegen und darf nicht kleiner als 512 x 512px sein.

Das Bild wird ganz normal in die Mediathek geladen und ausgewählt. Ist das gewählte Bild größer als 512px x 512px, bietet WordPress die Möglichkeit, einen passenden Bildausschnitt das Website-Icon aus diesem Bild auszuschneiden. Bei dieser Bearbeitung erhält man bereits eine Vorschau wie es als Favicon und als App-Icon bei erscheinen wird.

Mit wenigen Klicks ist alles erledigt.

Rückblick Favicon

In einem Rückblick möchte ich mich auch mit dem Favicon beschäftigen. Bei einem Favicon handelt es sich um ein winziges Bild, das je nach Browser neben dem Seitentitel oder der URL angezeigt wird. In den Anfängen (IE 5) gab es das Favicon nur, als kleine, 16 x 16 Pixel große Grafik im .ico Dateiformat. Wenn man auch für alte Browser den Support aufrecht erhalten möchte, muss man ein 16 x 16px großes .ico-File erstellen. Da die meisten Grafikprogramme dieses Dateiformat nicht unterstützen stellt sich die Frage: Wo bekomme ich ein Favicon her? Die Website www.favicon-generator.de ist dazu eine gute Adresse, dort kann man selbst ein Favicon erstellen.

Inzwischen werden meist 32 x 32 Pixel große Bilder als .png oder .gif Datei genutzt, diese können mit allen gängigen Fotoprogrammen erstellt werden

Wie fügte man früher ein Favicon in WordPress-Webseiten ein?

Ist das Favicon erstellt stellt sich die Frage wie bekomme ich das Bild in die Webseite. Um das Favicon in eine Seite einzubinden musste es im Header (<head> …</head>) einer HTML-Seite eingebunden werden. Laut HTML-Standard lautet die Bezeichnung hierfür icon, der Internet Explorer benötigt jedoch die Bezeichnung shortcut icon. Hierbei können auch andere Formate als .ico verwendet werden.

Den notwendigen Code des Favicon fügt man in der header.php im Themeordner ein:

<link rel="icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" type="image/png" />
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" type="image/png" />

oder als .ico:

<link rel="icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" type="image/x-icon" />

Alternativ konnte man natürlich auch Plugins verwenden. Ab WP 4.3 ist dies Schnee von gestern, das Favicon ist nun Standard im WordPress Menüpunkt Website-Icon.

The post Website-Icon -Favicon und App-Icon in WordPress appeared first on MSR-SUPPORT.

Ändert man jedoch die Permalinks nachträglich, können Suchmaschinen die Einträge nicht mehr finden und bekommen überall eine Fehlermeldung. Dies schadet nicht nur den Suchergebnissen, sondern auch der Besucherstatistik. Als Lösung kann man zwar alle alten URLs per 301 Redirect auf die neue Seite umleitet. Bei Blogs mit vielen Beiträgen würde dies jedoch viel Zeit in Anspruch nehmen und ist sicherlich nicht jedermanns Sache.

Auf der Suche nach einer einfachen Lösung bin ich auf einen Artikel bei Yoast (How to change your WordPress Permalink Structure) gestoßen. Dort stellt Joast ein Tool vor mit dem das gewünschte Ziel problemlos erreicht werden kann.

Umstellung der Permalinks

1. Wichtig und wie immer bei solchen Eingriffen, zuerst eine Datensicherung vornehmen.
2. Im Dashboard <Einstellungen / Permalinks> die Option „Beitragsname“ auswählen ( http://www.DeineWebseite.de/Beispielbeitrag/)
3. Generieren eines 301 Codes, zwecks Weiterleitungen in der .htaccess Datei. Hier kommt das Tool von Joost zum Einsatz. Einfach anklicken, die Felder ausfüllen und den Button mit der Bezeichnung „Generate Redirects“ betätigen.
4. Den generierten Code als erste Zeile in der .htaccess Datei einfügen.
5. Test des neuen und des alten Links an einem Beispiel

Fertig, und ein großes Dankeschön an Yoast

The post Permalinks in WordPress nachträglich ändern appeared first on MSR-SUPPORT.

Blogdienstanbieter mit Microsoft Word verknüpfen

Um in MS Word zu bloggen, müssen wir zuerst einen neuen Blogeintrag starten.

1. In neueren Version von Word Datei / Neu auswählen und im Suchfeld Blog eintragen
   In Word 2007 MS-Word öffnen, dazu auf das Microsoft Logo in der linken oberen Ecke klicken
2. Schaltfläche „Neu“ anwählen und neuen Blogbeitrag auswählen (s. Foto).
3. Sie werden nun nach Ihrem Blogdienst-Anbieter gefragt.
4. Wählen Sie in der Liste den Blogdienst „Andere“ (nicht WordPress) aus und klicken Sie auf „weiter“.
5. Nun legen Sie Ihr Konto an. Tragen Sie in das URL-Feld den Link zur Startseite Ihres Blogs z.B. https://www.meinedomain.de/wordpress/xmlrpc.php ein.
6. meinedomain ersetzten Sie mit der eigenen domain und mit dem Pfadnamen ihrer WordPressinstallation. Meist ist dies wordpress.
7. Lassen Sie den Zusatz „xmlrpc.php“ stehen.
8. In die nächsten Felder tragen Sie den Benutzernamen und das Kennwort ein, mit dem Sie sich bei WordPress registriert haben.

Diese Beschreibung von Microsoft hat bei mir nicht funktioniert:

Bei WordPress ist die URL für den Blogbeitrag gleich der URL Ihrer WordPress-Datei „xmlrpc.php“, die sich normalerweise im Stammordner Ihrer Website befindet. Wenn Sie beispielsweise www.contoso.com verwenden, geben Sie https://www.contoso.com/xmlrpc.php ein. Wenn Sie die Datei „xmlrpc.php“ in einem Unterordner der Website installiert haben, schließen Sie den Unterordner in die URL ein. Wenn sich Ihre Kopie von „xmlrpc.php“ beispielsweise im Unterordner „/utilities“ befindet, geben Sie https://www.contoso.com/utilities/xmlrpc.php ein. Sie müssen sicherstellen, dass die URL das sichere HTTPS-Format verwendet, andernfalls können Sie Ihr Konto nicht registrieren.

Mit der Auswahl „Andere“ funktioniert es einwandfrei und schon kannst Du loslegen.

Viel Spaß wünscht KK

The post Bloggen mit WordPress und Microsoft Word appeared first on MSR-SUPPORT.

Nehmen wir an sie wollen eine Karte aus Google Maps in WordPress einbinden so stellt Google dazu einen Code als iFram zur Verfügung. Bei iFrames handelt es sich um eingebettete Frames, die es einem ermöglichen, Inhalte anderer Quellen bzw. Websites in eigener Website einzubinden.

Mit Hilfe eines iFrames können Fremdinhalte in die eigene Webseite eingebunden werden. Hierzu lädt das sogenannte inline Frame (= iFrame) den Inhalt der anderen Seite, um diesen dann innerhalb des Rahmens (Frames) darzustellen. Diverse HTML und CSS Attribute erlauben eine individuelle Anpassung des iFrames, z.B. die Größe.

iFrames eignen sich hervorragend, um Inhalte von beliebten Seiten schnell und einfach einzubinden. Vor allem iFrames von Google Maps und YouTube werden von vielen Internetseiten eingesetzt, um den Nutzern relevante Inhalte direkt zugänglich zu machen.

Iframe in den Content einpassen

Mit den CSS Parametern height und width kannst Du den Frame an Deinen Content anpassen, den Code ab src=“https://…  solltest Du unverändert belassen

<iframe src=“https://………“ height=“600″ width=“800″ ></iframe>

iFram in WP Version 3.1 und älter

Nutzt man nur den Text (HTML)-Editor von WordPress, hat man keine Probleme. Man kann beliebigen HTML-Code einbinden und alles bleibt erhalten. Nutzt man aber parallel auch den visuellen Editor, dann hat man ein Problem. Spätestens, wenn man von der HTML- auf die visuelle Ansicht umschaltet ist der Code futsch und weg.

Nachdem mir der Zusammenhang klar war und andererseits die Anwendung von iFrames immer mehr ansteigt (Youtube, OSM, Kalender usw.) bin ich auf der Suche nach Lösungen auf den Bericht von Perun gestoßen. Dort werden verschiedene Vorgehensweisen beschrieben. Aus meiner Sicht die Anwender-freundlichste ist der Einsatz eines Plugin.

iFram in WP Version ab 3.2

Mit der WordPress Version 3.2 wurde auch der TinyMCE WordPress Editor aktualisiert, sodass iFrames und andere HTML5 Objekte beim Wechsel von Text nach Visuell nicht mehr entfernt werden.
Sofort getestet und Überraschung es funzt. Also Plugin gestrichen, WordPress in neuer Version ist die bessere Lösung.

The post iFrame Code in WordPress Artikel einbinden appeared first on MSR-SUPPORT.

Als verantwortungsbewusster Webentwickler ist man bemüht per Validator zu prüfen, ob der Code einwandfrei ist. Letztendlich ist dies eine der Grundlagen damit die Seite auf allen Browsern richtig dargestellt wird. Beliebt und auch von mir oft genutzt ist der W3C Validator.
Ihr könnt euch sicherlich gut vorstellen, dass ich leicht frustriert war, als ich die Meldung 11 Errors und 14 warnings anzeigte bekam. Die Erklärung war auch gleich gefunden. Ich hatte Werbemittel von Affilinet eingebunden welche angemeckert wurden!

Der W3C Hinweis lautet: The most common cause of this error is unencoded ampersands in URLs as described by the WDG in „Ampersands in URLs“.

Um was geht es hier? Um in HTML -HyperText Markup Language; das ist die „Programmiersprache“, zum Erstellen von Internetseiten- ein Kaufmanns-UND (englisch ampersand &) darzustellen, muss der folgende Code benutzt werden: &amp;

In den Werbelinks URL’s von Affilinet wird jedoch das & ohne die Ergänzung verwendet!

Meine Anfrage beim Affilinet Service wurde ausführlich und umgehend beantwortet, das Fazit lautet:

Nach Auffassung und Erfahrung von affilinet ist die von W3C empfohlene Variante innerhalb URLs in affilinet-Bannercodes nicht notwendig, da in affilinet-Werbemittelcodes keine kritischen Kombinationen aus & und anderen Zeichen vorkommen. Und selbst, falls dies vorkäme, wäre die einzige Auswirkung, dass der Link nicht richtig weiterleitet. Diese Fehler würde aber unmittelbar erkannt und von affilinet unverzüglich behoben werden.

Diese Aussage ist zwar beruhigend, verunsichert aber den Webentwickler! Die für mich wichtige zweite Aussage von affilinet war:
Publisher, die unbedingt darauf bestehen, dürfen Werbemittelcodes nach den W3C-Kriterien ändern. Allerdings gilt bei allen Änderungen an Codes, dass die Verantwortung beim Publisher liegt und affilinet keinerlei Haftung oder Tracking-Garantie übernimmt.

Ich denke damit kann ich leben und habe deshalb in allen URL’s der Affilinet Bannercodes das Kaufmanns-UND durch &amp; ersetzt.

Der Lohn der Mühe, eine validierte Webseite

The post W3C-Validator meldet Fehler bei Affilinet Bannercodes appeared first on MSR-SUPPORT.

PDF per <embed> in WordPress einbinden

Mit der Integration des Adobe Readers über den Befehl <embed> habe ich eine gute Lösung gefunden. Wenn Sie sich mein Beispiel anschauen, werden Sie feststellen, dass alle Möglichkeiten des Adobe Readers vorhanden sind. Vergrößern, Drucken, Speichern usw.
Der Weg dahin ist relativ einfach. Das PDF Dokument wird im WordPress Dashboard <Mediathek> über Datei hinzufügen ausgewählt und per Upload in die Mediathek hochgeladen. Nun versehen wir das Dokument noch mit Beschriftung und Beschreibung. Alle Änderungen speichern und schon steht das Dokument im Upload Ordner zur Verfügung.

Tipp: Die URL speichern wir in den Zwischenspeicher und wechseln in den Bereich <Artikel Erstellen bzw. Bearbeiten>.

Mit dem Befehl die URL in das Dokument einfügen und schon steht das PDF Dokument zur Verfügung.

<embed src="https://ihre_URL_zu_dem_Dokument" width="100%" height="500" >

Tipp: Da in einem solchen Bericht welcher ev. nur aus der Darstellungen des PDF-Dokuments besteht kein Blogtext für Kategorie und sonstige Kurztexte vorhanden ist, unbedingt die Option <Auszug> nutzen und dort den Kurztext einfügen.

PDF Dokument per Plugin einbinden

Inzwischen verwende ich das Plugin PDF Embedder, damit kann spielend einfach das PDF Dokument eingebunden werden. Einfach das PDF hochladen  und einbinden;  – genau wie beim Hinzufügen von Bildern! PDFs werden automatisch an ihre natürliche Größe und Form angepasst (oder füllen Sie einfach die verfügbare Breite aus, wenn sie zu groß sind). Optional können Sie eine Breite angeben und die richtige Höhe wird automatisch berechnet. Die Form wird immer dann neu berechnet, wenn die Größe der Seite vom Benutzer geändert wird.

Mir persönlich gefällt die Plugin Lösung besser!

Beispiel 1: PDF per <embed> in WordPress einbinden

Beispiel 2:  PDF per Plugin einbinden

The post PDF in WordPress einbinden, mit oder ohne Plugin appeared first on MSR-SUPPORT.