WordPress

Admin: Liste meiner Posts mit Latex

dkracht

Gehört zu: WordPress
Siehe auch: Latex-Plugin

Stand: 17.7.2026

Bei vielen meiner Beträge verwende ich (mathematische) Formeln mit LaTeX, wofür ich ein spezielles WordPress-Plugin benutze.
Beim Umstieg vom “Classic Editor” zum “Gutenberg-Editor” will ich diese Seiten kontrollieren.

Alt: https://www.kr8.de
Neu: https://dkracht.wordpress.com

So, das wären meine 96 Posts mit Latex-Teilen. Es springt ins Auge, dass da einige Bereinigungen sinnvoll wären, aber ich will zunächst nur die Latex-Formeln prüfen und alles andere so (schlecht) lassen wie es ist. 

  1. Mathematik: Fehlerbalken:  OK
  2. Astronomie: Olberssches Paradoxon: OK
  3. Mathematik: Mannigfaltigkeiten: OK
  4. Physik: Dipolmoment: OK
  5. Astronomie: Robertson-Walker-Metrik: OK
  6. Physik: Laser: OK
  7. Astronomie: Resonanzen: OK
  8. Physik: Quantencomputing: OK
  9. Mathematik: Wahrscheinlichkeit: OK
  10. Physik: Kopenhagener Deutung: OK
  11. Physik: Das Bohrsche Atommodell: OK
  12. Physik: Die Schrödinger-Gleichung: OK
  13. Physik: Plancksches Strahlungsgesetz: OK
  14. Mathematik: Singularität: OK
  15. Astronomie: Dunkle Materie: OK
  16. Mathematik: Variationsrechnung – Calculus of Variation: OK
  17. Mathematik: Integralrechnung: OK
  18. Physik: Quantenmechanik nach Susskind: OK
  19. Physik: Entropie: OK
  20. Astronomie: Die Sonnenkorona: OK
  21. Mathematik: Körper (Grundlagen): OK
  22. Physik: Wärmepumpe: OK
  23. Astronomie: Lichtgeschwindigkeit im 17. Jahrhundert: OK
  24. Mathematik: Äquivalenzrelation: OK
  25. Mathematik: Gruppentheorie: OK
  26. Astronomie: Flächenhelligkeit: OK
  27. Astronomie: Aberration: OK
  28. Physik: Tunneleffekt: OK
  29. Astronomie: Delta Cepheiden: OK
  30. Physik: Phasenraum: OK
  31. Computer: Differentialoperatoren: OK
  32. Mathematik: Vektorräume (Grundlagen): OK
  33. Physik: Einstein spezielle Relativitätstheorie: OK
  34. Mathematik: Taylor-Entwicklung & Fourier-Entwicklung: OK
  35. Astronomie: Hydrostatisches Gleichgewicht: OK
  36. Physik: Die Bra-Ket-Notation : OK
  37. Physik: Die Wellenfunktion in der Quantenmechanik: OK
  38. Physik: Ebbe und Flut: OK
  39. Astronomie: Hertzsprung-Russel-Diagramm: OK
  40. Physik: Symmetrie: OK
  41. Mechanik: Lagrange-Formalismus: OK
  42. Physik: Kraftfeld und Potential: OK
  43. Physik: Quantenfeldtheorie QFT: OK
  44. Mathematik: Koordinatensysteme: OK
  45. Physik: Einstein: ART Allgemeine Relativitätstheorie: OK
  46. Mathematik: Der Metrik-Tensor : OK
  47. Astronomie: Expansion des Universums: OK
  48. Astronomie: Friedmann-Gleichung: OK
  49. Physik: Wellen und Covektoren: OK
  50. Physik: Messung der Helligkeit: OK
  51. Astronomie: Hintergrundlimitiert: OK
  52. Astronomie: Koordinatensysteme: OK
  53. Astronomie: Die Lagrange-Punkte: OK
  54. Astronomie: Kosmische Hintergrundstrahlung – CMB: OK
  55. Physik: Ideales Gas – Thermodynamik: OK
  56. Physik: Stoffmenge: OK
  57. Physik: Kernfusion – Nukleosynthese: OK
  58. Physik: Die Heisenbergsche Unschärferelation: OK
  59. Physik: Quantenmechanik – Materiewellen: OK
  60. Mathematik: Matrizenrechnung – Vektorraum: OK
  61. Astrofotografie: Emissionsnebel: OK
  62. Physik: Arbeit, Energie und Wirkung: OK
  63. Physik: Newtonsche Mechanik: OK
  64. Computer: Mathematik – Algebren: OK
  65. Mathematik: Metrik, Abstand und Geometrie: OK
  66. Physik: Krümmung der Raumzeit: OK
  67. Physik: Magnetisches Feld: OK
  68. Physik: Elektrische Felder – Coulomb: OK
  69. Physik: Wellengleichung: OK
  70. Physik: Thermodynamik – Wärmelehre: OK
  71. Astronomie: Die Schwarzschild-Metrik: OK
  72. Physik: Gravitation: OK
  73. Astronomie: Schwarzes Loch – Black Hole: OK
  74. Mathematik: Komplexe Zahlen: OK
  75. Physik: Kreisbahn – Zentrifugalkraft – Zentripedalkraft – Drehimpuls: OK
  76. Astronomie: Meine Barlow-Linse: OK
  77. Physik: Relativitätstheorie – Raum-Zeit-Diagramme – Lorentz-Transformation – Minkowski-Metrik und Eigenzeit: OK
  78. Mathematik: Was sind Tensoren?: OK
  79. Astronomie: Die Keplerschen Gesetze: OK
  80. Computer: Mathematik – Vektorräume – Lineare Algebra: OK
  81. Astronomie: Welche Probleme kann ich mit Stacking lösen?: OK
  82. Astronomie: Sphärische Trigonometrie: OK
  83. Astronomie: Tägliche Bewegung der Himmelsobjekte: OK
  84. Astrofotografie: Belichtungszeit, Lichverschmutzung und Rauschen: OK
  85. Physik: Quantenmechanik: OK
  86. Astronomie: SQM Sky Quality Meter – Bortle Skala: OK
  87. Computer: LaTeX mit WordPress: OK
  88. Mathematik: Von Pythagoras bis Einstein: OK
  89. Astrofotografie: Autoguiding mit der Software PHD2 Guiding: OK
  90. Astronomie: Kosmologie: OK
  91. Astronomie: Entfernungsbestimmung: OK
  92. Astronomie: Physikalische Größen: OK
  93. Astronomie: Scheinbare und absolute Helligkeit: OK
  94. Astrofotografie: Einnorden – Polar Alignment: OK
  95. Astrofotografie: Beobachtung des Planeten Venus: OK
  96. Astrofotografie: Die Software Fitswork: OK

