Volltextsuche
HD-Funktion in BASE-Projekten nachrüsten
4: Aktuellstes Bild-Element installieren Schritt 5: CSS-Definitionen zum Bild-Element nachziehen Schritt 6: Variablen images_hd_* nachrüsten Schritt 7: Auf Retina-Gerät testen Schritt 1: Media-Queries nachziehen Sofern nicht vorhanden, fügen Sie
Logo sprachabhängig ausgeben
(z.B. als png-Grafik) ### --> name= " logoFurtherLanguage "> select= " $wGlobalProjectPath "/> /wGlobal/layout/images/logo- select= " $wLanguageProject "/> .png <!-- ### ENDE ### --> test= "
Pflegemasken für Metadaten aus der Dokumentenerweiterung
test= " //wd:extension/wd:status/wd:online/@status = 'timer' "> class= " statusIcon " src= " /weblication/grid5/gui/images/icon_small/status_zeitsteuerung.gif "/> test= " //wd:extension/wd:status/wd:online/@status = 'off' "> class= "
Das wGlobal Verzeichnis - Anpassungen für Ihr Projekt
Verzeichnisse für die Dateiauswahl Einbindung des Dateimanagers in eine Präsenz: WSL Tag: buttonFilemanager images - Bilddateien für das Projektlayout scripts - Globale JavaScript-Libaries Manche Strukturelemente benötigen
Globale Projekteinstellungen
Verzeichnisse für die Dateiauswahl Einbindung des Dateimanagers in eine Präsenz: WSL Tag: buttonFilemanager images - Bilddateien für das Projektlayout scripts - Globale JavaScript-Libaries Manche Strukturelemente benötigen
So nutzen Sie in der Dateiauswahl eigene Auswahlmasken
" Souvent nécessaire "> path= " /deAssets/img " permission= " view "> icon= " /deGlobal/wGlobal/layout/images/dir-icons/dir-image.gif " caption= " Bilder " en:caption= " Pictures " fr:caption= " Images " path= " /deAssets/img
Bereich mit wechselbarem Bild umsetzen
und ausgegeben --> name= " headerBild "> id= " headerBild "> src= " {$wGlobalProjectPath}/wGlobal/layout/images/headerBilder/bild-orange.jpg " alt= " " /> ... /* Auszug aus design.css zum Headerbild */ #blockTop #headerBild {
Jedem Client sein Bild
sein Bild Veröffentlichungsdatum: 20. Dezember 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
wCSS::optimizeCSS
=> String Pfad zu CSS3Pie, fall diese genutzt werden soll generateDataURL => (z.B.: extensions:gif,png;dirs:images/links) Legt fest, welche Bilder in DataURLs umgewandelt werden sollen. Beispiel: Optimiert das CSS Quelltext <?php
Mobile First BASE: Responsive Bilder
inzwischen sehr viele unterschiedlichen Bildschirmgrößen gibt, setzt die Mobile First BASE konsequent auf Responsive Images, um eine optimale Bildqualität bei gleichzeitig minimaler Bildgröße auszuliefern. Funktionsumfang der Responsive
Copyright Angabe für Bilder umsetzen
Mit dem Copyrightzeichen werden Bilder bezogen auf das Urheberrecht gekennzeichnet und symbolisieren dadurch, auf wen das Bild als geschützt gekennzeichnet wird.
Inhalt des Dateiexplorers beeinflussen
" 1 " caption= " Shop " en:caption= " Shop " fr:caption= " Shop "> icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_gallery.gif " caption= " Produktauswahl " en:caption= " Articles " fr:caption= " Articles " path=
Link-Icons (SVG) individualisieren
.isInverseBackground { a. intern: before { background-image: url ("# {$wGlobalProjectPath} /wGlobal/layout/images/links/intern.svg?stroke=# {$colorLinkIcon} ") } a. extern: before { background-image: url ("# {$wGlobalProjectPath}
Elemente des Mastertemplates bedingt zur Auswahl anbieten
name= " Überschrift " en:name= " Headline " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_headline.gif " type= " headline.text "> id= " title " type= " char.text "/> id= " display "
Listen
der Liste steuern: XML-Code eines Listenelements name= " Liste " en:name= " List " icon= " /deGlobal/wGlobal/layout/images/element-icons/element_list.gif " type= " list.standard "> id= " listtemplate " type= " src.file ">
Listen
steuern: XML-Code eines Listenelements name= " Liste " en:name= " List " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_list.gif " type= " list.standard "> id= " listtemplate " type= " src.file ">
Änderungen in Weblication® CMS Core/GRID
Version (Sicherheitsrelevantes Update) 012.008.000.000 20.06.2018 Final Version 012.007.025.000 05.06.2018 Über /wConf/images/imageMagick/@preserveMetadata = 1 kann innerhalb der wConf definiert werden, dass Metadaten beim Einsatz von
Umsetzung einer Internetpräsenz für mobile Endgeräte in älteren Projekten
" user-scalable=no, width=device-width "/> rel= " apple-touch-icon " href= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/apple-touch-icon.png "/> rel= " apple-touch-icon " href= "
So setzen Sie eine intelligente Bildauswahl um
... name= " Bild " en:name= " Picture " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_picture.gif " type= " picture.standard "> id= " title " type= " char.text "/> id= " display
Eigene Strukturelemente umsetzen
admin " time= " 1382449764 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_hr.gif "/> from= " " status= " on " to= " "/> value= " "/> value= " 3 "/> match= "
Änderungen in Weblication® CMS Core/GRID
09.09.2013 Der CSS-Editor merkt sich, wenn die Vorschau ansgeblendet wird. 008.000.157.000 28.08.2013 Über /wConf/images/thumbnails/@maxPixelsToResize lässt sich definieren, ab welcher Pixelanzahl Bilder nicht mehr skaliert werden, um zu
Bildgenerierung: ImageMagick in Weblication CMS nutzen
! In CMS-Versionen kleiner 9.x setzen Sie hierzu den Wert des active -Attributes innerhalb des imageMagick -Tags (zu images ) auf den Wert " 1 ". Im path -Attribut hinterlegen Sie den Pfad zu imageMagick, wie dieser für Ihr Hostingpaket vom
So definieren Sie die Darstellung von Verweisen
aus einer Inhaltsdatei (z.B. index.php) für ein Linkelement ... id= " link " name= " Link " icon= " /de/wGlobal/layout/images/element-icons/element_link.gif " type= " spin.link " uid= " c1199a5c0213e8bbca0b3a17b8816e49 "> id= " title " type=
So lesen Sie konkrete Elemente ins Mastertemplate ein
admin " time= " 1265646864 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_text.gif "/> value= " 500-200 "/> name= " content1 "/> name= " content2 "/> name= "
So schreiben Sie Hintergrundbilder sprachabhängig über CSS
" php:functionString('wPageCur::registerCss', '#blockBottom {background-image:url(/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/backgrounds/bottom-back-en.gif);background-position:left;background-repeat:repeat-x;}') "/> select= "
Dateiliste nach durchschnittlicher Seitenbewertung (Ranking) sortieren
if($averageRating >= $i){ print ' alt= " " width= " 13 " height= " 12 " src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/icons/rating_star_full.gif " /> '; } else if($averageRating >= $i - 0.5){ print ' alt= " " width= " 13 " height=
Filter für den Weblication® Dateiexplorer
" Frequently required " fr:caption= " Souvent nécessaire "> ... icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/dir-icons/dir-content.gif " caption= " Alle Meldungen " path= " /base/aktuelles/meldungen "/> icon= "
templatesIncludeItems
"/> name= " content1 "> name= " Überschrift " en:name= " Headline " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_headline.gif " type= " headline.default "> id= " title " type= " char.text "/> id= "
wPageCur::getCorrespondentLanguageFiles
== 1){ print ' class= " langCurrent " href= " '.$path.' "> src= " '.$wGlobalProjectPath.'/wGlobal/layout/images/flags/'.$language.'.gif " alt= " '.$text.' " title= " '.$text.' "/> '.$text.' '; } else{ print ' class= " lang "
XSL-Stylesheets für Strukturelemente
name= " admin " time= " 1272383009 "/> name= " admin " time= " 1252018717 "/> src= " /deGlobal/wGlobal/layout/images/element-icons/element_text.gif "/> from= " " status= " on " to= " "/> value= " "/> value= " 16 "/> expires=
XML Strukturelemente
Seite, die über den Struktureditor beliebig erweitert werden kann.
Mehrere Strukturelemente gleichzeitig einfügen
admin " time= " 1284540010 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_list.gif "/> value= " 600-200 "/> name= " content1 "/> name= " content2 "/> name= "
Bearbeitung von Auflistungen über den Internet Explorer
design.css /* ... */ .elementText ul { margin: 0 0 10px 0; list-style-image: url ($wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.gif) } .elementText ol { margin: 0 0 10px 0} /* ... */ Funktioniert nicht mit IE: Definition
XSL-Stylesheets für Strukturelemente
admin " time= " 1272383009 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_text.gif "/> from= " " status= " on " to= " "/> value= " "/> value= " 16 "/> expires=
XML Strukturelemente
Seite, die über den Struktureditor beliebig erweitert werden kann.
Animierte Gif Bilder in Listen nutzen
erhalten bleibt. Setzen Sie hierzu den Wert des resizeIfAnimated -Attributes innerhalb des thumbnails -Tags (zu images ) auf den Wert " 0 ". Sofern das Tag in der default.wConf.php noch nicht vorhanden sein sollte, setzen Sie dies
wBrowseEdit::createButtonCreateDocument
Icon: ' ; $destDir = "/de/aktuelles/meldungen" ; // Pfad des Verzeichnisses $icon = '/default-wGlobal/wGlobal/layout/images/links/next.svg' ; $caption = "Neue Datei" ; // Bezeichnung der Schaltfläche $title = "Klicken Sie hier, um eine Datei
So setzen Sie Vorlagen mit Vorschaubild, Überschrift und Beschreibung um
Meldung" und ein Bildsymbol zugewiesen wurde. ... Meldung Aktuelle Meldung src= " "/> src= " /de/wGlobal/layout/images/template-icons/page.gif "/>
So setzen Sie die Elementauswahl über das Mastertemplate mehrsprachig um
" 1.0 " type= " page.standard "> ... name= " Überschrift " en:name= " Headline " icon= " /deGlobal/wGlobal/layout/images/element-icons/element_headline.gif " type= " headline.text "> id= " title " type= " char.text "/> id= " display "
So setzen Sie eine kategorisierte und nach Priorität sortierte Liste um
"/> name= " Personenliste mit Kategorie/Prio " en:name= " List Person " icon= " /wGlobalProject/wGlobal/layout/images/element-icons/element_list.gif " type= " list.fachgebiete "> ... Schritt 5: Listenseite erstellen Innerhalb der
So ersetzen Sie Text-Platzhalter durch die gewünschten Texte
... name= " TEXT[item_fliesstext] " en:name= " TEXT[item_fliesstext] " icon= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_text.gif " type= " text.wysiwyg "> id= " title " type= " char.text "/> id= " display "
Deaktivierung des Benutzerprofils
'surname').' '.wUserData::getData($user, 'firstname').' src= " http://domain.dd/weblication/grid5/gui/images/icon_small/status_online.gif " alt= " Benutzer aktiv " title= " Benutzer aktiv "/> => onclick= "
So filtern Sie die Auswahl der Listen-Templates
Dieser Artikel beschreibt, wie Sie die zur Verfügung stehenden Zeilentemplates von Listen in der Auswahl beschränken.
So setzen Sie ein Element mit unterschiedlichen Darstellungsarten um
admin " time= " 1292234420 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_box.gif "/> from= " " status= " on " to= " "/> value= " "/> value= " 17 "/> expires=
So filtern Sie die aufrufende Listendatei aus einer Liste
(z.B. /de/aktuelles/meldungen/index.php) mit allowSelf-Angabe ... id= " list " icon= " /demoCore/wGlobal/layout/images/element-icons/element_list.gif " name= " Liste " type= " core.list " refresh= " 1 " wPathTemplate= "
Limit für Pixelanzahl bei Bildgenerierung über GD setzen
von Bildern definieren. Setzen Sie hierzu den Wert des maxPixelsToResize -Attributes innerhalb des thumbnails -Tags (zu images ) auf den gewünschten Wert (z.B.: " 24000000 " (bei 6000 x 4000 Pixel). Eine Bildgenerierung über das GD-Modul erfolgt
Eigene Formularelemente nutzen
admin " time= " 1315228888 "/> name= " admin " time= " 1252018717 "/> src= " /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/element-icons/element_form.gif "/> from= " " status= " on " to= " "/> value= " "/> value= " 2 "/> match= "
Hintergrundbild dynamisch pro Navigationspunkt definieren
"> B ... name= " imgBackgroundLink " editor= " file " value= " " context= " /IhrAssetsProjekt/img/background-images " caption= " Hintergrundgrafik " editable= " 1 "/> ... Ein Navigationspunkt wird über die o.g. Bearbeitenmaske nach
Navigation mit grafischen Buttons umsetzen
etc.) $navText = wStringconverter :: replaceWhiteSpaces ( $navText ); return '/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/navigation/' . $navText . '.gif' ; } Variante 2: Bilder über Navigationsbearbeitung zuweisen Navigationsdatei
Beispiele für XSL-Abfragen über Systemparameter etc
"> select= " $wLanguageProject "/> , als Flaggensymbol: src= " /default-wGlobal/wGlobal/layout/images/flags/{$wLanguageProject}.svg