Volltextsuche
Initialisierung der Bilder zu Bannervariante 400
BASE Die Variante 400 des BannerSliders ermöglicht eine mehrspaltige horizontale Anordnung der Bannerbilder. Die Listenoptionen der Bannervariante ermöglichen unter anderem, die Anzahl der Spalten zu definieren, um die Bilder z.B. vierspaltige,
Der Inhaltsbereich (die wd:group Elemente)
möglich, zusätzlich zum eigentlichen Seiteninhalt auf der rechten Seite einen Portalbereich anzulegen, der eine Liste und ein Loginformular beinhaltet. Der Aufbau eines Inhaltsbereichs folgt nachfolgend beschriebener Struktur:
-w-usefancybox
/ Anwendungsfälle Beispiel 1: Aktiviert zur Bildergalerie-Variante 2 die Nutzung der Fancybox .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ; -w-usefancybox: yes; /* ... */ ;} Weiterführende Links Anpassen einer Bildergalerie Variante
-w-use-orig
/ Anwendungsfälle Beispiel 1: Verwendet bei Banner-Variante 99 das Originalbild als Bannerbild .listBannerSlider_var99 .listEntries .listEntryImage { /* ... */ ; -w-use-orig: yes; /* ... */ ;} Zu beachten: Diese CSS-Only Referenz bezieht sich
-w-showlightboxtitle
1: Deaktiviert zur Bildergalerie-Variante 2 die Ausgabe des Bildtitels in der Lightbox .listPictureGallery_var2 .listEntriesPreview .listEntry { /* ... */ ; -w-showlightboxtitle: no; /* ... */ ;} Zu beachten: Diese CSS-Only Referenz bezieht sich
-w-quality
Beispiel 1: Setzt für die Banner-Variante 99 die Qualität des Banner-Bildes auf 60% /* ... */ .listBannerSlider_var99 .listEntries .listEntryImage { /* ... */ ; -w-quality: 60; /* ... */ } Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend
-w-prevent-events-ontouch
Beispiel 1: Verhindert, dass die Seite gescrollt werden kann, wenn man auf dem Banner ist .listBannerSlider_var26 .listEntries .listEntry { -w-prevent-events-ontouch: yes; display: none; overflow: hidden} Zu beachten: Diese CSS-Only Referenz
-w-pause-onmouseover
zur BannerSlider-Variante 99 die Möglichkeit, den Bannerwechsel bei Mouseover zu pausieren .listBannerSlider_var99 .listEntries .listEntry { /* ... */ ; -w-pause-onmouseover: yes;} Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf
-w-fadetime
/ Anwendungsfälle Beispiel 1: Deaktiviert das Wechselintervall zur BannerSlider-Variante 21 .listBannerSlider_var21 .listEntries .listEntry { /* ... */ ; -w-fadetime: no !important;} Zu beachten: Diese CSS-Only Referenz bezieht sich vorwiegend auf
Snippets
Snippet OpenStreetmap - Marker über Listeneinträge hervorheben So können Sie Marker auf einer OpenstreetMap über Listeneintrage hervorheben. Zum Snippet Formulare - Absenden-Button deaktivieren, bis Eingaben korrekt So können Sie den
Pflege von Zeilen
<!--web:row:stop--> ... Weiterführende Links So setzen Sie eine kategorisierte und nach Priorität sortierte Liste
thumbnail
Bild über ein WSL-Tag im XSL-Template (z.B. standard.wDocument.php oder xxx.wFilelist.php) generieren ... class= " listEntryThumbnail " cut= " " src= " /baseAssets/img/bild-gruen.jpg " width= " 120 " height= " 80 " additionalMinWidth= " " hd= " 1 "
includeJsRessources
von JS-Dateien: Elemente in einer Seite, welche direkt im Template eine JavaScript-Datei registrieren (z.B. eine Banner-Liste), dürfen nicht vom Seitencache ausgeschlossen werden. Hintergrund ist, daß JS-Dateien über WSL ausgegeben werden,
ifIsSearchBot
davon aus, ob die Seite von der Weblication Suche aufgerufen wird href= " /base/pdfliste-intern.php " title= " PDF-Liste Intern "> PDF-Liste Intern
wUsers::selectUsers
,'operator' => '==', 'condition' => '1'); $publicUsers = wUsers :: selectUsers ( $query ); /* Diese Liste der öffentlichen Benutzer kann z.B. über eine Schleife zum Löschen aller öffentlichen Benutzer verwendet werden.
wRequest::isSearchBot
die Seite von der Weblication Suche aufgerufen wurde Quelltext <?php if( wRequest :: isSearchBot ()){ print ' PDF-Liste ' ; } ?> Hinweis Beim Einsatz von Framework-Funktionen in eigenen Skripten beachten Sie bitte den Artikel "So verwenden Sie
Pflege von textbasierten Daten
bei: editor = 'select', editor = 'categories', editor = 'dir', editor = 'file' size definiert die Anzeigegröße der Liste (Auswahlbox) notwendig: nein nutzbar bei: editor = 'select', editor = 'categories' extensions legt fest, auf welche
Weblics® 2.x in BASE 1.x nutzen
Stand 2.x zu bringen. Dies gilt vor allem für die Weblics® " Bild ", " Bildergalerie ", " Teaser, Banner, Slider ", " Liste " und " Formular ". Beachten Sie dabei, dass ggf. die Bildergalerie- bzw. Teaser-/Banner-Elemente in den Seiten nochmals
Pflegemasken für Metadaten aus der Dokumentenerweiterung
weiterhin stehen Ihnen Editoren zur Datei- oder Verzeichnisauswahl sowie Selectboxen zur Verfügung. Eine vollständige Liste aller verfügbaren Pflegetags finden Sie hier: Übersicht aller Pflegetags Informationen zur Pflegemaske für Objekte
Kategorien
ist die gefilterte Darstellung von Einträgen in einer Übersichtsliste. Bei der Verwendung einer kategorisierten Liste kann die Menge der angezeigten Einträge nach Kategorien gefiltert werden. So können beispielsweise nur Dateien
Strukturierte Daten in Inhaltsseiten - Das Element wd:object
von Datenfeldern Zuweisung bestimmter Datentypen Alle Informationen aus wd:object Containern stehen innerhalb von Listen des PHP-Frameworks (wShowList) zur Verfügung Objekt in der Dokumentenerweiterung name= " Startseite " type= " start
Dateibearbeitung
ein Bild- oder Linkelement. Strukturelemente können aber auch komplexe Funktionen beinhalten (beispielsweise eine Liste oder das Weblic Bildergalerie). Weitere Informationen zu Strukturelementen finden Sie hier: Der Struktureditor und
wDate::prepareObjectdata
sind zum dateFromToFormated. Auszug aus Objektdaten als HTML ausgeben [!-- #foreach select="dates"--] < div class= "listEntryDate" style = "text-align:center" >[!-- dateFromToFormated --] [!-- #endforeach--] Beispiel: Termine sollen über
BASE Neuinstallation mit Übernahme der Inhalte
/ übernehmen Wurden im alten Projekt CSS-Only-Varianten (für z.B. Inhaltsboxen, Mehrspaltige Inhaltscontainer, Listen, BannerSlider, Bildergalerien, etc.) verwendet, welche in der aktuellen BASE 2.x im Standard nicht enthalten sind,
wCSS::getWidthElement
); $cssPath = '/dev/dokumentationen/framework/beispiele/styles/design.css' ; $selector = '.listDefault_var9 .listEntryThumbnail' ; $widthTop = '336' ; // z.B. aus: wList::getListData('containerWidth') $parents = array( '.listDefault_var9
Die Tag-Dokumentationsleiste erleichtert die Templatebearbeitung
der verfügbaren Tags. Dies erleichert Ihnen die Arbeit beim Anpassen der entsprechenden Templates (Standard-Templates, Listen-Templates, Objekte-Templates, etc.) durch das schnelle Auffinden folgender Dokumentationen: Pflegetags-Referenz WSL-Tag
So prüfen Sie, ob der Cache aufgrund der zeitgesteuerten Veröffentlichung gelöscht werden muss
den Projektcache bei Bedarf zu löschen. Die Änderung des Online-Status einer Seite wirkt sich somit zeitnah auf eine Liste aus. Löscht den Cache des Projektes /de, falls es die zeitgesteuerte Veröffentlichung erfordert include( $_SERVER [
Individuelle Dateiauswahl im Editor
"/> <!-- web:text:stop --> ... Eigene Auswahlbox mit Liste aller Meldungen Beispiel: Auszug aus einer Meldung zum gesetzten Objekt-Eintrag ... type= " news "> id= " title "
Unterschied zwischen den XSL-Elementen copy-of und value-of
(siehe weiterführende Links) oder anderen Dokumentationen (W3C, etc.) genauer beschrieben. Die vorige Liste stellt einen Auszug aus der Dokumentation des SELFHTML-Projektes dar ( kursive Textpassage ). Unterschiede copy-of und
wBrowseEdit::createButtonWeblics
der Schaltfläche $caption = "Weblics" ; // Bezeichnung der Schaltfläche $title = "Klicken Sie hier, um die Weblic-Liste zu öffnen" ; // Titel der Schaltfläche $attributes = array(); // Weitere Attribute print wBrowseEdit ::
Installationsprobleme / Seitenbearbeitung lädt die Inhalte nicht
werden. Das spart zwar Hauptspeicher, ist aber langsamer. Wird auf viele Dokumente zugegriffen, z.B. bei Abfragen und Listen, kann es bei aktiviertem Cache sein, daß der verfügbare Hauptspeicher überschritten wird. 3) Problemlösungen /
Callback-Funktionen zu WSL-Buttons nutzen
WSL-Buttons mit onBeforeClick-Attribut bieten die Möglichkeit, eigene JavaScript-Funktionen aufzurufen, um z.B. für öffentliche Benutzer die Pflege komfortabler zu gestalten.
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
PHP-Framework Funktion - wEnv::setGlobalValue Online-Dokumentation: Debug-Informationen Debug-Funktionen zu Listen, Vorschaubildern, CSS, etc. nutzen blog.weblication.de: Damit Sie Bilder ohne Bildbearbeitung selbst veröffentlichen
Suchbegriffe in der Seite hervorheben
Formular die Checkbox " Treffer in Detailseite markieren " zu aktivieren. Den Suchergebnissen wird dann in der Liste der URL-Parameter highlight angefügt, damit beim Aufruf einer Ergebnisseite die entsprechenden Begriffe in der Seite
Verlinkungsverweise zwischen Dateien neu aufbauen
besitzt, muss nicht zwangsläufig im Projekt nicht genutzt werden. Z.B. kann solch eine Datei über eine Liste, individuelle Skripte, o.ä. ohne direkte Verlinkung genutzt werden. Für Querverlinkungen von Dateien nutzt
Suchindex der Volltextsuche aktuell halten
ist z.B. auch dann zu empfehlen, wenn Dokumenten geändert, gelöscht und hinzugefügt werden, welche über eine Liste eingebunden sind. Suchindex bei Seitenänderungen aktualisieren Die BASE Projektbasis wird standardmässig so
Seitencache beim Ändern von Inhalten aktuell halten
beim Speichern, Umbenennen, etc. der Projekt-Cache geleert. Somit bleiben beim Anlegen von neuen Meldungen o.ä. auch Listen in anderen Seiten (z.B. Startseite) aktuell. Projektereignis zu onAfterSaveFile Asynchrone Aufrufe steuern
Umfangreiches Bestellformular
Klasse für Sprachverwaltung wLinkchecker Klasse für Linkprüfung wList Stellt Funktionen zur Generierung von Listen zur Verfügung wMailer Stellt E-Mail Funktionen zur Verfügung wMessagecenter Nachrichtenzentrum wNavigation
Performance der Webseite optimieren
myHome Basispaket ohne eAccelerator Aufgerufene Seite: 100 Navigationpunkte auf drei Navigationen verteilt Liste mit 10 aus 1000 Einträgen 10 skalierte Bilder 3 eingebundene Inhaltsbereiche Folgende Optimierungen wurden betrachtet:
Pflegemasken für Metadaten aus der Dokumentenerweiterung
weiterhin stehen Ihnen Editoren zur Datei- oder Verzeichnisauswahl sowie Selectboxen zur Verfügung. Eine vollständige Liste aller verfügbaren Pflegetags finden Sie hier: Übersicht aller Pflegetags Informationen zur Pflegemaske für Objekte
So halten Sie den Projektpfad über Mastertemplate Elemente dynamisch
Elementes durch den Verzeichnisnamen des Projektes ersetzt, in welchem sich die Seite befindet. So können Sie z.B. bei Listenelementen dafür sorgen, dass der für die Liste zu durchsuchende Pfad gleich an das (Sprach-)Projekt angepasst wird. Ein
Bilder web-optimiert darstellen lassen
Farbbereichen wie z.B. Logos oder Skizzen. Bei einer Fotogalerie ist also eher 70% optimal, während eine Liste von Referenzlogos eher mit 95% dargestellt werden sollte. Qualitätseinstellung auf 80% im Template des Bildelements
Debug-Funktionen im Editor
Seite, wobei der Include, in dem der Fehler kommt, direkt erscheint Weiterführende Links Debug-Funktionen zu Listen, Navigationen, Vorschaubildern
Projektumstieg: Neue Projektgrundlage für bestehende Projekte nutzen
auch Fehlermeldungen erscheinen, kann dies z.B. an fehlenden Skriptaufrufen, nicht (mehr) existierenden Listen-Templates, Datenbankaufrufen, etc. liegen. Passen Sie dies individuell an. Prüfen Sie zudem, ob auch sonstige eigene
Projektumstieg von BASE Classic auf BASE (Mobile First)
auch Fehlermeldungen erscheinen, kann dies z.B. an fehlenden Skriptaufrufen, nicht (mehr) existierenden Listen-Templates, Datenbankaufrufen, etc. liegen. Passen Sie dies individuell an. Prüfen Sie zudem, ob auch sonstige eigene
Kategorien
ist die gefilterte Darstellung von Einträgen in einer Übersichtsliste. Bei der Verwendung einer kategorisierten Liste kann die Menge der angezeigten Einträge nach Kategorien gefiltert werden. So können beispielsweise nur Dateien
JavaScript-Callback nach dem Bannerwechsel
kann dann z.B. per jQuery auf den Banner zugegriffen werden. Statusinformationen finden sich über Data-Attribute im Listenelement des Banners Callback, der nach der Auswahl eines Banners aufgerufen wird und in der design.js definiert ist
Lightbox-Darstellung beeinflussen
caption-en: Dia view} */ .listPictureGallery_var2 { /* ... */ @media only screen and ( max-width: $viewport_s_max) { .listEntries { /* ... */ .listEntryImage { display: block; width: 100%; max-width: 100%; height: auto; picture { -w-jquery: jQuery (this) .attr
Mobile First BASE: Responsive Bilder
Bildgröße auszuliefern. Funktionsumfang der Responsive Bilder Bilder werden als Einzelelemente, Vorschaubildern in Listen, Bannerbilder oder als Bildergalerien dargestellt. In allen Fällen setzt Weblication auf das HTML5 Picture-Tag, um bei
Projektumsetzung mit dunklem Hintergrund und heller Schrift
Umsetzungswunsch und Erfordernis vor. Hierbei wird es meist um die Anzeige von Texten, Kalender, Captcha, Formulare, Listen, etc.