WordPress

Computer WordPress Plugin: Updraft Plus

dkracht

Gehört zu: WordPress
Siehe auch: Datensicherung, Dropbox, Welche Datenbank-Version

Stand: 04.03.2023

Zweck des Plugins Updraft Plus

Ich will mit “Updraft Plus” meine WordPress-Inhalte sichern (s. Datensicherung).

Das wichtigste ist mein WordPress-Blog, der bei meinem WebProvider Strato gehostet ist.

Konfiguration von Updraft Plus

Das Plugin “Updraft Plus” ist bei meinem WordPress-Blog auf Strato aktiviert und wie folgt konfiguriert:

Backup-Ziel ist meine Dropbox mit dem Kontonamen “dietrich@kr8.de”. Dort werden die Sicherungsdatein gespeichrt im Unterordner “UpdraftPlus.Com” des Ordners “Apps”.

Dieses Dropbox-Konto ist auf ComputerAcerBaer aktiv und wird laufend synchronisiert mit dem lokalen Ordner “C:\Data\Dropbox\dietrich@kr8.de\Dropbox\…”.

Als Sicherungsrhythmus ist für Updraft Plus eingestellt:

  • Database: weekly
  • Plugins, Themes, Uploads, Others: monthly

Einspielen einer Datensicherung

Das Plugin Updraft Plus bietet eine komfortable Oberfläche zum Wiedereinspielen von Datensicherungen – natürlich in das gleiche WordPress von dem sie gesichert wurde (klassisches Backup/Restore).

Man kann die Sicherungsdatei aus dem Dropbox-Ordner aber auch nehmen und diese in eine andere WordPress-Installation einspielen (quasi Transport eines WordPress). Die Datei ist ein SQL-Skript im Text-Format. Die kann man z.B. mit SQLyog wieder in eine Datenbank einspielen.
Es ist dabei aber folgendes zu Bedenken:

  • Das SQL-Skript spielt SQL-Tabellen in der aktuellen Datenbank ein
  • Der Table-Prefix ist wp_

Datenbank-Kopien mit Updraft Plus

Wenn ich eine Updraft-Datensicherung einer WordPress-Installation in eine andere einspiele ist das nicht ganz korrekt. Ich muss einiges  manuell anpassen:

In der in der Datenbanktabelle “<praefix>_options”:

  • der Wert für “siteurl”

In der Konfigurationsdatei “wp-config.php“:

  • der Datenbankname
  • das Table-Präfix

Siehe auch: Suchen nach dem Text “siteurl”

Die Datensicherungs-Dateien, die Updraft erzeugt passen nicht immer zu allen MySQL-Versionen. Meine Updraft-Version beim Provider Strato erzeugt bespielsweise “CREATE TABLE” mit “datetime” Spalten, die einen Defaultwert von “0000-00-00 00:00:00” haben; was bei MySQL 8 ungültig ist. Es müsste “1000-01-01 00:00:00” heissen.
Erzeugt wurde die “fehlerhafte” SQL-Datei bei meinem Provider Strato unter der MySQL-Version 5.7.38-log.

 

 

Computer: WordPress (aus Wiki)

dkracht

WordPress (aus Wiki)

Gehört zu: Internet
Siehe auch: TWiki, MediaWiki, MySQL, Blogging, Notizen, ProviderStrato, WordPress Plugins

Stand: 03.03.2023

Die Idee ist, WebLogs zu erproben mit folgenden Anwendungsideen:

Installation: Lokal auf ComputerAcerbaer

  • Definitive Software Library ID: WordPress
  • Name: WordPress
  • Version: 6.1.1
  • Hersteller/Bezugsquelle: http://wordpress.org
  • Installations-Ordner: c:/data/htdocs/wordpress
  • Konfiguration: c:/data/htdocs/wordpress/wp-config.php

Vorgehensweise bei der Installation

Voraussetzungen:

  • Apache   oder  anderer HTTP-Server
  • PHP 7.4     (Testen PHP 8)
  • MySQL 5.7   oder   MariaDB

Download WordPress von http://wordpress.org

Entpacken der WordPress-ZIP-Datei als Ordner “wordpress” in das Apache-DocumentRoot.

