cyrfer.com < Thema < Der cyrfer.com Blog

Drehende Weltkugel zur Datenvisualisierung mit D3.js

Arno Beckmann — Mon, 24 Apr 2017 00:15:16 +0000

Der Beitrag Drehende Weltkugel zur Datenvisualisierung mit D3.js erschien zuerst auf cyrfer.com.

Dauer der Google-Indexierung bei Umstellung auf https

Arno Beckmann — Tue, 17 Jan 2017 01:17:14 +0000

Im Dezember 2016 durfte ich den gut besuchten WordPress-Blog Be-my-life mit über 700 Beiträgen zu Produkten rund um Familie, Lifestyle, Ernährung, Kosmetik und Haushalt von http auf https umstellen. Dabei stellte sich die Frage: Wie lange braucht Google, um eine Website neu zu erfassen und zu indexieren, die von http auf https umgestellt wurde? Zur Umstellung auf SSL-verschlüsselte Übertragung kam übrigens ein Zertifikat von Let’s Encrypt zum Einsatz. Der Webserver wurde so konfiguriert, dass jede per http aufgerufene Seite auf die entsprechende https-URL weitergeleitet wird. Die Umstellung von WordPress selbst wurde mit dem Plugin Better Search Replace vorgenommen, und war damit schnell erledigt. Damit das Schloß-Symbol grün wurde, musste noch Mixed Content entsorgt werden – einige wenige von anderen Servern eingebundene Grafiken wurden durch lokale Kopien ersetzt, weil diese Server zu dem Zeitpunkt noch nicht per https erreichbar waren. An diesem Beispiel konnte ich den Prozess mit Hilfe der Google Search Console (auch bekannt als Webmaster-Tools, nachfolgend kurz GSC) gut beobachten, wie lange Google für die Erfassung und Neu-Indexierung einer größeren Website braucht. Dazu legt man in der GSC neben der bisherigen Property mit http noch eine weitere mit der https-URL an. Dann reicht man reicht bei der neuen Property [...]

Der Beitrag Dauer der Google-Indexierung bei Umstellung auf https erschien zuerst auf cyrfer.com.

HumHub und die Cron Jobs

Arno Beckmann — Tue, 12 Jul 2016 20:11:09 +0000

Dieser Beitrag ist von 2016 und bezieht sich auf Humhum V1.01. Das Problem: HumHub erfordert Shell-Zugang? HumHub ist eine Open Source Social Networking Software, die man selbst auf einem eigenen Server installieren und betreiben kann. Bei den Installationsanforderungen (Stand Version 1.0.1) steht zwar etwas von „Shell access (e.g. ssh) to server„, aber auch wenn man keinen Shell-Zugang hat, braucht man sich davon nicht abschrecken zu lassen. Man sollte aber die Möglichkeit haben, Cron Jobs einzurichten. Dass man sich die notfalls auch irgendwie anders basteln kann, das ist aber nicht das Thema heute — sondern eben wie man diese Cron Jobs auch ohne Shell-Zugang einrichtet. In HumHub unter Administration > Cron Jobs steht: Bitte stelle sicher, dass folgende Cronjobs eingerichtet sind: Crontab des Benutzers: wxxxxxxx 30 * * * * /www/htdocs/wxxxxxxx/humhub/protected/yii cron/hourly >/dev/null 2>&1 00 18 * * * /www/htdocs/wxxxxxxx/humhub/protected/yii cron/daily >/dev/null 2>&1 Oder Crontab des root Benutzers */5 * * * * su -c „/www/htdocs/wxxxxxxx/humhub/protected/yii cron/hourly“ wxxxxxxx >/dev/null 2>&1 0 18 * * * su -c „/www/htdocs/wxxxxxxx/humhub/protected/yii cron/daily“ wxxxxxxx >/dev/null 2>&1 Es sollen also Shell-Aufrufe in die Crontab eingetragen werden — aber was wenn der Provider nur zeitgesteuerte http(s)-Requests erlaubt? Auf der Suche nach der Lösung Man findet dazu auch [...]

Der Beitrag HumHub und die Cron Jobs erschien zuerst auf cyrfer.com.

WP: Kategorie-Slugs im Beitrags-Editor anzeigen

Arno Beckmann — Thu, 12 May 2016 12:15:00 +0000

In WordPress wird im Beitrags-Editor unter „Neuen Beitrag erstellen“ oder „Beitrag bearbeiten“ in der Liste der Kategorien, die man dem Beitrag zuweisen kann, normalerweise nur der Namen der Kategorien angezeigt. Mit ein paar Zeilen PHP kann dort zusätzlich noch der Slug angezeigt werden, also das „Verzeichnis“ im Pfad der Beitrags-URL. Dieser Code muss dafür in die functions.php des (Child-)Theme eingefügt werden: /* Zeigt im Beitrags-Editor in der Kategorieliste die /slugs/ an */ function show_category_slug_in_editor($my_catname) { $my_category = &get_category( get_cat_ID( $my_catname ) ); $my_catname .= ' /' . $my_category->slug .'/'; return $my_catname; } if ( is_admin() ) // soll ja nur im Dashboard angezeigt werden { add_filter('the_category','show_category_slug_in_editor'); }