Computer: Gutenberg

dkracht

Gehört zu: WordPress
Siehe auch: Probleme mit Gutenberg

Stand: 16.7.2026

Meine Motivation

Ich wollte meine WordPress-Artikel möglichst unabhängig von regelmäßigen Zahlungen an einen Provider machen.
Deshalb versuche ich jetzt mein WordPress vom Provider Strato auf “wordpress.com” umzustellen.

Der Account bei “wordpress.com” ist kostenlos.

Allerdings benerkte ich gleich, dass dort der “Classic Editor”, den ich bisher verwendet habe,  nicht unterstützt wird, sondern, dass ich mit dem Gutenberg Block-Editor arbeiten muss.

Ebenfalls wäre eine Frage, welche WordPress-Plugins dort noch enthalten sind. Mit Plugins sollte man sowieso vorsichtig sein, wenn man portabel bleiben will.

Prinzip des Gutenberg

Der Gutenberg-Editor, auch Block-Editor genannt ist seit 2018  standardmäßig in WordPress enthalten. Wenn man den alten “Classic Editor” stattdessen noch benutzen möchte, muss man ein spezielles WordPress-Plugin namens “Classic Editor” aktivieren.

Der Gutenberg-Editor ist also der neue Standard. Früher brauchte man viele Plugins, heute ist Vieles schon im Gutenberg enthalten.

Die Gutenberg-Editor ist so eine Art “Page Builder”, aber nicht so umfangreich wie z.B. Elementor.

Ein neuer Post hat einen Titel und den Inhalt, der aus einem oder mehreren “Blöcken” bestehen kann. Es werden Blöcke unterschiedlichen Typs (z.B. Heading, Table, Image,…) angeboten. Mit den Schrägstrich als Eingabe kommt man in ein Auswahl-Menü (man kan auch oben links auf das Plus-Symbol klicken).