Anlegen einer Datenbank für WordPress mit z.B. SQLyog

  • Datenbank-Name:        wp-kfak     und wp_blog2
  • Datenbank-User:          root@localhost
  • Datenbank-Password:
  • Datenbank-Host:          localhost
  • Tabellen-Präfix:             wb_

Aufrufen WordPress im Apache: URL http://localhost/wordpress

Im Setup-Dialog eingeben:

  1. Database name   (z.B. wp_blog2)
  2. Database username  (z.B. root)
  3. Database password
  4. Database host (z.B. localhost)
  5. Table prefix (z.B. blog_)

Installationen bei WordPress

Bei WordPress habe ich zwei Blog Sites (mit WordPress) eingerichtet:

Dies will ich mittelfristig alle zum ProviderBluehost umziehen.

Installation beim Provider Strato

Schließlich (2.12.2006)  bin ich mit Sack und Pack zum ProviderStrato umgezogen.
Dort hoste ich nun alle meine Websites. Zug um Zug will ich alles einheitlich auf WordPress umstellen.

Bei Strato benutze ich zur Zeit (3.3.2023):

  • WordPress 6.1.1
  • PHP 7.4
  • MySQL 5.7.38 log
  • Apache 2.4.54

Weitere Voraussetzungen

Üblicherweise werde ich in den WordPress Settings “schönere” Permalinks einstellen wollen. Solche schönen Permalinks benötigen das Apache-Modul mod_rewrite.

Tutorial: https://www.elated.com/mod-rewrite-tutorial-for-absolute-beginners/

Erfahrungen (allgemein)

  • Dokumentation: http://codex.wordpress.org
  • Mehrere Blogs in einem WordPress
    • Ich benutze für jedes Blog eine Kategorie. Ansonsten gibt es keine Kategorien, sondern nur Tags
  • Im PHP.INI muss wirklich ….
    • memory_limit=128M (mit 8M funktionierte das Registrieren von WordPress-Plugins nicht)
  • Plugins
  • Themes
    • ….

Erfahrungen mit “Pages”

Die klassische Anwendung von WordPress ist das Blog, wo man Artikel “postet” mit Teaser und “more…”.

Kategorien und Tags können für Posts vergeben werden. Dagegen ermöglichen es die Pages bei WordPress, eine “normale” Website zu verwalten (Content Management). Die Pages können in der Hierachhie stehen (Parent-Child) und das kann als Menü zur Navigation abgebildet werden. Allerdings kennt WordPress bei Pages keine Kategorien und keine Tags.

Links zwischen Pages kann man über die Page_Id machen: index.php?page_id=xx

WordPress Editor Plugins

Der Standard-Editor in WordPress ist zwar WYSIWYG – so eine Einfachausgabe von TinyMCE. Der kann keine Tabellen.

Als Verbesserung wird TinyMCE Advanced angeboten, da ist eine Konfiguration erforderlich, die ich auf die Schnelle nicht hinbekommen habe…

Deshalb habe ich CKEditor als Plugin installiert. Das funktionierte auf Anhieb.

WordPress Themes

Angefangen hatte ich – ohne mir groß etwas dabei zu denken – mit dem mitgeleiferten Theme SmallBiz 3.8.2 by Expand2Web. Dies Theme ist relativ mächtig und viel Funktionen sind abgeschaltet in der kostenfreien Version. Also ein Lockangebot.

Dann habe ich gelernt, dass man die Auswahl zur Verfügung stehender Themes erheblich erhöhen kann, man muss solche zusätzlichen Themes nur erstmal Downloaden…

Zur Zeit habe ich das Theme: Wallow 0.46.5 by TwoBeers Crew

Auswahl von Themes:

  • Vordergründing muss einem einfach das Layout gefallen (Hintergrund, Farben, eckige oder runde Kästen, Platzaufteilung etc.)
  • Themes bieden aber auch ganz unterschiedliche Funktionalitäten
    • Drop-down Menue
    • Custom Menue
    • Sidebar
    • Footer
    • und viel Schnick-Schnack

RSS Feeds