Der Beitrag WP: Kategorie-Slugs im Beitrags-Editor anzeigen erschien zuerst auf cyrfer.com.

WP: Get Custom Field Values

Arno Beckmann — Mon, 12 Oct 2015 02:04:36 +0000

Das WordPress-Plugin „Get Custom Field Values“ Mit dem WordPress-Plugin „Get Custom Field Values“ kann man Inhalte aus den benutzerdefinierten Feldern einer Seite über ein Widget an anderen Stellen der gleichen – oder auch einer anderen – Seite anzeigen lassen. Dies kann in den vom Theme bereitgestellten Widget-Bereichen, wie z.B. in der Sidebar oder in Footer-Widgets sein, oder auch per Shortcode im Text – mehr zu letzterem siehe weiter unten. Das Ganze funktioniert natürlich nicht nur mit Seiten, sondern analog zu dieser Anleitung auch genau so mit Beiträgen. Anwendungsbeispiel Als Beispiel möchte ich hier zeigen, wie man den Inhalt des benutzerdefinierten Feldes „Widget Sidebar“ in der Sidebar der gleichen Seite anzeigen lassen kann, so wie es hier rechts bei „Als Beispiel für individuellen Text“ zu sehen ist. Dafür wird zuerst das vom Plugin mitgelieferte Widget in der Sidebar verankert, und die nötigen Parameter ausgefüllt. Im folgenden Bild sind die wichtigsten Parameter beschreiben: Der „Title“ ist die Überschrift, die vom Widget oberhalb des anzuzeigenden Texts angezeigt wird. In diesem Beispiel ist diese Titel leer, da diese Angabe für alle Einbindungen des parametrisierten Widgets gleich ist. Eine individuelle Überschrift kann aber einfach im benutzerdefinierten Feld mit angegeben werden, siehe unten. Der „Custom field [...]

Der Beitrag WP: Get Custom Field Values erschien zuerst auf cyrfer.com.

Responsive Tabellen mit CSS

Arno Beckmann — Mon, 12 Oct 2015 00:34:48 +0000

Tabellen sind meist sperrige Gebilde, die sich nur schwer in einem responsiven Layout auf kleinen Bildschirmen anzeigen lassen. Für Tabellen, die zwar breit, aber weniger hoch sind, bieten sich spezielle Lösungen an: transponieren (Begriffserklärung auf Wikipedia, vereinfacht gesagt: Reihen mit Spalten tauschen), oder die ganze Tabelle um 90° drehen. Der erste Versuch, mit <table> Als erstes Beispiel nehme ich diese Tabelle, so sieht sie in der breiten Ansicht aus: Nun muss dafür gesorgt werden, dass auf einem schmalen Bildschirm – also bspw. unter 600 Pixeln – nach jeder Zelle ein Umbruch kommt, das geht mit display:block; und nach jeder Zeile eben kein Umbruch mehr erfolgt, das wird mit display:inline-block; float:left; erledigt. Hier ist der CSS- und HTML-Code dafür, ganz klassisch per <table>: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> table { width:100%; } th { background-color:#c0c0c0; } td { background-color:#e0e0e0; text-align:center; } @media screen and (max-width: 600px) { table { display: block; white-space:nowrap; } tr { display: inline-block; float: left; } th, td { display: block; margin: 2px 1px; padding: 0px 5px; } } </style> </head> <body> <h1>Klima in Hamburg</h1> <table><tr> <th>Monat</th> <th>Jan</th><th>Feb</th><th>Mär</th><th>Apr</th> <th>Mai</th><th>Jun</th><th>Jul</th><th>Aug</th> <th>Sep</th><th>Okt</th><th>Nov</th><th>Dez</th> </tr><tr> <td><i>Temperatur (°C)</i></td> <td>1,8</td><td>2,1</td><td>4,8</td><td>9,4</td> <td>12,8</td><td>15,8</td><td>18,8</td><td>17,6</td> <td>14,5</td><td>10,6</td><td>6,3</td><td>2,8</td> </tr><tr> <td><i>Niederschlag (mm)</i></td> <td>67</td><td>44</td><td>51</td><td>32</td> <td>72</td><td>70</td><td>85</td><td>80</td> <td>60</td><td>62</td><td>61</td><td>75</td> </tr></table> <p><a [...]

Der Beitrag Responsive Tabellen mit CSS erschien zuerst auf cyrfer.com.