Volltextsuche
Die Pflegeschaltfäche der Gruppe ist nun auf die gesamte Breite gespannt.
Gruppe ist nun auf die gesamte Breite
-w-editmaskExtended-width
im Google angeboten wird map.google.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Breite im Google Map Element /*@wCssFragment { class: elementGoogleMaps; variant: 0; caption: Standard; caption-en: Default}
-w-editmaskExtended-innerwidth
container.section.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktiviert die Auswahl für die Breite der Inhalte im Inhaltsbereiche Element, Variante 0 .elementSection_var0 { /* ... */ ; -w-editmaskExtended-innerwidth:
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
Veröffentlichungsdatum: 23. Juni 2017 Änderungsdatum: 29. November 2018 bild grafik picture element grösse größe breite anpassen anpassung berechnung berechnen rendering css Weblication® CMS passt Inhalte, wie z.B. Bilder, über das
wCSS::getWidthBlock
falls die Seite vom Objekttyp start ist .object-start #blockMainOuter {max-width:1280px;...}. Beispiel: Gibt die Breite des blockContent Blockes aus Quelltext <?php print 'Breite des Blockes blockContent in Pixel: ' . wCSS ::
GPS-Koordinaten (Längengrad und Breitengrad) ermitteln
17. September 2018 Änderungsdatum: 19. September 2018 weblication cms geodaten gps koordinaten längengrad longitude breitengrad latitude ermitteln Über die geographischen Daten (Längengrad und Breitengrad) wird die Lage des Punktes auf der
wCSS::setWidthBlock
String setWidthBlock(String block, String width) Parameter block ID des Blocks (z.B. blockContent) width Breite (z.B. 540) Beispiel: Setzt die Breite des blockContent Blockes für CSS-Only Quelltext <?php $cssPath =
Spezielle Breite für CSS-Picture-Rendering setzen
mitgegeben werden. Im Beispielfall wird über das Weblic® CSS Definition innerhalb der Unternehmen-Seite eine andere Breite für den Inhaltsbereich ( #blockContent ) gesetzt (z.B. width:420px anstatt der sonst errechneten 490px ). Ein Bild
wCSS::getWidthInner
withTop = '', Array parents = array()) Parameter file Pfad der CSS-Datei selector Selektor des Elementes widthTop Breite des obersten Elementes parents Elternelemente bis zum obersten Element, die auch eine Breite definiert haben können
wCSS::getWidthElement
withTop = '', Array parents = array()) Parameter file Pfad der CSS-Datei selector Selektor des Elementes widthTop Breite des obersten Elementes parents Elternelemente bis zum obersten Element, die auch eine Breite definiert haben können
wCSS::getDiffWidthElement
file Pfad der CSS-Datei selector Selektor des Elementes Beispiel: Ermittelt die Differenz der inneren und der äußeren Breite des Elements Quelltext <?php include( $_SERVER [ 'DOCUMENT_ROOT' ]. '/weblication/grid.php' ); $cssPath =
wImage::getWidth
Parameter useCache Falls die Ermittlung den Cache nutzen soll [true|false], true ist Standard Beispiel: Ermittelt die Breite des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgWidth = wImage :: getWidth (
wCSS::getWidthCol
String widthCurrent = null) Parameter file Pfad der CSS-Datei selector Selektor key Schlüssel des Wertes widthCurrent Breite des aktuellen Elementes Beispiel: Gibt die Breite einer Spalte aus Quelltext <?php $cssPath =
wPageProcessor::storeCurrentWidthPath
der übergebenen ID Funktionsaufruf String storeCurrentWidthPath($id) Parameter id ID, über die auf den gespeicherten Breitenpfad zurückgegriffen werden kann Beispiel: Speichert den aktuellen, eindeutigen Breitenpfad (UID) im Wert mit der
wPageProcessor::restoreCurrentWidthPath
der übergebenen ID wieder her Funktionsaufruf String restoreCurrentWidthPath($id) Parameter id ID, des gespeicherten Breitenpfades Beispiel: Stellt den aktuellen, eindeutigen Breitenpfad (UID) der übergebenen ID wieder her Quelltext <?php print
wPageProcessor::addCurrentWidthPath
Pfad der aktuellen Breite Funktionsaufruf String addCurrentWidthPath($path) Parameter path Pfad, um den der aktuelle Breitenpfad ergänzt wird Beispiel: Erweiterung um Objekt-Typ für eindeutigen Pfad der Seite Quelltext <?php print
wPicture::createPicture
(mode: embed bzw. embedX oder crop) minWidthX Array mit den Bilddaten für ein alternatives Bild, welches ab der Breite X dargestellt werden soll. Die Daten entsprechen denen von default. options Optionen widthID Breiten-ID, welche sich
Responsive Webdesign
23. Januar 2014 Änderungsdatum: 21. Juli 2014 weblication responsive webdesign responsive-webdesign breite anpassen Weblication CMS BASE Projekte sind standardmäßig für Responsive Webdesign optimiert. Weblication® setzt
wPageProcessor::setCurrentWidthPath
aktuellen, eindeutigen Breitenpfad (UID) Funktionsaufruf String setCurrentWidthPath($path) Parameter path Zu setzender Breitenpfad Beispiel: Setzt den aktuellen, eindeutigen Breitenpfad (UID) Quelltext <?php print wPageProcessor ::
Uploadereignis abhängig von der Bildgröße nutzen
09. Januar 2017 Änderungsdatum: 07. August 2025 upload hochladen bild jpg gif thumbnail vorschaubild grösse breite Über Verzeichnisereignisse können beim Hochladen von Dateien z.B. Aktionen zum Verkleinern von Bilddateien für
Systemvoraussetzungen Weblication®
den eingesetzten Techniken der jeweiligen Seite ab. Die mitgelieferte Standardpräsenz ist so gestaltet, dass sie einer breiten Kundenschicht zugänglich ist. CMS 19.x Servervoraussetzungen Zur Installation sind folgende serverseitige
Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten
ob eine Seite über ein mobiles Endgerät aufgerufen wird und kann so automatisch auf die mobile Version weiterleiten. 'Breite der mobilen Anzeige automatisch ermitteln': Wählen Sie über diese Auswahlbox aus, ob die Breite für die mobile
thumbnail
Alternatives Bild, falls das angegebene Bild nicht existiert Integer height Höhe des Thumbnails in Pixel Integer width Breite des Thumbnails in Pixel String alt Alternativtext String mode Darstellungsmodus
wCSS::getValue
, 'body' , 'background' ); ?> Ergebnis Hintergrundfarbe Druckvorschau Body: transparent Beispiel: Gibt die Breite des Inhaltsbereiches ohne Einheit (z.B. px) aus Quelltext <?php print 'Breite des Inhaltsbereiches: ' . wCSS ::
Welche Hinweise gibt es zum Verhalten von Bildern zwischen Breakpoints?
zum Verhalten von Bildern zwischen Breakpoints? Zwischen zwei Breakpoints darf ein Bild nie kleiner werden, da bei der Breiten-Simulation immer der größtmögliche Wert im jeweiligen Breakpoint-Bereich zugrunde liegt. Beispiel: Bei Breakpoints
Inhaltsbereich in Mobilansicht ausblenden
Weblic® können Sie den kompletten Inhaltsbereich ausblenden, wenn die Bildschirmauflösung der definierten Breite entspricht. Auszug aus elementSection.scss zur Untervariante 510 "Ausblenden in Mobilansicht" /*@wCssFragment { class:
-w-editmaskExtended-thumbnailswidth
Zeigt das Eingabefeld zur Definition der Vorschaubildbreite an
buttonFilemanager
String captionInfo Ergänzende Beschriftung der Schaltfläche String title Titel der Schaltfläche Integer width Breite in der das Popup geöffnet werden soll Integer height Höhe in der das Popup geöffnet werden soll Integer
Framework
cssStr, String variant) getDiffWidthElement (1) Ermittelt die Differenz der inneren und der äußeren Breite eines Elementes String getDiffWidthElement(String file, String selector) getEditmaskExtended (1) Ermittelt den Wert
Mobile First BASE: Responsive Bilder
Für den Redakteur Für den Redakteur ändert sich kaum etwas. Die meisten Bilder wird er weiterhin mit automatischer Breitenberechnung einbinden. Die aufgelistete Möglichkeit, alternative Bildausschnitte zu definieren, geben ihm bei Bedarf weitere
Links / Querverweise über Lightbox
. Schritt 1: Zentrale Javascript- und CSS-Dateien einbinden Schritt 2: Zentrale Javascript-Datei design.js Individuelle Breiten- und Höhenangaben der Lightbox Schritt 3: Attribute für die Linkbearbeitung definieren Schritt 4: Ausgabetemplate
wCSS
cssStr, String variant) getDiffWidthElement Ermittelt die Differenz der inneren und der äußeren Breite eines Elementes String getDiffWidthElement(String file, String selector) getEditmaskExtended Ermittelt den Wert für
Responsive Toggler-Navigation anpassen
) werden zur Toggler-Navigation nicht berücksichtigt! BASE Standardnavigation Ab der definierten maximalen Breite wird die Navigation über eine Toggler-Schaltfläche angezeigt, die ein Aufklappen und Zuklappen dieser Responsive
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
120, , default) Beschreibung der Parameter zu generateThumbnail : Pfad Pfad des Originalbildes Breite Breite des generierten Vorschaubildes in Pixel Modus Modus der Thumbnail-Funktion (zu wsl:thumbnail oder
wPageProcessor
Aktuelle Seiten-Transformation Funktionen addCurrentWidthPath Erweitert den eindeutigen Pfad der aktuellen Breite String addCurrentWidthPath($path) getCurrentWidthPath Ermittelt den eindeutigen Pfad der aktuellen Breite String
Bild mit Textumfluß realisieren
werden. Hierzu fügen Sie in die Seite über den Struktureditor das Bild-Element ein. Sollte das verlinkte Bild breiter als der Inhaltsbereich sein, geben Sie eine feste Bildbreite an, die unterhalb der Breite des Inhaltsbereiches liegt
Wie verhindert man die ungestylete Ausgabe der Navigation bei 991Pixel Viewport-Breite?
eine Bildschirmskalierung (z.B. 125% Zoom) eingestellt ist, kann es ggf. zu Projekten vorkommen, daß bei Viewport-Breite von 991Pixel die Navigation unformatiert (ohne Styles) ausgegeben wird. Dies lässt sich verhindern, indem man in der
Weblication® Entwicklerbereich
weichgezeichnete Transparenz" 27 Oktober BASE für Version 20: Kopfbereich über Struktureditor pflegen 1.0.674: Neue Breiten-Untervariante verfügbar: "Auf Breite XL begrenzen" (Variante 310) 27 Oktober Changelog Version: 020.002.000.000 Final
Innovatives Web-Design: Inhaltsseiten flexibel gestalten mit CSS-Only in Weblication®
die anschließend entsprechend er Spaltenanzahl dargestellt werden. Inhaltsbox: CSS-Only Untervarianten mit fester Breite Es sind CSS-Only Untervarianten mit fester Breite sind verfügbar: Feste Breite 240 Pixel Feste Breite 320 Pixel Feste
Responsive Container: Inhalte abhängig von der Bildschirmbreite ein-/ausblenden
auf Inhaltsebene umsetzen. Responsive Container Prinzip testen Testen Sie das Prinzip, indem Sie auf dieser Seite die Breite Ihres Browserfenster mit der Maus ändern . Ändern Sie zum Test die Breite Ihres Browserfensters Immer anzeigen Dieser
Neu in Weblication® Version 12 - veröffentlicht am 01.07.2017
und Designer Automatische Bildbreitenberechnung über Client-Feedback - Responsive Bilder - So funktioniert die Breitenberechnung Aufgaben- und Notizsystem Aufruf im Editor Aufruf im Bedien-Panel Aufruf über STRG+M Aufgaben und Notizen auch im
Was sich von Weblication® Version 5, 6, 7, 8, 9,10, 11 bis hin zu Version 12 alles getan hat
und Designer Automatische Bildbreitenberechnung über Client-Feedback - Responsive Bilder - So funktioniert die Breitenberechnung Aufgaben- und Notizsystem Aufruf im Editor Aufruf im Bedien-Panel Aufruf über STRG+M Aufgaben und Notizen auch im
Tabellenbearbeitung | Weblication CMS Onlinedokumentation
definiert bzw. kann dies über CSS-Only-Untervarianten des BASE (Mobile First) Tabellen-Weblics® überlagert werden . 'Breite der Tabellenspalte': In diesem Feld können Sie optional die Breite der entsprechenden Tabellenspalte angeben.
Interessante Funktionen des Bild-Elementes in Weblication®
Responsive Bilder Automatische Bildbreitenberechnung über Client-Feedback - Responsive Bilder - So funktioniert die Breitenberechnung Bilder automatisch für Smartphones in HD-Qualität generieren Responsive Design: Bildgrößenberechnung für alle
Bilder und Banner für alle Bildschirmgrößen optimal anzeigen
von Bildern. Wie sich Bilder und auch Hintergrundbilder verhalten, ist jederzeit im CSS steuerbar . Damit die Breitenberechnung korrekt funktioniert, muss sich der Designer nicht mehr an spezielle Definitionen innerhalb des CSS bezüglich des
Gestalten mit Design-Containern in Weblication®
in einem eigenen Bereich besonders hervorzuheben. Er lässt sich mit beliebigen Inhaltselementen befüllen, deren Breiten über das CSS-Rendering automatisch angepasst werden. Falls es mehrere Layoutvarianten gibt, kann der Redakteur diese
Design Container: Webseiten gestalten per Mausklick ohne Programmierung
Inhalte in einer Box besonders hervorzuheben. Er lässt sich mit beliebigen Inhaltselementen befüllen, deren Breiten über das CSS-Rendering automatisch angepasst werden. Falls es mehrere Layoutvarianten gibt, kann der Redakteur diese
Linkbearbeitung | Weblication CMS Onlinedokumentation
Datei wird je nach Browsereinstellung in einem neuen Browserfenster bzw. Browsertab geöffnet. Link in Popup öffnen (Breite x Höhe) Die verlinkte Datei wird in einem Popup-Fenster geöffnet. Bei dieser Auswahl werden rechts neben der
Hohe Performance für SEO-Ranking, Nachhaltigkeit und User-Experience mit Weblication®
groß die Bilder für die jeweiligen Breakpoints gerendert werden. Dazu findet im Hintergrund eine breakpoint-basierte Breitensimulation statt. Der Redakteur bekommt davon allerdings nichts mit. Das Ergebnis der Breitenberechnungen lässt sich im Panel
BASE Version 2 mit neuen Weblics® verfügbar
mit Responsive Webdesign umgesetzt sind, d.h. die Darstellung Ihres Internet-Auftritts passt sich automatisch der Breite des jeweils abrufenden Endgerätes an . Auch Web-Anwendungen , wie Bildergalerien, Videos, Banner-Slider, Teaser-Slider