There are times when you want to tell someone your site’s feed address or URL, or you need it to submit it to search engines and directories, many of which now accept feed URL submissions. There are four possible URLs for each of your feeds. Any of these will work.

Source: http://codex.wordpress.org/WordPress_Feeds#Finding_Your_Feed_URL

Also in meinem Falle:

Import-Formate

Wenn man massenweise in anderer Form vorhandene Texte (z.B. aus einem Notizbuch) hat und diese nun in sein WordPress-Blog übernehmen will, mus man ein einfach zu erstellendes Format für bulk import finden. Eine Möglichkeit ist das XML-Format von LiveJournal:

<?xml version="1.0" encoding="utf-8"?>
<livejournal>
   <entry>
      <eventtime> ... </eventtime>
      <subject> ... </subject>
      <event> ... </event>
   </entry>
</livejournal>

Meine Textnotizen aus MicrosoftOutlook habe ich ja schon nach EverNote importieren können. Aus EverNote kann man sie dann als XML-File (spezielles EverNote-Schema) exportieren. Da hat man dann die vollständigen Informationen (z.B. auch das Posting-Datum). Nun bracht man “nur noch” eine kleine XSL-Transformation und alles ist klar….

Import meiner Outlook-Notizen

Zur Migration meines Notizbuchs habe ich ein kleines XSL-Stylesheet notizbuch.xsl geschrieben. Damit wird die EverNote-XML-Datei transformiert in eine LiveJournal-XML-Datei. Die letztere konnte dann problemlos in WordPress 2.3 importiert werden.

Ein kleines Problemchen war dabei aber doch aufgetreten.

  • Die EverNote-XML-Datei ist UTF-8 kodiert
  • Die per XSLT erzeugte LiveJounal-XML-Datei muss auch UTF-8 kodiert sein
  • Das war bei meinem XSLT-Prozessor erst nicht der Fall, ich musste das noch in UTF-8 konvertieren.
  • Dann ging es aber tatsächlich “problemlos”

Migration von WordPress 2.3 nach 2.5

Laut Beschreibung muss man da allerhand zu Fuss herum fummeln….

— Dkracht 13:09, 9 February 2008 (CET)

Computer: TopicClassification (aus Wiki)

dkracht

TopicClassification (aus Wiki)

Gehört zu: Klassifikationen
Siehe auch: WordPress

Topic Classification

Each topic in the Dietrich’s old MediaWiki has a classification.
Diese Klassifikationen wurden in WordPress übernommen.

Name Type Tooltip Message
CategoryIT option Any subject to do with my computers and applications
CategoryEssenUndTrinken option blah
CategoryTanzen option blah
CategoryGolfen option blah
CategoryHumor option blah

— Main.DietrichKracht – 08 Aug 2004

WordPress und Gutenberg

dkracht

Gehört zu: WordPress

Der neue WordPress Editor names Gutenberg

Im März 2020 beim Upgrade meines WordPress auf Version 5.3.2 wurde ohne mich zu fragen der alte, vertraute klassische WordPress-Editor auf “Gutenberg” umgestellt.
Na schön sagte ich mir, Gutenberg ist jetzt schon ein ganzes Jahr da, also werden die Kinderkrankheiten wohl überstanden sein und schön ist der Gutenberg ja auch…

Nach ein paar Tagen bekam ich beim Update eines Artikels die Fehlermeldung:

“Update failed: Error Message: The response is not a valid JSON response”

Gutenberg hat mir meine wertvollen neuen Texte zerstört. Gutenbergs Kinderkrankheiten sind wohl doch nicht auskuriert. Mit meinen Blog-Texten möchte ich kein Risiko eingehen.

Nach kurzen Recherchen bei Tante Google bin ich dann schnell wieder zurück zum guten alten ausgereiften WordPress-Editor gegangen. Das ging ganz einfach mit dem WordPress-Plugin “Classic Editor”.

Seitdem trat der Fehler nicht wieder auf.

Bottom Line

Gutenberg ist fehlerhaft

Gutenberg ist Mist

Computer WordPress Plugin: Google Apps Login

dkracht

Gehört zu:  WordPress Plugins
Siehe auch: Google Drive, Google Drive Embedder, Google Fotos
Benutzt: Fotos aus Google Drive

