Volltextsuche
Für Link- und Bild-Pflegemasken können Varianten genutzt werden, wenn im Pflegetag das Attribut maskId gesetzt ist.
und Bild-Pflegemasken können Varianten
Empfehlung beim Einsatz von Blätterlisten
beim Einsatz von Blätterlisten Veröffentlichungsdatum: 21. Oktober 2015 Änderungsdatum: 19. Januar 2022 liste bildergalerie pagination blätterliste cache Listen mit Pagination (Seitennummerierung) sollten ab einer gewissen Anzahl mit Bedacht
Titel in Lightbox bei Bildern deaktivieren
deaktivieren Veröffentlichungsdatum: 13. Februar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Wenn ein Bild einen Titel eingepflegt hat, wird dieser automatisch in einer Lightbox angezeigt. Dies lässt sich über die CSS-Only
HD-Funktion in BASE-Projekten nachrüsten
Veröffentlichungsdatum: 15. März 2016 Änderungsdatum: 31. März 2016 base projekt hd high-definition hochauflösende bilder Die neue HD-Funktion der aktuellen BASE können Sie auch in älteren BASE-Projekten nachrüsten. In aktuellen
Projektvariablen können über die Oberfläche definiert werden. Die Typen Text|Zahl|E-Mail|Bild|Link|Datei|Verzeichnis sind auswählbar.
Die Typen Text|Zahl|E-Mail|Bild|Link|Datei|Verzeichnis sind
wCaptcha::createCaptcha
zu verhindern Funktionsaufruf String createCaptcha(String text, Array options = array) Parameter text Text, der in das Bild eingefügt werden soll options quality => [0-100] Qualität (0 = einfach lesbar, 100 = sehr schwer lesbar) width
Mobile Performance durch neue Lazy Loading Funktionen
Nutzbar ab: Version Veröffentlichungsdatum: 09. April 2018 Änderungsdatum: 19. Februar 2021 weblication cms bilder lazy loading performance Beim Lazy Loading werden Bilder erst dann geladen, wenn diese im sichtbaren Bereich sind.
Domain für die Newsletter E-Mails definieren
E-Mails definieren Veröffentlichungsdatum: 23. Februar 2012 Änderungsdatum: 14. Mai 2021 newsletter domain link bild verlinkung url Legen Sie die Domain fest, die für Bild- und Linkangaben in der Newsletter-Mail herangezogen werden
wImage::resize
String resize(String path, String pathDest, Integer width, Integer height, String mode) Parameter path Pfad des Bildes pathDest Zielpfad des Bildes (diese Angabe ist optional) width Breite des zu erstellenden Vorschaubildes height Höhe
So definieren Sie ein Projektverzeichnis als Assets-Verzeichnis
bilder medien projectverwaltung Dieser Artikel beschreibt, was erforderlich ist, damit ein Projekt als Assets-Projekt (Bilder, Medien, etc.) erkannt wird. Folgende Kriterien muss ein Projekt erfüllen, damit es als Assets-Projekt innerhalb der
-w-create-hd
werden soll gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert, daß die Vorschaubilder der Bildergalerie-Variante 32 in HD-Qualität generiert werden sollen .listPictureGallery_var32 .listEntriesPreview .listEntryImage {
-w-showlightboxtitle
Nutzbar ab: Version 011.001.082.000 Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob der Bildtitel in der Lightbox angezeigt wird gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Deaktiviert zur
Version 14: WebP-Unterstützung für hochoptimierte Bilder in fast allen Browsern
für hochoptimierte Bilder in fast allen Browsern
Inhaltsbereich in Mobilansicht ausblenden
Mit der Untervariante 510 des Inhaltsbereich Weblic® können Sie den kompletten Inhaltsbereich ausblenden, wenn die Bildschirmauflösung der definierten Breite entspricht.
-w-editmaskExtended-picturecreatehd
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Auswahl ' HD Versionen der Bilder generieren ' angeboten wird gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Deaktiviert die Auswahlbox
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
einem Administrator im Bereich Werkzeuge direkt den Aufruf der Debug-Informationen (Listen, Navigationen, Generierte Bilder, CSS-Rendering). Die Funktionen im Überblick: Debug-Informationen zu Vorschaubildern Debug-Informationen zur
wThumbnail::createThumbnail
default Das Bild wird so weit verkleinert, dass beide Seiten in die Vorgabe passen und der ggf. entstehende Leerraum abgeschnitten wird.
wImage::getWidth
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 ( $pathImage ); print '
wImage::getHeight
die Ermittlung den Cache nutzen soll [true|false], true ist Standard Beispiel: Ermittelt die Höhe des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgHeight = wImage :: getHeight ( $pathImage ); print
WebP-Bilder nutzen
Nutzbar ab: Version 17. März 2023 webp bilder generieren vorschaubilder thumbnails htaccess Um aus JPG / JPEG / PNG Bilder automatisiert WebP-Bilder innerhalb der Webseiten zu nutzen, sind diverse Punkte zu beachten. Die BASE (Mobile First)
RSS: Weblication® Mobile First Changelogs Version 17
Listendarstellung 23.05.2023 21:18 BASE für Version 17: BASE JavaScript Dateien 1.0.107: ui.js: Optimierung zum Bildvergleich beim Einsatz im Akkordeon-Container 23.05.2023 14:37 BASE für Version 17: BASE JavaScript Dateien 1.0.106: ui.js:
-w-embedIfLocalSVG
in das HTML-Dokument eingebettet werden soll. In dem Fall lassen sich dann z.B. Farben im CSS anpassen. (nutzbar ab Bild-Weblic Version 002.000.738.000) picture.standard.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Die im Bild-Element
Logo sprachabhängig ausgeben
Veröffentlichungsdatum: 07. Mai 2015 Änderungsdatum: 24. Juli 2019 weblication sprache language sprachabhängig logo bild ausgabe abfrage Bei unterschiedlichem Logo je Sprachprojekt können Sie die Ausgabe über eine Abfrage der
-w-editmaskExtended-lazyload
Mögliche Werte Beschreibung Einsatzgebiet no|yes Zeigt das Auswahlfeld zur Lazy Loading Einstellung von Bildern an default.wFilelist.php bannerSlider.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Auswahlfeld
-w-editmaskExtended-layout
ab: Version 11.x Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für das Layout im Bildelement angeboten wird picture.standard.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktivert die Auswahlbox für das
-w-editmaskExtended-copyrighttext
Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob das Eingabefeld für einen Copyright Hinweis im Bildelement angeboten wird picture.standard.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Deaktivert das Eingabefeld für
-w-editmaskExtended-align
Version 11.x Mögliche Werte Beschreibung Einsatzgebiet [yes|no] Definiert, ob die Auswahlbox für die Ausrichtung des Bildes im Bildelement angeboten wird picture.standard.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Aktivert die
So binden Sie Binärdateien für Sprachportale ein
Sprachportale ein 12. März 2020 weblcation cms portal sprachen sprachprojekte sprachabhängige language binärdatei bild pdf doc word office Dieser Artikel beschreibt die Vorgehensweise zum Einbinden von Binärdateien (Bilder, PDF's,
wImage
String getDataUrlPlaceholder(String path, Integer width, Integer height) getHeight Ermittelt die Höhe eines Bildes String getHeight(String path, Boolean useCache) getWidth Ermittelt die Breite eines Bildes String getWidth(String path,
-w-animation
Beschreibung Einsatzgebiet FÜR BANNER: [slideHorizontal|slideFromRight| fadeIn|overlapFromRight|overlapFromTop] FÜR BILDERGALERIE: [collage|carouselhorizontal|ticker| scrollhorizontal|slideFromRight| slidevertical|overlapFromRight|
Platzhalter beim Erstellen von Dateien in Vorlagen nutzen
können Sie auf Platzhalter zurückgreifen. Auf diese Weise können Sie eine Weblication® CMS Liste (z.B. Bildergalerie) gleich mit den entsprechenden Pfaden zum Bildverzeichnis setzen. Beispiel: Dateivorlage für eine neue Bildergalerie
-w-jquery
einfach über -w-clickable: no deaktiviert/entfernt werden. */ Beispiel 7: Zeigt den Dateinamen (ohne Endung) eines Bildes (Umsetzung ohne data-Attribut) /* ... */ /* Anzeige des Dateinamens ohne Endung (z.B. CIMG0815.JPG) - (Bildergalerie
SVG-Bilder in Listen einbetten, um diese per CSS zu formatieren
CSS zu formatieren Veröffentlichungsdatum: 15. Januar 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE SVG-Bilder werden in Listen standardmäßig über ein IMG-Element eingebunden. Sollen diese allerdings über CSS-gestaltet werden,
Eigene Pflegemasken zu CSS-Only Untervarianten der Liste nutzen
"Standard (0)" aufgezeigt, wie die Nutzung einer eigenen Pflegemaske zur eigenen Untervariante "Spezieller Bildausschnitt" aussehen kann. Dies ermöglicht es, ohne Duplizieren einer Hauptvariante nur bestimmte Auswahlmöglichkeiten einer
Das wGlobal Verzeichnis - Anpassungen für Ihr Projekt
des Projektes und seinen Sprachen notwendig sind: Editoreinstellungen für die Bearbeitung von Navigationen, Links, Bildern, Tabellen und den WYSIWYG-Editor Zentrale Layout-Bilddateien (Hintergrundbilder, Icons, etc) CSS-Stylesheets
Globale Projekteinstellungen
wie Inhaltscontainer mit jQuery-Tab Funktion, konfigurierbare Leerzeilen etc. Komplexere Anwendungen wie eine Bildergalerie etc. Eine vollständige Auflistung aller Weblics finden Sie unter www.weblics.de oder über die Weblics-Verwaltung in
RSS: Weblication® Mobile First Changelogs Version 16
16: Inhaltsbereich (mit weiteren Elementen befüllbar) 1.0.41: SEO: Für Hintergrundbilder wird bei eingecheckten Bildern der Titel als Wert für das alt-Attribut gesetzt. 21.06.2022 15:23 BASE (Mobile First) für Version 16: Inhaltsbox (mit
-w-addCopyright
picture.standard.wItem.php Beispiele / Anwendungsfälle Beispiel 1: Deaktivert das Hinzufügen des Copyright-Textes zum Bild-Element in der Variante 0 .elementPicture_var0 { /* ... */ ; -w-addCopyright: no} Zu beachten: Diese CSS-Only Referenz
Responsive Toggler-Navigation anpassen
23. März 2017 Änderungsdatum: 21. März 2024 responsive webdesign toggler navigation hamburgermenü menünavigation bildschirmbreite auflösung rwd mobile tablet Abhängig von der Bildschirmauflösung können Sie die Navigation optimiert für geringere
Tabelle über CSS-Only responsive darstellen
16. November 2020 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Tabellen lassen sich auf kleinen Bildschirmen, wie z.B. auf Smartphones, über CSS anders darstellen. Tabelle: Ansicht auf Desktop Nehmen wir die Tabelle, welche mit
Lightbox: Listenvariante boxGallery
Veröffentlichungsdatum: 13. Juli 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Wurde für eine Bildergalerie die Lightbox, über zum Beispiel -w-option-picture-lightbox:1; aktiviert, so gilt für deren Bilder in der Regel* die
Pflegbares Feld für Objektdaten
'Werte': 'Bezeichnungen': 'Vorausgewähltes Verzeichnis': 'Nur für Dateien auswählbar': 'Maximal sichtbarer Bildausschnitt pflegbar machen': 'Minimal sichtbarer Bildausschnitt pflegbar machen': 'Vorschau anzeigen': 'Hochladen erlauben':
Änderungen in Weblication® CMS Core/GRID
28.08.2013 Über /wConf/images/thumbnails/@maxPixelsToResize lässt sich definieren, ab welcher Pixelanzahl Bilder nicht mehr skaliert werden, um zu verhindern, dass beim Einsatz von GD das Speicherlimit überschritten wird.
wPicture
createPicture Erstellt ein Bilder über das PICTURE-Element zu generieren Funktionen createPicture Erstellt ein Bild über ein PICTURE-Element String
-w-animation-direction
Laufrichtung durchlaufender Galerien gallery.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Definiert für die Bildergalerie-Variante 43 die Laufrichtung von links nach rechts (ltr) .listPictureGallery_var43 .listEntriesPreview .listEntry { /*
wImage::getDataUrlPlaceholder
eine Data-URL für den transparenten Platzhalter für Lazy loading Quelltext <?php $pathImage = "/baseAssets/img/bild-orange.jpg" ; $pictureWidth = "150" ; $pictureHeight = "120" ; print wImage :: getDataUrlPlaceholder ( $pathImage ,
Captcha
Bilder aus Texten, um das automatisierte Versenden von Formularen durch Maschinen zu vermeiden. Funktionen Debuginformationen
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
08. März 2023 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Seitenverhältnisse für Bilder auf Desktop-Ansicht können auf mobilen Endgeräten unvorteilhaft sein. Dies können Sie über die entsprechende
wCaptcha
Text zur Verfügung, um das automatisierte Versenden von Formularen zu verhindern Funktionen createCaptcha Erstellt ein Bildern aus Text zur Verfügung, um das automatisierte Versenden von Formularen zu verhindern Funktionen createCaptcha Erstellt
Neuer Modus "embed" zum Erstellen von Vorschaubildern
zum Erstellen von Vorschaubildern 10. August 2009 thumbnail vorschaubild embed modus Der Modus "embed" erstellt ein Bild, dass immer die angegebene Größe hat und den restlichen Raum auffüllt Anstatt die BIldbröße nach der Skalierung