Volltextsuche
cropText
cropText Schneidet einen Text ab. TAG Attribute Integer lengthMax Anzahl der Zeichen, die maximal ausgelesen werden sollen.
thumbnail
in Pixel Integer width Breite des Thumbnails in Pixel String alt Alternativtext String mode Darstellungsmodus
Bedeutung der Mode-Einstellungen für die Generierung von Vorschaubildern
Veröffentlichungsdatum: 11. Mai 2010 Änderungsdatum: 04. April 2023 thumbnail vorschaubild modus mode default crop force embed Dieser Artikel beschreibt, was die einzelnen Modus-Einstellungen zur Erstellung von Vorschaubildern
wThumbnail::createThumbnail
des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes mode Darstellungsmodus
Zeichenbegrenzung in Listen und per Ajax nachgeladenen Listen
09. Mai 2018 Änderungsdatum: 08. August 2023 Projektgrundlage: BASE Text kann in Listen über spezielle Crop-Funktionen direkt über CSS begrenzt / abgeschnitten werden. Eine Möglichkeit hierzu ist der Einsatz des WSL-Tags
Text in Listen ausgeben und die Anzahl der Zeichen begrenzen
und die Anzahl der Zeichen begrenzen 02. Dezember 2014 liste text beschreibung description zeichen anzahl begrenzen crop teaser Innerhalb einer Weblication® Liste können Sie über CSS oder XSL den Text aus dem jeweils eingelesenen
-w-editmaskExtended-thumbnailmode
Mögliche Werte Beschreibung Einsatzgebiet no|yes Zeigt das Auswahlfeld zur Definition des Modus der Vorschaubilder an (crop, default, embed) default.wFilelist.php Beispiele / Anwendungsfälle Beispiel 1: Blendet das Auswahlfeld zur Definition
wPicture::createPicture
ggf. entstehende Leerraum abgeschnitten wird. So kann es sein, dass eine Seite kleiner als angegeben dargestellt wird. crop Das Bild wird so weit verkleinert, dass eine Seite in die Vorgabe passt und die ggf. überstehenden Seiten
-w-picture-mode
Beispiele / Anwendungsfälle Beispiel 1: Setzt den Darstellungsmodus des Vorschaubildes der Listeneinträge auf crop .listDefault_var0 .listEntryThumbnail { -w-picture-mode: crop;...} Weiterführende Links PHP-Framework Funktion:
Anpassen einer Bildergalerie Variante über CSS-Only
.listEntries .listEntryImage { display: block; width: 100%; height: auto; -w-aspectratio: 1.333; -w-picture-mode: crop} /* ... */ { text-decoration: none} .listPictureGallery_var0 .listEntriesPreview .listEntryImage { width: 64px; height: 48px;
wThumbnail::getPathThumbnail
des zu erstellenden Vorschaubildes height Höhe des zu erstellenden Vorschaubildes mode Darstellungsmodus
Eigene Pflegemasken zu CSS-Only Untervarianten der Liste nutzen
{ -w-option-picture-aspectratio: 1.777777; /* Seitenverhältnis Bild */ -w-option-picture-mode: crop; /* Bildmodus [crop (Zugeschnitten auf Seitenverhältnis) |embed (Eingebettet) |default (Standard) ]*/ } /*@wCssFragment {
Bei der Größenauswahl von Bildern kann auch der Modus definiert werden: <size width="100" height="100" name="100 x 100" mode="crop" />
Vorschaubild in Liste mit unterschiedlichem Seitenverhältnis für Mobilansicht
Bild */ -w-option-picture-aspectratiomin: 1; /* Seitenverhältnis bei kleinen Bildschirmen */ -w-option-picture-mode: crop; /* Bildmodus [crop (Zugeschnitten auf Seitenverhältnis) |embed (Eingebettet) |default (Standard) ]*/
Änderungen in Weblication® CMS Core/GRID
wurde die Statistik um den Anteil der mobilen Seitenaufrufe ergänzt 012.005.005.000 19.10.2017 Neuer Bildmodus cropIfPortraitEmbed, um Bilder nur dann eingebettet anzuzeigen, wenn diese hochkant sind. 012.005.000.000 16.10.2017 Final Version
WSL-Tags
ab CMS-Version 015.001.036.000 verfügbar) createMaskedMailLink Macht eine E-Mail-Adresse für Robots schwerer lesbar. cropText Schneidet einen Text ab. date Formatiert ein Datum (als Format können die Formate genutzt werden, die die PHP date()
Bild - Metadaten bearbeiten | Weblication CMS Onlinedokumentation
Banner-Slider, etc. nützlich sein. Voraussetzung für den Fokuspunkt ist, daß das Bild zugeschnitten wird (mode: crop). 'Titel': In diesem Feld können Sie optional einen Titel zum Bild eintragen. Dieser kann z.B. für einen Bild-Untertitel