Stand: 15.08.2021

Google Cloud Console

The G Suite (Google Apps) domain admin needs to go to https://console.developers.google.com/ (link will open in a new window). If you are not the domain admin, you may still have permissions to use the console, so just try it. If you are not using G Suite (Google Apps), then just use your regular Gmail account to access the console.

Um Dateien von Google Drive in WordPress-Artikel einzubinden gibt es WordPress-Plugins. Diese setzen allerdings voraus, das bestimmte Berechtigungen in der Google Cloud dafür eingerichtet sind.

Aufruf: https://console.cloud.google.com/

Erster Schritt:  Ein neues Projekt einrichten

Später habe ich das Ganze nocheinmal im Zusammenhang mit dem Plugin “Integrate Google Drive” beschrieben (2023).

Dazu klicken wir auf das kleine Dreieck neben dem Namen des aktuellen Projekts.
Dann öffnet sich eine Dialog “Projekt auswählen”, wo wir recht oben auf “NEUES PROJEKT” klicken.

Abbildung 1: Google Cloud Platform: Neues Projekt (Google Drive: Google-Cloud-01.jpg)

Danach öffnet sich eine neue Seite, wo wir den neuen Projektnamen eingeben und dann auf die Schaltfläche “ERSTELLEN” klicken.

Abbildung 2: Google Cloud Platform: Projektname eingeben (Google Drive: Google-Cloud-02.jpg)

Im “New Project” klicke auf “APIs & Services”  (top left)

Select “Credentials” sub menu   (deutsch: Anmeldedaten)

Klicken auf: “OAuth consent” Screen  (deutsch: OAuth Zustimmungsbildschirm)

xyz

Computer: Einbetten von Medien-Dateien in WordPress

dkracht

Gehört zu: WordPress Plugins
Siehe auch: Google Drive, SVG-Zeichnungen, Google Apps Login, Google Fotos
Benutzt: Fotos von Google Drive

Stand: 14.10.2023

Ich suche nach einem Weg, wie ich Medien-Dateien (z.B. JPG, SVG, XLS, MP3, MP4, GMX,…) in meine WordPress-Artikel gut einbinden kann. Also wirklich “einbinden”, möglichst keinen Upload. Die Medien-Dateien werde ich dann irgendwo “hosten”, unabhängig vom WordPress-Provider.

Im ersten Schritt werde ich also meine Medien-Dateien auf Google Drive speichern. Dabei ist wichtig, welchen meiner Google-Accounts ich dafür verwende.

Im zweiten Schritt möchte ich die auf Google Drive gespeicherte Medien-Datei in einen WordPress-Artikel einbinden.

Hochladen der Medien-Dateien auf Google Drive

