Volltextsuche
Das HTML Seiten-Template (standard.wDocument.php)
verwenden ein zentrales HTML Seiten-Template, um die in der Inhaltsdatei vorhandenen XML-Inhalte in XHTML bzw. HTML 5 zu transformieren und auszugeben. In der BASE wird hierzu auf ein zentrales XSL-Stylesheet zurückgegriffen, das HTML
Das HTML Seiten-Template (standard.wDocument.php)
verwenden ein zentrales HTML Seiten-Template, um die in der Inhaltsdatei vorhandenen XML-Inhalte in XHTML bzw. HTML 5 zu transformieren und auszugeben. In der BASE wird hierzu auf ein zentrales XSL-Stylesheet zurückgegriffen, das HTML
Ausgabe von HTML in wsl:php
28. März 2013 html php wsl ausgabe cdata entitäten rendern Was Sie beachten müssen, wenn Sie in wsl:php HTML ausgeben wollen Wenn Sie HTML in einem wsl:php Bereich ausgeben wollen, müssen Sie das Markup entweder in einen
HTML Meta-Daten setzen und pflegen
für Web-Server, Web-Browser und Suchdienste zentral notieren und optional den Redakteuren zur Pflege anbieten. Die HTML-Kopfdaten einer Webseite enthalten wichtige Informationen für Webserver, Browser und z.B. Suchdienste / Robots.
Tipps zum Versenden von HTML-Newslettern
26. Januar 2016 newsletter html mail e-mail mail-client outlook thunderbird thebat Was Sie beim Versand von gestalteten HTML E-Mail Newslettern beachten sollten. Zur ansprechenden Gestaltung Ihrer in HTML gestalteten E-Mail Newsletter finden
HTML- und Script-Code Pflege durch Redakteure
durch Redakteure Nutzbar ab: Version 17.x Veröffentlichungsdatum: 23. November 2023 Änderungsdatum: 31. Januar 2024 html code script fehler 403 firewall bearbeitung bearbeiten editor Die BASE verfügt mit dem Weblic / Strukturelement "HTML
Nützliche Helfer zum Debuggen von Javascript, CSS, HTML & Co
bestimmte (CSS) Formatierungen angepasst werden sollen, Javascript Fehler auftauchen oder sonstige Probleme mit der HTML-Struktur auftauchen. Hier bietet der Browser Mozilla Firefox wie auch Google Chrome einige nützliche Erweiterungen /
Mobile First BASE: Listen um Objektdaten erweitern und beliebig formatieren
ausreicht. Ausgabe von Standardinformationen Zusätzliche Objektdaten ausgeben Zusätzliche Objektdaten um HTML ergänzen Listendarstellung im Objekt-Template definieren und Objektdaten beliebig formatiert ausgeben Weitere
Dynamisch HTML-Elemente über CSS und jQuery einfügen
html css css-only javascript jquery dynamisch Nutzen Sie die Weblication® CMS Technologien, um Inhalte dynamisch ins HTML zu generieren, ohne das XSL-Template anzufassen. Weblication® CMS bietet mit der Projektbasis BASE und den Weblics®
JavaScript Dateien im HTML-Head einbinden
28. Januar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Möchten Sie den Header-Bereich um eigene HTML-Skripte ergänzen, können Sie das in folgendem Template vornehmen:
Empfehlungen für Video-Dateien im Video-Element
im Video-Element Veröffentlichungsdatum: 14. Mai 2013 Änderungsdatum: 19. Februar 2024 weblication cms video mp4 html5 flv ios iphone ipad Das optimale Videoformat für Webvideos. Das richtige Format erspart nachträgliche Arbeit HTML5
Individuelle Elemente ohne eigene Templates nutzen
Elemente. Über PHP einbinden Pflegbare Objektdaten einbinden Individuelle Pflegemaske auf Elementebasis Rein über HTML einbinden HTML einbinden HTML Ausgabe Falls ein Element ohne die zusätzliche Pflege durch einen Redakteur auskommt,
wStaticHTML
macht HTML statisch Funktionen createPageStatic Erstellt eine statische Seite String createPageStatic(String content, String path,
wStringconverter::prepareXmlToEmbed
(z.B. SVG) zum Einbetten in HTML vor (verfügbar ab CMS-Version 011.002.197.000) Funktionsaufruf String prepareXmlToEmbed(String str) Parameter str
wMailer::sendMailHtml
beim Einsatz von wSMTP2 useOutbox Falls die Mail in den Postausgang gelegt werden soll Versand einer E-Mail im HTML-Format <?php require_once($_SERVER["DOCUMENT_ROOT"]."/weblication/grid.php"); //E-Mail Header zuweisen $header =
CSS und Javascript dynamisch einbinden
November 2017 javascript js css stylesheet include einbinden dynamisch weblic Ob eine CSS- bzw. eine Javscript-Datei im HTML-Kopf engebunden wird, kann über das Element gesteuert werden, welches die Funktion benötigt. Wenn Sie viele
Link-Icons (SVG) individualisieren
hierfür SVG-Icons, welche über SCSS eingebettet zudem mit Farbe befüllt werden können: Beispiel: Auszug aus der html.scss des globalen Projektes zu Verweisen /* ... */ body, .isLightBackground, .isDarkBackground .isLightBackground,
Objektwizard - Listeneintrag des Objektes
Bereiche': 'Größe': 'Zusätzliches CSS': 'Zusätzliches CSS': 'Nur Anzeigen, wenn nicht leer': Objektdaten als HTML bzw. nur HTML Info-Text / Weitere Beispiele Vorschaubild Link Container Bedingter Container für Objektdaten
wMailer::sendMailAlternative
als Text und HTML(multipart/alternative) Funktionsaufruf Boolean sendMailAlternative(Array header, String text, String html, Array attachment = null) Parameter header E-Mail Header text E-Mail Text html E-Mail HTML attachement Anhang options
highlightCode
Grammatik beim Hervorheben berücksichtigt werden soll. php - PHP Quelltext xslt - XSLT Quelltext xml - XML Quelltext html - HTML Quelltext css - CSS Quelltext json - JSON Quelltext [|0|1] hideStartEndTags Falls PHP Start- und Endtags nicht
HTML-Struktur, Darstellung, Pflegemaske und Mastertemplate über CSS-Only definieren
nicht automatisch zum Artikel HTML-Struktur, Darstellung, Pflegemaske und Mastertemplate über CSS-Only definieren weitergeleitet werden, klicken Sie
Spezielle Breite für CSS-Picture-Rendering setzen
rendering Die automatische Bildgrößenberechnung über CSS-Angaben (CSS-Picture-Rendering) lässt sich über das HTML Seiten-Template individuell beeinflussen. Das Weblication® CSS-Picture-Rendering können Sie nun auch individuell
wDocumentData::getDataAsHTML
wPath-Ausdruck, der aus dem Dokument ausgelesen werden soll Beispiel: Ermittelt den Text des angegebenen Dokumentes als HTML-Zeichenkette Quelltext <?php print wDocumentData :: getDataAsHTML ( '/dev/index.php' , "//wd:group[@id =
wStaticHTML::createPageStatic
der Seite dirStatic Pfad des statischen Bereichs options convertPhpToHtml [|1] Konvertiert die Dateiendung von PHP nach HTML extensionsToCopy Verlinkte Endungen durch | getrennt, die auch statisch abgelegt werden. root Falls nur spezielle
wPageCur::insertBeforeCss
insertBeforePath Import-Pfad, vor den die CSS eingebunden werden soll Fügt die custom.scss Datei vor dem Import der html.scss zur design.css hinzu select= " php:functionString('wPageCur::insertBeforeCss',
Framework
getData(String document, String data, Array options = array()) getDataAsHTML (1) Ermittelt Daten eines Dokumentes als HTML-Zeichenkette String getDataAsHTML(String document, String wPath, Array options = array()) getDataObject (1) Ermittelt
Entwicklertools zur schnellen Layoutanpassung nutzen
nutzen Veröffentlichungsdatum: 03. September 2018 Änderungsdatum: 15. Mai 2020 weblication cms layout anpassungen css html firebug entwicklertool base mobile first Layoutelemente schnell und einfach umbauen. In diesem Tutorial erfahren Sie,
Externe Inhalte über Iframe einbinden
vorhanden, installieren Sie hierzu eines oder beide nachfolgend genannten Weblics® über die Weblics® Verwaltung: HTML einbinden bzw. einbetten bzw. Externe Inhalte über Iframe einbinden Dieser ermögliche Ihnen das Einbetten externer
Startseite, Baustellenseite, Hinweisseite
Inhalts- bzw. Sprachprojektes 2) Startseite als pflegbare vorgeschaltete Seite 3) Manuelle Umsetzung der Startseite in HTML 1) Startseite des Inhalts- bzw. Sprachprojektes Weblication® CMS liefert die BASE Projektbasis mit einem Include der
Sprachabhängige Inhalte über CSS definieren
über CSS Content Property Beispiel: Weiter-Link rein über CSS definieren .listEntryLink { text-align: right; a { html[lang="de"] & { content: 'Mehr erfahren...'; } html[lang="en"] & { content: 'Find out more...'; } } } Definition
Lightbox: Individuelle Inhalte in Lightbox anzeigen (data-lightboxtype=inline)
Sie für das a-Tag das data-Element lightboxtype auf "inline". Via Javascript ermitteln Sie dann den zugehörigen HTML-String und geben diesen beim Laden an die Lightbox weiter. Schritt 1: Definieren eines Links mit dem Attribut
documentDataAsHTML
Gibt Daten aus einem Dokument HTML-formatiert aus. TAG Attribute [PATH] document * Pfad des Dokuments. [String|WPATH] data * XPath Ausdruck innerhalb des
wPageCur::registerJs
eine JS Datei, um diese im HTML-Kopf über wsl:includeJsRessources einbinden zu können. Funktionsaufruf Void registerJs(String path, String target,
wPageCur::registerCss
eine CSS Datei, um diese im HTML-Kopf über wsl:includeCssRessources einbinden zu können. Funktionsaufruf Void registerCss(String path, String media)
wNewsletter::prepareNewsletter
Bereitet den Newsletter im HTML- bzw. Text-Format zum Versand vor (verfügbar ab CMS 16.x mit CMS-Version Beta 015.006.067.000) Funktionsaufruf String
wList::createListDir
Liste von Verzeichnissen in HTML Funktionsaufruf String createListDir(String template, Array options = array()) Parameter template Pfad zu dem
wStringconverter::removeDoctype
String removeDoctype(String str) Parameter str XML-Zeichenkette Die Funktion entfernt die - Angabe aus einem HTML String. Beispiel: Entfernen des DOCTYPES um HTML als DOM einzulesen. Quelltext <?php $htmlStr = wSocket :: getUrl (
CSV-Import mit Tabellendaten
Die CSV-Import Funktion von Weblication® kann auch zum Import von Tabellen genutzt werden, welche in der CSV als HTML-Gerüst abgelegt sind. Gehen Sie zur Umsetzung nach dem allgemeinen Artikel Anlegen von Dateien über CSV-Import vor.
Telefon- und Faxnummern ohne Verlinkung anzeigen
mit dem Fax-Symbol, aber ohne Verlinkung, anzeigen, lassen Sie das Link-Feld in der Bearbeitenmaske leer. Die html.scss sieht zu dieser Definition wie folgt aus. Auszug aus der html.scss zur Definition von Telefon- und Faxnummern ohne
Änderungen in Weblication® CMS Core/GRID
die Option projectCSS, um die im Projekt abliegende wGlobal/layout/styles/mail/default.css für die Formatierung von HTML E-Mails zu nutzen. 012.005.025.000 24.10.2017 Die PHP-Framework Funktion wForm::getMailDataStr unterstützt die Option
Formatierung der Druckansicht beeinflussen
" 95973f5f65dc085b0b817ba80c595a84 "> xmlns= " http://www.w3.org/1999/xhtml " lang= " {$wLanguageProject} "> <!-- HTML-Kopf --> name= " htmlHead " wd:pathTemplate= " globals/content.wGlobal.php#htmlHead "/> rel= " stylesheet " href=
-w-add-data
bei Parallax-Scrolling über CSS-Only fix zu definieren .elementBox_var85 {...; -w-add-data: direction=bottomright;...} /* HTML-Ergebnis: Beispiel 2: Beispiel BASE Classic, um die Richtung bei Parallax-Scrolling zum Hintergrundbild über CSS-Only
Tipp: Auskommentieren von Bereichen mit Pflegetags
19. Oktober 2011 xsl comment kommentar auskommentieren tipp Beim Auskommentieren von Quelltextbereichen, in denen HTML-Kommentare enthalten sind, verwenden Sie die xsl:comment Elemente. Bei der Umsetzung eines Projektes ist es manchmal
Dekoratoren: Listenelemente mit DIVs umschließen
08. August 2023 Projektgrundlage: BASE Über CSS-Only Dekoratoren können Sie Listenelemente in zusätzliche HTML-Elemente, also z.B. DIVs packen. Auch eine mehrfache Verschachtelung ist möglich. In diesem Fall muss dann nur der
-w-embedIfLocalSVG
Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob eine lokal verfügbare SVG-Datei direkt als SVG-Markup in das HTML-Dokument eingebettet werden soll. In dem Fall lassen sich dann z.B. Farben im CSS anpassen. (nutzbar ab Bild-Weblic
Farbe von SVG Bilder beim Überfahren mit der Maus ändern
2017 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE SVG-Bilder sind dann per CSS anpassbar, wenn sie direkt im HTML eingebettet sind, also nicht über IMG-Tag geladen werden. Für Bilder selbst gibt es dafür die Variante "SVG-Grafik
SVG-Bilder in Listen einbetten, um diese per CSS zu formatieren
ein IMG-Element eingebunden. Sollen diese allerdings über CSS-gestaltet werden, müssen sie direkt als XML in die HTML-Seite eingebunden werden. Dies können Sie entsprechen dem folgenden Quelltextbeispiel in der CSS-Only Variante der
Scroll-Fortschritt nur bei bestimmten Objekttypen anzeigen
Der Scroll-Fortschritt kann generell oder auch nur für bestimmte Objekttypen angezeigt werden. Dazu genügt es, den im HTML-Element eingetragene Objekttyp zu ergänzen. Zeigt den Scroll-Fortschritt nur an, wenn die Seite vom Objekttyp news ist
Mobile Performance mit Weblication
meisten Fällen in den hier gelisteten Punkten. Im allgemeinen sind dies: unkomprimierte Übertragung nicht minimiertes HTML, CSS, JavaScript zu viele einzelne GET-Anfragen nicht ausreichende Bildoptimierung blockieren durch serielles Laden
So setzen Sie eigene Formatierungen für Textfelder
gesetzt wird. (z.B.: highlighted (generierter Quelltext: Text ) Sofern es sich nicht um die nachfolgend aufgelisteten HTML-Tags handelt, wird bei eigenen Formatierungen immer ein span-Tag mit class-Attribut gesetzt (siehe Beispiel highlighted