Problem

Vor ein paar Tagen hatten wir das Problem, dass eine WordPress-Website mit Elementor nicht mehr funktionierte. Nach dem Aktivieren des error reportings erschienen Fehler wie

Fatal error: Uncaught Error: Class 'Elementor\Scheme_Color' not found

oder

Fatal error: Uncaught Error: Class 'Elementor\Scheme_Typography' not found

Problem ist schlicht, dass die erwähnten Klassen umbenannt wurden. Abhilfe schaffen hier zwei Wege:

1. Jedes Vorkommen von Scheme_Color ersetzen mit \Elementor\Core\Schemes\Color sowie jedes Vorkommen von Scheme_Typography ersetzen mit \Elementor\Core\Schemes\Typography
2. in jede erwähnte Datei nach der Deklaration des Namespace folgende Zeilen einfügen:

use \Elementor\Core\Schemes\Typography as Scheme_Typography;
use \Elementor\Core\Schemes\Color as Scheme_Color;

Das hat das Problem bei uns gelöst. Natürlich nur bis zum Nächsten Auto-Update.

„Schuld“ war in unserem Fall übrigens das Plugin „Pixerex Elements“.

Es gibt natürlich noch eine dritte Möglichkeit, indem man im „fehlerhaften“ Plugin eine PHP-Datei mit folgendem Inhalt erstellt:

<?php
/**
 * Plugin Name: Elementor Scheme_Color and Scheme_Typography Class Issue
 **/
namespace Elementor;

\add_action(
  'plugins_loaded',
  function() {
    if ( ! class_exists( 'Elementor\Scheme_Color' ) ) {
      class Scheme_Color extends Core\Schemes\Color {}
    }
  }
);
\add_action(
  'plugins_loaded',
  function() {
    if ( ! class_exists( 'Elementor\Scheme_Typography' ) ) {
      class Scheme_Typography extends Core\Schemes\Typography {}
    }
  }
);

Bei der Arbeit mit jQuery Tabs in Verbindung mit RealUrl tauchte das Phänomen auf, dass im aktiven Tabinhalt die Seite selbst dargestellt wurde. Dies setzte sich endlos fort, bis der Browser voll lief. Nach einiger Recherche wurde klar, dass sich RealUrl und jQuery Tabs nur bedingt vertragen.

Hier nun die Lösung:

Direkt vor dem Initialisieren der Tabs mittels

$('.tabsContainer').tabs();

müssen die Link-href´s per jQuery überschrieben werden:

$(".tabsContainer > ul a").attr("href", function() {
if ($(this).attr("href").indexOf("#") > -1) { return "#" + $
(this).attr("href").split("#")[1]; } else { $(this).attr("href"); }
});

Möchte man das Datum in der Latest-, List- oder/und Single-Ansicht der tt_news als Grafik darstellen, so ist etwas TypoScript-Arbeit nötig. Mit folgendem Schnipsel (am Beispiel Latest-Ansicht) ist dies aber kein (größeres) Problem.

plugin.tt_news {
	displayLatest {
		date_stdWrap.strftime >
		date_stdWrap.cObject = IMAGE
		date_stdWrap.cObject.titleText.field = title
		date_stdWrap.cObject.altText.field = title
		date_stdWrap.cObject.file = GIFBUILDER
		date_stdWrap.cObject.file {
			# Groesse der zu erzeugenden Grafik
			XY = 49, 49
			# Format der Grafik
			format = jpg
			# Qualitaet der Grafik
			quality = 95
			# Daten fuer die Hintergrundgrafik
			10 = IMAGE
			# Pfad zum Hintergrundbild - hier ist der Pfad in einer Konstanten gespeichert
			10.file = {$filepaths.images}news-latest-date.jpg
			# Daten fuer den Tag
			20 = TEXT
			# Das Datumsfeld der tt_news verwenden
			20.text.field = datetime
			# Aus dem Datumsfeld wird nur der Tag verwendent
			20.text.date = d
			# Pfad zur Schriftart (ttf) - hier ist der Pfad in einer Konstanten gespeichert
			20.fontFile = {$filepaths.fonts}arial.ttf
			# Schriftgroesse
			20.fontSize = 18
			# Schriftfarbe
			20.fontColor = #ffffff
			# Abstand (links, oben)
			20.offset = 0, 25
			# Schrift formatieren
			20.antiAlias = 1
			20.niceText = 1
			# Ausrichtung des Datums
			20.align = center
			# Daten fuer Monat und Jahr
			# aus den Einstellungen vom Tag erben
			30 < .20
			# Monat als dreibuchstabige Abkürzung und zweistelliges Jahr
			30.text.date = M.y
			# Schriftgroesse
			30.fontSize = 9
			# Abstand (links, oben)
			30.offset = 0, 40
		}
	}
}