Um meine Medien-Dateien auf mein Google Drive hochzuladen, benutze ich meinen Web-Browser und gehe auf mein Google Drive (https://dirve.google.com). Dort melde ich mich mit meinem Google Konto (rubaschow@googlemail.com) an:

Abbildung 1: Anmelden bei Google Drive (Google Drive: GoogleDrive20.jpg)

Im obersten Ordner “Meine Ablage” lege ich einen Unterordner mit dem Namen “WordPress” an.

In diesen Unterordner WordPress lade ich dann meine Medien-Dateien hoch.

Die hochgeladenen Medien-Dateien gebe ich dann noch frei für “Jeder, der über den Link verfügt”.

Dann kann das Einbetten in einen WordPress-Artkel losgehen…

Einbetten von Medien-Dateien in WordPress-Artikel

Zum Einbetten von Dateien aus Google Drive gibt es ein älteres und ein neueres WordPress-Plugin:

  • Älteres Plugin: “Google Drive Embedder”
  • Neueres Plugin: “Integrate Google Drive”

Beide benutzen zum Anmelden am Google-Konto ein weiteres WordPress-Plugin “Login for Google Apps“. Dieses Plugin muss also zuerst installiert und eingerichtet werden.

WordPress-Plugin “Login for Google Apps”

Dies hatte ich schon einmal in 2021 beschrieben: Google Apps Login

Login for Google Apps uses the latest secure OAuth2 authentication recommended by Google, including 2-factor Auth if enabled for your Google Workspace (formerly known as Google Apps / G Suite) accounts.

Nun beginnt eine recht komplizierte Prozedur, mit der wir am Schluss eine “Client-ID” und ein “Client Secret” bekommen, dass wir im Setup des WordPress-Plugins eintragen können.

Diese Prozedur erfordert einen  Admin access zu einer  Google Workspace domain, oder einen normalen Gmail account, womit man die Registrierung vornehmen kann, um am Ende diese zwei einfache Daten von Google zu bekommen.

In your Web Browser  go to the Google Developers Console: https://console.cloud.google.com

Jetzt muss eine Anmeldung am “richtigen” Google-Konto aktiv sein; dann sieht man diejenigen “Projekte”, die zu diesem Google-Konto gehören.

Abbildung 2: Google Developers Console (Google Drive: GoogleDrive21.jpg)

In der Google Developers Console, sehe ich schon ein Projekt names “WordPressPhotos”, das ich als letztes bearbeitet hatte. Falls das nicht das richtige Projekt ist, können wir ein anderes vorhandenes Project dieses Google Kontos auswählen. Wenn noch garkein Projekt da ist, klicken wir auf Create Project und legen ein ganz neues Projekt an.

Nun sind wir also auf unserem gewünschten Projekt und klicken als nächstes auf  APIs & Auth (APIs und Dienste) im Menü links, und dann auf “Anmeldedaten” . Dort sehen wir schon die zuvor angelegte “OAuth 2.0 Client-Id” namens “WordPress”.
http://blog.kr8.de/wp-admin/admin.php?page=wpseo_dashboard
Falls wir eine “OAuth 2.0 Client-Id” neu anlegen wollen,…..and select the Consent screen sub-menu.  XYZ

Die so erhaltenen zwei Infos “Client-Id” und “Client Secret” tragen wir im Setup des Plugins “Login for Google Apps” wie folgt ein:

Abbildung 3: Settings im Plugin “Login for Google Apps” (Google Drive: GoogleDrive23.jpg)

Abbildung 4: WordPress-Plugin “Login for Google Apps” (Google Drive: GoogleDrive24.jpg)

WordPress-Plugin: “Integrate Google Drive”

Zum Abschluss dieser (einmaligen) Einrichtung der WordPress-Plugins müssen wir noch dem Plugin “Integrate Google Drive” sagen welches Google-Konto es benutzen soll (mehrere Google-Konten wären kostenpflichtig).

Abbildung 5: WordPress-Plugin “Ingegrate Google Drive” (Google Drive: GoogleDrive25.jpg)

Einbetten von Media-Dateien von Google Drive

Da zu habe ich das WordPress-Plugin “Integrate Google Drive” installiert. Danach erscheint beim Editieren eines jeden WordPress Artikels in der oberen Leiste eine Schaltfläche “Google File” (in der Reihe: Add Media, Add slider, Google File, Add Contact Form):

Abbildung 6: WordPress – Google Drive (Google Drive: GoogleDrive26.jpg)

Wenn ich auf diese Schaltfläche “Google File” klicke, öffnet das Plugin zunächst ein Fenster “Select Insert Type”, wo ich “Embed Document” auswähle. Danach wird der oberste Ordner “Meine Ablage” von Google Drive (meines festgelegten Google Kontos) angezeigt..

Abbildung 7: Select Insert Type (Google Drive: GoogleDrive27.jpg)

Einbetten von Fotos – JPG-Dateien

Fotos (JPG-Dateien) werden so als “iframe” in den WordPress-Artikel eingebettet.

Beispiel:

<iframe class=”igd-embed” src=”https://drive.google.com/file/d/14p0r4cfiHWRCY4KyQND4MkW8LMbluwHq/preview?rm=minimal” width=”100%” height=”480px” frameborder=”0″ scrolling=”no” allowfullscreen=”allowfullscreen”></iframe>

Ich mache dann immer noch folgende Änderungen im Editor (statt “Visual” gehe ich auf den Reiter “Text”).

Dann suche ich die HTML-Passage mit dem IFRAME und mache drei Dinge:

  1. Entfernen der CSS-Klasse:  class=”igd-embed”
  2. Width und Height auf die genaue Größe des Fotos, damit keine schwarzen Balken entstehen…

Einbetten von Zeichnungen – SVG-Dateien

Mit dem WordPress-Plugin “SVG Support” kann ich zwar SVG-Zeichnungen schön in meine WordPress-Artikel einbinden, die Speicherung erfolgt aber in der WordPress-Media-Library – also beim WordPress-Provider. Ich möchte die Speicherung aber unabhängig vom WordPress-Provider vornehmen. So wie ich das schon mit einen Pixel-Bildern mache, die auf Google Drive gespeichert sind.

Update 2023: Mittlerweile speichere ich meine SVG-Grafiken auf GitHub. und füge dann über “Add Media” und “Insert from URL” die SVG-Zeichnung ein.

Beispiele:

Einbetten von Tabellenblättern – XLS-Dateien

Bei Tabellenblättern möchte man häufig ja nicht die ganze Datei, sondern nur einen Ausschnitt eines Tabellenblatts in den WordPress-Artikel einbetten.

Zum Einbetten von Tabellen gibt es diverse WordPress-Plugins z.B.: “TablePress”, “WP Table Manager”,…

Beispiele dafür sind:

Im Prinzip kann ich Excel-Dateien genauso wie oben beschrieben bei JPG-Dateien in WordPress einbinden. Der Punkt ist nur, dass dann immer das ganze Tabellenblatt angezeigt wird, obwohl man meisten ja nur eine bestimmte Range haben möchte…

Abbildung 8: Die ganze Excel-Datei einbinden (Google Drive: Beobachtungsobjekte.xlsx)

Wenn ich nur einen bestimmten Ausschnitt (eine Excel-Range) haben will, muss ich eine andere URL nehmen. Diese URL benutzt dann statt “?preview” das Wort “?htmlembed”. Wobei ich soeine Excel-Range dann alternativ über WordPress-Embed oder über IFRAME einbauen kann.

Abbildung 9: Nur eine kleinere Excel-Range einbinden mit EMBED (Google Drive: Beobachtungsobjekte.xlsx)

Abbildung 10: Nur eine kleinere Excel-Range einbinden als IFRAME (Google Drive: Beobachtungsobjekte.xlsx)

Einbetten von Audio-Dateien – MP3-Dateien

Ich möchte die Speicherung auch der MP3-Dateien unabhängig vom WordPress-Provider vornehmen. So wie ich das schon mit einen Pixel-Bildern (JPG) mache, die auf Google Drive gespeichert sind.

Deswegen speichere ich meine MP3-Dateien auch auf Google Drive. und embedde sie dann manuell als IFRAME  über Google Drive in den WordPress-Beitrag.

Beispiele:

Der Wind und der Löwe

Einbetten von GPS-Tracks – GPX-Dateien

Ich möchte die Speicherung auch de GPX-Dateien unabhängig vom WordPress-Provider vornehmen. So wie ich das schon mit einen Pixel-Bildern (JPG) mache, die auf Google Drive gespeichert sind.

Deswegen speichere ich meine GPX-Dateien auf GitHub. und füge dann mit Hilfe des WordPress-Plugins OSM die Landkarte mit GPS-Track in den WordPress-Beitrag ein.

Beispiele:

Peninsula Tour

==================================

Beispiel

Das WordPress-Plugin “Google Apps Login” habe ich unter “WordPress Settings” auf eines meiner Google-Konten (rubaschow) eingestellt.

Mit dem Google-Konto habe ich mich angemeldet, zwei Ordner neu angelegt: “Audio” und “Pictures”.

Dann habe ich in den Ordner “Audio”  drei MP3-Dateien und in den Ordner “Pictures” einige JPG-Dateien hochgeladen.

Schießlich habe ich die hochgeladenen Dateien auf “Shared” gesetzt und zwar mit “jeder der den Link hat“.

Beispiel 1: Eine JPG-Datei “netzwerk07.jpg”

 

Beispiel 2: Eine MP3-Datei “derloewe.mp3”

 

 

Computer: WordPress: OSM Open Street Map Plugin

dkracht

Gehört zu: WordPress
Benutzt: GPS-Tracks von GitHub

Open Street Map Plugin für WordPress mit GPS-Tracks

Dieses Plugin

  • OSM Plugin Version 5.3.2 | By MiKa | zur Darstellung von GPS Tracks

ermöglicht es, eine OSM-Karte (=Map) zusammen mit einem GPS-Track in einen WordPress-Artikel einzubetten.

Installation des OSM Plugins

Zunächst läd man sich das OSM Plugin in sein WordPress.

Dann muss das OSM-Plugin aktiviert werden.

Benutzung des OSM Plugins: Die Landkarte

Um eine Landkarte (“Map”) in einem WordPress-Artikel anzuzeigen muss ein sog. OSM-Tag in dem WordPress-Artikel mit folgendem Aufbau stehen:
<eckige klammer auf>osm_map_v3 ... <eckige klammer zu>

Beispiel einer kleinen Landkarte von Dar Es Salam:

Abbildung 1: OSM-Landkarte ohne GPS-Track

Wobei “map_center” die geografische Länge und Breite des Kartenmittelpunkts sein soll und mit “zoom” die gewünschte Vergrößerungsstufe eingestellt werden kann.
Schließlich geben “width” und “height” die gewünschte Größe der Landkarte innerhalb des WordPress-Artikels an.

Achtung: Man muss mit diesen Angaben schon ein bisschen herum zirkeln, bis alles so schön aussieht, wie man es haben möchte.

Achtung: Die Angabe “height=…” muss absolut in Anzahl Pixel erfolgen, wenn man hier eine Prozentzahl angibt, erscheint eine Landkarte mit der Höhe Null, also ein Strich.

So wird ersteinmal nur die Landkarte (ohne GPS Track) angezeigt. Die Anzeige erfolgt nicht im WordPress-Edit-Mode, sondern nur im WordPress-View-Mode.

Benutzung des OSM Plugins: Der GPS-Track

Den GPS-Track muss man unabhängig zuvor mit einem geeigneten GPS-Logger aufgenommen haben und dann auf den Server hochladen wo das WordPress gehostet wird.

Soll auf der Landkarte dieser GPS-Track angezeigt werden, muss man in dem OSM-Tag zusätzlich den Parameter “file_list=…” angeben:

Abbildung 2: OSM-Landkarte mit einem GPS-Track (GitHUb: GPS_20091012_0726 Daressalam Walking Tour.gpx)

 

Computer: LaTeX mit WordPress

dkracht

Gehört zu:  WordPress
Siehe auch: Kosmologie, Mathematik, Quantenmechanik, Tägliche Bewegung, Belichtungszeiten, SQM Sky Quality Meter, Komplexe Zahlen, Matrizenrechnung
Benutzt: LaTeX

Um mathematische Formeln in meinen WordPress-Blogs ordentlich darstellen zu können, will ich LaTeX benutzen.

Ansonsten habe ich auch schon Formeln in PowerPoint von Microsoft verwendet.

Seit HTML5 kann man auch MathML verwenden, was den Vorteil hat, das die Formen gleich mit “Visual” modus angezeigt werden.

LaTex Plugins

Da gibt es einige Plugins in WordPress für LaTeX:

  • MathJax-LaTeX  mit 7000+ active installations. Transform latex equations in JavaScript using mathjax
    Version 1.3.11 | By Phillip Lord, Simon Cockell, Paul Schreiber
  • WP QuickLaTeX mit 5000+ active installations. Advanced LaTeX plugin. Native LaTeX syntax. Allows custom preamble, TikZ and other packages. Zoom-independent visual… By Pavel Holoborodko
  • Formula Editor   mit 1000+ active installations. Adds equation editor to wordpress posts ,pages and custom post types TinyMCE editor. By modalweb

LaTeX für Anfänger

Latex ist ja eigentlich ein Textverarbeitungssystem. Ich möchte es hier im Wesentlichen zur Darstellung von mathematischen Formeln und Ausdrücken verwenden.

Griechische Buchstaben

LaTeX hat da eine sehr einfache Notation z.B.:

  • \alpha
  • \delta
  • \lambda
  • \phi

Subscripts & Exponenten

Ein Subscript wird durch anhängen eines Unterstrichs eingleitet. z.B.

  • a_i
  • a_{i+1}
  • etc.

Exponenten werden mit einem Dach-Symbol eingeleitet z.B.

  • a^2
  • a^{n+1}
  • e^{\lambda \cdot t}
  • etc.

Brüche

Beispiel:

  • \frac{a}{b}

Schriftgröße

z.B. \Large

Einbettung von MathJax-LaTeX-Formeln in WordPress

Das geht indem man die Latex-Formel in “LaTeX-Tags” einbettet, beispielsweise:

\( ... \)

Beispiel 1:  Max Planck

E = h \nu

Mit LaTeX:

\( \Large E = h \cdot \nu \)

Beispiel 2: Einsteins Feldgleichung

Einsteins berühmte Feldgleichung der Allgemeinen Relativitätstheorie (ART) lautet:

\( \Large G_{\mu\nu} = \frac{8\pi G}{c^4} T_{\mu\nu} \)

Computer: Flickr Fotos für WordPress Blogs

dkracht

Gehört zu: Websites mit WordPress
Gehört zu: Fotografieren, Flickr, Google Photos
Benutzt: Fotos aus Google Drive

Stand: 10.07.2024

Flickr Fotos für mein WordPress

Fotos kann man auch auf picr.de hosten…
Auch bei Google geht es, wenn man die Archiv-Funktion benutzt.

Google Drive statt Google Photos

Da die Archiv-Funktion von Google Fotos von Google abgeschaltet wurde, stelle ich jetzt um auf Google Drive.
Fotos von Google Drive kann ich nicht per IMG-Tag einbinden, sondern “nur” einbetten als IFRAME.

Google Photos statt Flickr

Leider hat jetzt (Nov. 2018) Flickr seine Pläne geädert und will in Kürze nur noch viel weniger Space kostenlos anbieten. Deshalb habe ich mich nach kostenlosen Alternativen umgesehen. Mit Google Photos scheint das gut zu gehen.

Leider sind meine Google Fotos manchmal nicht auf dem WordPress-Blog zu sehen. Möglicherweise ist das eine Frage der Berechtigung oder es liegt daran, dass mein Plattenplatz bei Google aufgebraucht ist. Wie dem auch sei, ich hole jetzt (Nov. 2019) meine WordPress-Fotos zurück nach Flickr. 1000 Fotos sind bei Flickr ja frei; dass sollte zumindest für meine Astro-Fotos auf WordPress reichen.

Wie war das damals mit Flickr?

Da ich meine WordPress-Blogs nicht bei wordpress.com oder wordpress.org betreibe (“hoste”), sondern sog. “Self Hosted WordPress” betreibe, möchte ich zur Erhöhung meiner Flexibilität, die vielen Fotos, die ich in meinen Blog-Artikeln verwende unabhängig im Internet verwalten.

Mein erster Versuch in dieser Richtung, war es diese Fotos in Flickr zu verwalten und dann per WordPress-Plugin “WordPress Flickr Embed Plus” in die Blog-Artikel einzubinden. Das hat auch wunderbar geklappt. Allerdings hat jetzt Flickr seine Pläne geädert und will in Kürze nur noch viel weniger Space kostenlos anbieten. Deshalb habe ich mich nach kostenlosen Alternativen umgesehen.

WordPress Plugin für Flickr

Als erstes müssen wir das Plugin “WordPress Flickr Embed Plus”  in unserem “Self Hosted WordPress”  installieren und aktivieren. Dann erscheint im WordPress bei “Edit Post” die kleine Schaltfläche “Add Flickr photo” und es kann direkt aus Flickr ein Foto zum Einfügen in den WordPress Post ausgewählt werden siehe untenstehedes Bild:
Da ich mit meinen Fotos ja von Flickr auf Google Fotos umgezogen bin, sieht man hier vielleicht NICHTS,

Abbildung 1: Mozilla Firefox –> “blog.kr8.de/wp-admin” –> Posts –> Edit Post (Google Drive: WordPress-Flickr-01.jpg)


Flickr Fotos in WordPress