Der Post als ganzer hat bestimmte Attribute (z.B. Autor, Kategorie,…) und jeder einzelne Block kann Attribute (z.B. Font Size, Color,…) haben.

Erste Erfahrungen mit Gutenberg

Ansicht

Zum Einstellen der generellen Ansicht klickt man oben rechts auf die drei Punkte…

Spotlight-Modus,  Vollbild (Full Screen),…

Blöcke gruppieren

xxx

wiederverwendbare Blöcke “Patterns”

Geschaltelte Blöcke (Container)

Umstellung vom “Classic Editor” auf Gutenberg

Ich habe das einfach mal so versucht mit einem “Copy & Paste” auf den alten Titel und den alten Textbeitrag. 

Dann kommt das in Gutenberg in den neuen Titel und den neuen Textbeitrag. Das geht ganz gut, aber es gibt dabei kleinere Problemchen:

  • Kategorieen
  • LaTeX-Formeln
  • der “Slug”  (der wird in den Links benutzt und darf nicht so schlicht un einfach aus dem Titel abgeleitet werden)

Ganz generell muss ich das alte Menüsystem dann in Gutenberg neu aufsetzen.

Gutenberg und LaTeX

Gutenberg versucht ja mein Latex aus dem alten (für das Plugin geschriebenen Latex-Code) intelligent in Gutenberg zu übersetzen (wo ich kein Plugin mehr brauche), dabei bin ich auf mehrere Problemchen gestossen:

  • Leerstellen im alten Latex-Text werden manchmal in “ ” übersetzt – was Gutenberg-LaTeX nicht mag
  • Wenn im alten Latex-Text deutsche Umlaute vorkommen, geht das auch nicht gut
  • Wenn ich manchmal einen Latex-Text “inline” verwendet habe, kann Gutenberg das manchmal, aber nicht immer

Ich muss die Posts, die LaTeX-Formeln enthalten, per Hand kontrollieren und ggf. korrigieren. Deshalb habe ich mir eine Liste der betroffenen Posts gemacht, die ich dann Zeile für Zeile durchgehe.

Computer: Das 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: 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…

— 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, Einbetten von Media-Dateien in WordPress
Benutzt: Fotos aus pCloud

Stand: 21.11.2025

Login for Google Apps

