Volltextsuche
Bilder web-optimiert darstellen lassen
darstellen lassen Veröffentlichungsdatum: 25. Oktober 2010 Änderungsdatum: 02. Juni 2022 weblication cms bilder komprimierung qualität So zeigen Sie Bilder mit optimaler Qualität an und liefern gleichzeitig kleine Bilder aus.
Bild mit Textumfluß realisieren
April 2014 bild text umfluß umfluss umfliessen umfließen Nutzen Sie die Möglichkeiten des Struktureditors, um Text-Bild-Kombinationen in Ihren Internetseiten zu realisieren. Innerhalb einer Webseite soll ein Bild von Text umflossen werden.
thumbnail
TAG Attribute [PATH] src * Pfad des Imagefiles, aus dem das Thumbnail generiert werden soll [PATH] srcAlt Alternatives Bild, falls das angegebene Bild nicht existiert Integer height Höhe des Thumbnails in Pixel Integer width Breite des
BASE (Mobile First): Responsive Bilder
Veröffentlichungsdatum: 03. Dezember 2019 Änderungsdatum: 10. Mai 2022 weblication cms base mobile first projekt bilder bildbreitenberechnung repsonsive Die Bildbreitenauswahl und die Bildbreitenberechnung wurden mit der BASE (Mobile
Anpassen einer Bildergalerie Variante über CSS-Only
einer Bildergalerie Variante über CSS-Only Nutzbar ab: Version 008.000.207.000 25. Februar 2016 css css-only weblics bildergalerie galerie CSS-Only Varianten von Weblics® können Sie über CSS individuell anpassen Mit den Weblics® stehen Ihnen
wPicture::createPicture
PICTURE-Element Funktionsaufruf String createPicture(String path, Array data, Array, options) Parameter path Pfad des Bildes data Bilddaten default Array mit den Bilddaten für das Standardbild src Pfad mode Darstellungsmodus default Das Bild
Animierte Gif Bilder in Listen nutzen
wconf bilder gif animierte animiertes animation liste thumbnail vorschaubild Um mehr Aufmerksamkeit durch animierte Bilder zu bestimmten Listeneinträgen zu erreichen, sind animierte Bilder eine gute Wahl. Ab Weblication® CMS Version
Bild für Facebookeintrag über Like-Button
über Like-Button Veröffentlichungsdatum: 25. Januar 2012 Änderungsdatum: 10. Januar 2023 facebook like button bild picture icon Bestimmen Sie, welches Bild bei Posting über den Button "Facebook Gefällt mir / Like Plug-In" auf der
Bereich mit wechselbarem Bild umsetzen
header top grafik bild logo Gestalten Sie den Topbereich Ihrer Webseiten mit individuellen und ständig wechselnden Bildern. Eine Webseite können Sie durch wechselnde Bilder im Kopfbereich der Seite ansprechender für Seitenbesucher gestalten.
Jedem Client sein Bild
2013 Änderungsdatum: 19. Februar 2021 weblication cms responsive images hd lazy Während der Redakteur nur ein Bild einpflegt, kümmert sich Weblication darum, dass jeder Client das für ihn optimale Bild ausgeliefert bekommt. Einfach
Limit für Pixelanzahl bei Bildgenerierung über GD setzen
Nutzbar ab: Version 008.000.157.000 Veröffentlichungsdatum: 29. August 2013 Änderungsdatum: 30. August 2013 wconf bildgenerierung gd pixel digicam Beim Einsatz des GD-Modules unter PHP für die Bildmanipulation können Sie ein Limit für die
Bildgenerierung: ImageMagick in Weblication CMS nutzen
Nutzbar ab: Version 008.000.000.000 05. Oktober 2016 wconf bildgenerierung gd imagemagick Nutzen Sie zum Generieren von Bildern imageMagick für eine bessere Bildqualität und geringeren Speicherverbrauch! Ab Weblication® CMS Version
Festlegen des darzustellenden Bildausschnittes und verschiedene Seitenverhältnisse
Bildausschnittes und verschiedene Seitenverhältnisse Nutzbar ab: Version 005.039.002.001 18. Mai 2017 editor bild picture bildausschnitt pictureArea seitenverhältnis Dieser Artikel beschreibt, wie Sie es einem Benutzer über die
So setzen Sie die Metadaten als Startregister für eingecheckte Bilder
als Startregister für eingecheckte Bilder Nutzbar ab: Version 005.058.013.000 15. November 2010 wConf eingecheckte bilder bearbeitung metadaten metamaske pflegemaske Dieser Artikel beschreibt, wie Sie beim Bearbeiten von eingecheckten
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
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
Informationen seitlich am Bildschirmrand oder Inhalt platzieren
positioniert rand seitlich box inhalte informationen infobox hinweisbox Inhalte können Sie global am Seiteninhalt oder Bildschirmrand positionieren, um wichtige Informationen schnell ersichtlich zu machen. Global zugängliche Informationen auf einer
Bildbreiten: Für Bilder abhängig von Position eindeutige Id setzen
von Position eindeutige Id setzen Veröffentlichungsdatum: 21. März 2023 Änderungsdatum: 22. März 2023 Listen Bildbreiten rwid width-id setUniqueWidthIdPosition Bei der Auflistung von Bildern ist es möglich jedem Bild eine eindeutige
Einfügen von Bildern im Inhaltsprojekt verhindern
Verzeichniseinstellungen das Hochladen auf bestimmte Dateiendungen beschränken. Wenn auch nach dem Kopieren von z.B. Bildern diese nicht im Inhaltsprojekt eingefügt werden dürfen, nutzen Sie hierfür am besten das entsprechende
Einsatz von Isotope Darstellungen für Bildergalerien
Version 010.002.000.000 Veröffentlichungsdatum: 27. Oktober 2015 Änderungsdatum: 04. November 2021 weblication liste bildergalerie jquery plugin isotope mauerwerk kategorienfilter kategorien-filter Unterschiedliche Möglichkeiten, um Bildergalerien
So setzen Sie eine intelligente Bildauswahl um
um Nutzbar ab: Version 005.066.002.001 Veröffentlichungsdatum: 11. April 2011 Änderungsdatum: 16. Oktober 2014 bild picture auswahl pfad startet verzeichnis Dieser Artikel beschreibt, wie Sie die Bildauswahl entsprechend der Struktur
So beeinflussen Sie die Fancybox-Einstellungen beim Bildelement
Fancybox-Einstellungen beim Bildelement Veröffentlichungsdatum: 16. Februar 2011 Änderungsdatum: 15. September 2021 bild element fancybox jquery hintergrund abdunkeln vordergrund Dieser Artikel beschreibt, wie Sie zum Bildelement die
Navigation mit grafischen Buttons umsetzen
mit grafischen Buttons umsetzen Veröffentlichungsdatum: 07. Mai 2015 Änderungsdatum: 25. April 2019 navigation text bild grafik button schaltfläche grafisch picture Eine Navigation mit Navigationsgrafiken anstatt Navigationstexten je
Wasserzeichen / Copyright in Bilder setzen
15. Februar 2023 bilder picture image copyright wasserzeichen Weblication® liefert Ihnen Werkzeuge dafür, um Bilder mit einem Wasserzeichen-Effekt bzw. Copyright-Hinweis zu versehen. Weblication® liefert Ihnen Werkzeuge dafür, um
wImage::rotate
011.002.222.000) Funktionsaufruf String rotate(String path, String pathDest, Integer deg) Parameter path Pfad des Bildes pathDest Zielpfad des Bildes (diese Angabe ist optional) deg Winkel gegen den Uhrzeigersinn (Standardwert: -90 grad)
Beim Ändern eines Bildes kann wie folgt eine Funktion aufgerufen werden: web:picture:start onchange="beliebigeFunktion('', picture.src)"
eines Bildes kann wie folgt eine Funktion aufgerufen werden: web:picture:start onchange="beliebigeFunktion('', picture.src)" 30.
So beeinflussen Sie den für die Bildbearbeitung erforderlichen Speicher
Nutzbar ab: Version 005.040.007.000 Veröffentlichungsdatum: 27. April 2010 Änderungsdatum: 11. Mai 2010 wConf bild manipulation bearbeitung speicher memory limit Dieser Artikel beschreibt die manuelle Konfigurationseinstellung zum
So steuern Sie eine Bearbeitenmaske (z.B. Bildeditor) bei Multiprojekten
2010 projekt editor bearbeitenmaske bild link global Dieser Artikel beschreibt, wie Sie die Bearbeitenmasken für z.B. Bild, Link, etc. in ein globales Projekt auslagern, um so über die einzelnen Projekte darauf zugreifen zu können. Sofern
Bilder über Schieberegler vergleichbar machen
nicht automatisch zum Artikel Bilder über Schieberegler
Bildergalerien manuell sortieren
nicht automatisch zum Artikel Bildergalerien manuell sortieren
Uploadereignis abhängig von der Bildgröße nutzen
grösse breite Über Verzeichnisereignisse können beim Hochladen von Dateien z.B. Aktionen zum Verkleinern von Bilddateien für geringere Ladezeiten genutzt werden. 1) Standardumsetzung über Events und Projektkonfiguration 1.a Originalbilder
Pflege von Bildern
Pflegesymbols notwendig: nein maskId ID der Pflegemaske notwendig: nein onchange Ereignis beim Auswählen eines neuen Bildes notwendig: nein path legt den Pfad fest, mit dem die Dateiauswahl beginnen soll mögliche Werte: [Start-Pfad zur
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
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) 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 13.x 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
-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
nachfolgend PHP-Beispiele aufgeführt sind, ist dies entsprechend zu beachten. Ermittelt die Breite des angegebenen Bildes Quelltext <?php $pathImage = "/devAssets/img/bild-rot.png" ; $imgWidth = wImage :: getWidth ( $pathImage ); print '
wImage::getHeight
nachfolgend PHP-Beispiele aufgeführt sind, ist dies entsprechend zu beachten. 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 14 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)
-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