Vorlesefunktion einbinden

Veröffentlichungsdatum: 11. Januar 2018
Änderungsdatum: 08. August 2023
Projektgrundlage: BASE

Die Vorlesefunktion kann über CSS-Only an beliebiger Stelle eingebunden werden, um Inhalte aus der ganzen Seite oder nur von Teilbereichen vorzulesen. Zudem können Sie festlegen, ob alle oder nur bestimmte Seiten mit einer Vorlesefunktion ausgestattet werden sollen.

Die dafür zuständige CSS finden Sie unter /IHRGLOBALESPROJEKT/wGlobal/layout/styles/includes/reader.scss, also im Verzeichnis allgemeine Includes. Nach der Installation des Weblics müssen Sie in dieser Datei entsprechend der folgenden Beispiele festlegen, wo und wie Sie die Vorlesefunktion nutzen wollen.

In jeder Seite für den gesamten Inhalt einbinden

#blockContentInner {
  
  -w-add-classes:wglReader; 
  -w-add-data:'readertarget=prepend,readertextpre=Ich lese Ihnen nun vor: ';
}

In jeder Seite für jeden Inhaltsbereich einbinden

.elementSection {
  
  -w-add-classes:wglReader; 
  -w-add-data:'readertarget=prepend,readertextpre=Ich lese Ihnen nun vor: ';
}

Nur in Seiten vom Objekttyp News, also z.B. aktuelle Meldungen, einbinden

.object-news #blockContentInner {
  
  -w-add-classes:wglReader; 
  -w-add-data:'readertarget=prepend,readertextpre=Ich lese Ihnen nun vor: ';
}

Nur in Seiten vom Objekttyp News und Blog-Beitrag einbinden

.object-news #blockContentInner, .object-blogpost #blockContentInner {
  
  -w-add-classes:wglReader; 
  -w-add-data:'readertarget=prepend,readertextpre=Ich lese Ihnen nun vor: ';
}