Wenn wir Google Drive für uns eingerichtet haben und Dateien dorthin hochgeladen haben, können wir mit Hilfe von WordPress-Plugins darauf zugreifen.  Das setzt allerdings einige vorbereitende Schritte voraus…

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 (pCloud: 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 (pCloud: 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)

Nun kommt Text, der aus dem Blog-Artikel Einbetten von Media-Dateien in WordPress hierher verschoben wurde.

WordPress-Plugin: Login for Google Apps

Client-ID und Client Secret besorgen

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.

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 “Login for Google Apps” 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 3: Google Developers Console (pCloud: 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”.
Wenn wir diese OAuth “bearbeiten”, sehen wir die gewünschten Daten:
Client-ID = 187718264646-… und Client Secret = QY8d-sWpV…

Falls wir eine “OAuth 2.0 Client-Id” neu anlegen wollen,… and select the Consent screen sub-menu.

WordPress Plugin “Login for Google Apps” installieren und konfigurieren

Das WordPress Plugin “Login for Google Apps” müssen wir installieren und dann die oben beschriebenen zwei Daten “Client-Id” und “Client Secret” in den Settings des Plugins wie folgt eintragen:

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

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

WordPress-Plugin: “Integrate Google Drive”

Nun müssen wir noch das WordPress-Plugin “Integrate Google Drive” installieren und (einmalig) konfigurieren; d.h. wir müssen dem Plugin “Integrate Google Drive” noch sagen, welches Google-Konto es benutzen soll (mehrere Google-Konten wären kostenpflichtig).

Abbildung 6: WordPress-Plugin “Integrate Google Drive” (pCloud: GoogleDrive25.jpg)

Dieser ganze Spaß bewirkt jetzt, dass unser WordPress-Plugin Integrate Google Drive zunächst diese Client-ID und das Client Secret benutzt und dann das dazu gehörige Google-Konto rubaschow@googlemail.com zur ordnungsgemäßen Anmeldung verwendet.

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 Drive” (in der Reihe: Add Media, Add slideshow, Google Drive, Add Contact Form):

Abbildung 7: WordPress – Google Drive (pCloud: GoogleDrive26.jpg)

Wenn ich auf diese Schaltfläche “Google Drive” 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 8: Select Insert Type (pCloud: GoogleDrive27.jpg)

Einbetten von Fotos – JPG-Dateien – auf Google Drive in WordPress

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 WordPress-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…

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 pCloud

Stand: 27.04.2025

Ich suche nach einem Weg, wie ich Medien-Dateien (z.B. JPG, SVG, MP3, XLS, 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.

Einbetten von Medien-Dateien in WordPress

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

Im zweiten Schritt besorge ich mir eine Client-ID und ein Client Secret für meinen Google-Account rubaschow@googlemail.com.

Im dritten Schritt trage ich diese Client-ID und dieses Client Secret in den Settings ein.

Im vierten Schritt möchte ich die auf Google Drive (im Google-Konto rubaschow@googlemail.com) gespeicherte Medien-Dateien in einen WordPress-Artikel einbinden.

Update: Seit Ende 2025 mache ich statt Google Drive (=USA) stattdessen pCloud (=Europa).

Schritt 1: 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. Dort melde ich mich mit meinem Google Konto (rubaschow@googlemail.com) an:

Abbildung 1: Anmelden bei Google Drive (pCloud: 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-Artikel losgehen…

Einbetten von Media-Dateien aus pCloud

Voraussetzung ist ein Konto bei pCloud und das Hochladen aller Medien-Dateien auf pCloud.

Einbetten von Fotos – JPG-Dateien

Foto-Dateien von pCloud kann ich ganz einfach als IMG-Tag in meine WordPress-Blog-Artikel einbetten.

Voraussetzung ist, dass diese Dateien auf Public Folder hochgeladen wurden. Dann kann man sich von pCloud einen Link geben lassen…

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 GPS-Tracks – GPX-Dateien

Ich möchte die Speicherung auch de GPX-Dateien auch unabhängig vom WordPress-Provider vornehmen. So wie ich das schon mit einen Pixel-Bildern (JPG) mache, die auf Google Drive bzw. aktuell (2025) auf pCloud 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

Einbetten von Audio-Dateien – MP3-Dateien

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

Deswegen speichere ich meine MP3-Dateien auf pCloud und füge sie  dann als HTML-AUDIO-Tag manuell in den WordPress-Beitrag ein. Dadurch vermeide ich ein Audio-Plugin und auch eine IFRAM-Konstruktion ist nicht nötig.

Sound 1: Der Löwe (pCloud: derloewe.mp3)

Einbetten von Media-Dateien aus Google Drive

Voraussetzung ist ein Konto bei Google Drive und das Hochladen aller Medien-Dateien auf ein Google Drive.

Dazu habe ich das WordPress-Plugin “Integrate Google Drive” installiert, was ebenfalls das Plugin “Login for Google Apps” voraussetzt.

WordPress-Plugin “Login for Google Apps” installieren

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 (Client-ID und Client Secret)

Dies hatte ich schon einmal in 2021 beschrieben: Google Apps Login   Dazu gehört auch das Installieren des WordPress-Plugins “Integrate Google Drive”.

Da ich statt Google Drive jetzt (2025) ja pCloud  benutze, habe ich die Beschreibung des Einbettens von Google-Drive-Dateien in WordPress-Artikel auch nach Google Apps Login  verschoben.

=====================================0

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…

Bei pCloud gehe ich zuerst in den pCloud-Editor und kopiere dort die URL und mache damit einen IFRAME. Dabei ist die Frage, ob ich mich in pCloud einloggen muss oder ob es mit Freigabe geht.

Bei pCloud lade ich die Excel-Datei in einen Ordner unterhalb von “Public Folders”.
Dann öffne ich diese Excel-Datei in pCloud mit meinem Web-Browser. Da sollte jetzt ein pCloud-Editor aufgehen.
Die URL dieser Web-Seite kopiere ich dann mit Ctrl-C.
Diese URL füge ich dann (mit Ctrl-V) in einen <a href=URL > text </a>  ein.

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

Beobachtungsobjekte.xlsx

Wenn ich nur einen bestimmten Ausschnitt (eine Excel-Range) haben will, muss ich tricksen.

Bei pCloud habe ich noch keine Möglichkeit gefunden.

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

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

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}

Matrix

\begin{array} …. \end{array}

Eine solche Matrix besteht aus Zeilen und Spalten.

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} \)