Volltextsuche
Unerwünschte Aufrufe blockieren oder umleiten
10. Mai 2021 Änderungsdatum: 24. November 2023 weblication cms aufrufe zugriffe unerwünschte bots umleiten blockieren schablone Das Weblication® Server-Monitoring gibt Ihnen Auskunft darüber, welche Aufrufe im Projekt stattfinden und
wCSS::getWidthBlock
Selektor key Schlüssel des Wertes objectClass z.B. object-start, falls die Seite vom Objekttyp start ist .object-start #blockMainOuter {max-width:1280px;...}. Beispiel: Gibt die Breite des blockContent Blockes aus Quelltext <?php print 'Breite des
wCSS::setWidthBlock
Blocks für CSS-Only manuell (ab CMS-Version 008.000.107.000 verfügbar) Funktionsaufruf String setWidthBlock(String block, String width) Parameter block ID des Blocks (z.B. blockContent) width Breite (z.B. 540) Beispiel: Setzt die Breite des
Bereiche abhängig von der Anzahl an Elementen ausblenden
vermeiden. Anhand der BASE Projektbasis wird Ihnen die Möglichkeit beschrieben, wie Sie den DIV-Container mit der id="blockBefore" ausblenden, falls sich darin keine Elemente befinden. In diesem Block können globale oder navigationsabhängige
Unerwünschte Bots vom Zugriff ausschließen
ausschließen Veröffentlichungsdatum: 25. März 2020 Änderungsdatum: 20. Januar 2023 weblication cms robots bots blocken blockieren webcrawler crawler Unerwünschte Bots lassen sich in Weblication® direkt über die Projektkonfiguration
Hintergrundbilder dynamisch anzeigen
greift. Der Screen oben zeigt noch den Einsatz des Weblics® "CSS einbinden", was z.B. so aussehen kann: CSS einbinden: #blockBody per CSS zusätzlich definieren /* #blockBody auf transparente Hintergrundfarbe setzen, um das Hintergrundbild etwas
wPath
xPath Angaben auf Weblication Dokumente bezogen. Diese xPath Angaben beziehen sich in der Regel auf den wd:meta Block und Teile des wd:object Blockes eines Dokumentes. Beispiele für wPath-Angaben /wd:extension/wd:meta/wd:title/text()
Detailseiten in Listen per AJAX einbinden
über HTML ein */ Über das Datenattribut data-embedroot wird nur der relevante Container eingebunden, in dem Fall #blockContentInner -w-add-data:
Seitenbereiche global oder auf Seitenebene ein- bzw. ausblenden
direkt auswählen. Beispielhafte Seitenvariante in der page.scss mit eingeblendeter linken Seitenleiste über blockLeft=yes /*@wCssFragment { class: page; variant: 20; caption: Mit linkem Seitenbereich; caption-en: With left sidebar;
-w-jquery
; maskiert: \3B Universell Beispiele / Anwendungsfälle Beispiel 1: Blendet das Suche-Feld bei Klick über jQuery ein #blockTop #searchBox #searchTerm { opacity: 0; cursor: pointer; width: 20px !important; height: 20px; transition: width 0.2s
Scroll-Fortschrittsanzeige für Seiten
unten an) */ /* ... */ } body #scrollProgress { position: fixed; } BASE Classic: Zeigt den Scroll-Fortschritt innerhalb blockTop an (design.css) - Kopfbereich sollte fixiert sein /* Gestaltung der Kopfbereichs */ #blockTop { /* ... */ ;
CSS-Rendering - Inhalte wie Bilder automatisch in passender Breite generieren
content1) der globale Wert innerWidthCurrentElement auf Grundlage der Breitenangaben der design.css abhängig von den Blocknamen gesetzt. Schritt 2: Abfrage des Bereiches und Setzen des globalen Wertes Innerhalb der includes.global.php erfolgt -
wValues::getValueAsArray
Ermittelt Werte als Array
-w-dom-prependto
ein. Universell Beispiele / Anwendungsfälle Beispiel 1: Verschieben des Banner-Elementes als erstes Element des #blockBeforeLeftContentRight-Elementes .listBannerSlider_var25 { -w-dom-prependto: #blockBeforeLeftContentRight;... Zu beachten: Diese CSS-Only
Responsive Toggler-Navigation anpassen
#navigationResponsiveAll ul { list-style-type: none; margin: 0; padding: 0} #navigationResponsiveAll li { display: block; overflow: hidden; margin: 0; padding: 0} /* ... (gesamte Definitionen siehe aktuelle BASE) ... */ /* ... */
Cookies - Informationen zum Datenschutz
" values= " |bottom " texts= " Mittig|Unten "/> description= " Cookie-, Datenschutzhinweis zum Bestätigen blockiert Seite " key= " consentsbanner_block_page " type= " char.select " values= " yes| " texts= " Ja|Nein "> yes Wenn Sie
So vergeben Sie Berechtigungen auf Templates
Erstellen einer neuen Datei nicht zur Auswahl angeboten. Beispiel: Auszug aus einer Seitenvorlage zum wd:asTemplate Block ... Seitenvorlage Diese Vorlage dient zur Erstellung einer Seite src= " "/> src= " "/> name= " admins " /> name= "
Vorlesefunktion für Seitentexte nutzen
First) BASE Classic BASE (Mobile First) BASE (Mobile First): wglReader Klasse allen Seiten hinzufügen (reader.scss) #blockContentInner { -w-add-classes: wglReader; -w-add-data: 'readertarget=prepend,readertextpre=Ich lese Ihnen nun vor: '; } BASE (Mobile
Anpassen einer Bildergalerie Variante über CSS-Only
-w-editmaskExtended-pictureaspectratio: yes;} /* ... */ .listPictureGallery_var0 .listEntries .listEntryImage { display: block; width: 100%; height: auto; -w-aspectratio: 1.333; -w-picture-mode: crop} /* ... */ { text-decoration: none}
Vorgehensweise bei XML-Fehlern
Bei Fehlern in der XML-Struktur erleichert Ihnen Weblication® den Weg zur Problemlösung mit gezielten Hinweisen.
So erweitern Sie die Benutzerregistrierung um den Startpfad und Gruppenauswahl
den Wert (value) vom beschreibenden Text (getrennt durch das Pipe-Zeichen: | ): z.B.: /de/index.php|Startseite DE Im Block "Nach dem Absenden auszuführendes Script" hinterlegen Sie dann in der Vorlage für die Benutzerdatei die entsprechenden
So passen Sie die Listenübersicht einer Weblication® Liste an
Sie ändern wollen. Zur Änderung der Grösse des Vorschaubildes passen Sie also die Passage zu den Listendateien im Block "Darstellung einer Meldung" (type = 'news') an. Im Beispiel wird dies von Breite/Höhe 60/45 Pixel auf 80/60 Pixel
Responsive Webdesign
{ display: none} } ... Beachten Sie weiterhin, daß die BASE so ausgeliefert wird, daß der Hauptbereich der Seite ( #blockMainOuter ) mit einer max-width Angabe gesetzt ist, um die maximale Breite des Bereiches festzulegen. Ändern Sie die
Einsatz von Isotope Darstellungen für Bildergalerien
mit Fancybox; caption-en: Masonry Pictures three columns with fancybox} */ .listDefault_var3601 { display: inline-block; margin-right: 0; border: none; -moz-column-count: 3; -moz-column-gap: 0; -moz-column-width: 33.333%;
wCSS::getWidthCol
des aktuellen Elementes Beispiel: Gibt die Breite einer Spalte aus Quelltext <?php print 'Breite der Spalte von blockContent in Pixel: ' . wCSS :: getValue ( '/devGlobal/wGlobal/layout/styles/design.css' , '#blockContent' , 'width' ); ?>
Sidebar-Navigation bei mobiler Darstellung
Sidebar-Navigation inaktiv #_blockMainOuter { -w-add-classes: nextToSidebar,moveWithSidebar; -w-jquery: jQuery ("#blockMainOuter") .before (' ') } Sidebar-Navigation aktiv #blockMainOuter { -w-add-classes: nextToSidebar,moveWithSidebar; -w-jquery:
Vorlesefunktion einbinden
festlegen, wo und wie Sie die Vorlesefunktion nutzen wollen. In jeder Seite für den gesamten Inhalt einbinden #blockContentInner { -w-add-classes: wglReader; -w-add-data: 'readertarget=prepend,readertextpre=Ich lese Ihnen nun vor: '; } In jeder Seite
Umgang mit E-Mail Warnungen (E-Mail SecurityAlert)
um Rückmeldungen diverser Marketingmassnahmen handeln, welche dann erwünscht sind. Daher ist ein standardmässiges Blockieren aufgrund der Frequenz von Aufrufen zu heikel. Prüfen Sie dies daher immer auf das Projekt bezogen und setzen solche
So setzen Sie eigene Formatierungen für Textfelder
4 " en:name= " Subline 4 " name= " Subline 4 " value= " h4.none "/> <!-- de:name= " Zitatblock " en:name= " Blockquote " name= " Blockquote " value= " blockquote "/> --> de:name= " Kleiner Text " en:name= " Text Small " name= " Text "
Menünavigation anpassen
auf, z.B. über das Weblication® Panel unter dem Zahnrad-Symbol und dort in der Spalte "Konfiguration / Layout". Im Block "Kopfbereich" klicken Sie auf die Schaltfläche "Darstellung des Kopfbereichs anpassen", um die Bearbeitung der
Bereich mit wechselbarem Bild umsetzen
(2) für wechselnde und pflegbare Headerbilder Einbinden eines eigenen Templates für Headerbilder Setzen Sie im blockTop -Bereich des HTML Seiten-Template ( standard.wDocument.php ) zusätzlich zu den bestehenden Templateaufrufen (z.B. logo
Performance der Webseite optimieren
Datenübertragung nochmals geringfügig zu reduzieren. Zum Reduzieren der übertragenden Datenmenge gehört auch das Blockieren von unerwünschten Aufrufen (siehe weiterführende Links). Weiterführende Links Unerwünschte Aufrufe blockieren oder
Formatierung der Druckansicht beeinflussen
eingebunden, falls man sich im Editor befindet --> test= " $wIsInEditor = '1' "> name= " templateEditor "/> id= " blockMain "> id= " blockMainInner "> id= " blockHeaderPrint "> <!-- Logo --> name= " logo " wd:pathTemplate= "
Debug-Funktionen zu Listen, Navigationen, Vorschaubildern und CSS nutzen
Bild eine Debuginformation ausgegeben, z.B.: wCSS::getWidthCol(/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/design.css, #blockContent .col2_50, width) blockWidth(#blockContent):500 blockInnerDiff(#blockContentInner):-0 colWidthPercentage:50
Hinweisbox bei Aufruf einer Seite / Layer für Aktionen
eines Link-Elementes, daß Sie für den Editor die Anzeige aktivieren (z.B.: .weditor .elementLink_var10000 {display:block;} ). Nachfolgend der Einfachheit halber beispielhaft über ein HTML Quelltext-Element umgesetzt: Beispiel: Quelltext Element
Kategorienfilter als Auswahlbox für Listen
aus. Diesen Pfad pflegen Sie über die Listenoptionen ein (siehe o.g. Quelltextbeispiel im wd:editmaskExtendes Block). dataCategories Über das select -Attribut geben Sie den Namen der Kategorie an, die gefiltert werden soll (Wert des id
Weblics® 2.x in BASE 1.x nutzen
"/> CONTENT:START test= " php:functionString('wEnv::getGlobalValue', 'hasInitInnerWidthContent1') != '1' "> name= " blockName "> test= " ancestor::*[@id = 'content3'] "> blockBefore test= " ancestor::*[@id = 'content5'] "> blockBottom
Spezielle Breite für CSS-Picture-Rendering setzen
wird über das Weblic® CSS Definition innerhalb der Unternehmen-Seite eine andere Breite für den Inhaltsbereich ( #blockContent ) gesetzt (z.B. width:420px anstatt der sonst errechneten 490px ). Ein Bild innerhalb der Seite (z.B.
Aufzählungssymbole im Textfeld über Font Awesome
zu aktivieren, stellen Sie in der Bearbeitung der Darstellungsvariante "Texte" (elementText.scss) im Block "Allgemein" zur Untervariante/Attribut "listStyle" Auf Basis der ListStyle Untervariante 200 (Pfeile) können Sie auch
Lightbox-Darstellung beeinflussen
{ /* ... */ @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 ('data-variant', 'boxPicture2') ;
Schriftgrößen zum Projekt festlegen
über das Weblication® Panel "Layout anpassen" auf und wählen in der linken Leiste die fonts.scss (Schriften) aus. Im Block "Schriftgrößen" ist die Basisschriftgröße definiert. Zusätzlich können Sie die Basisschriftgröße auch für die
Bild mit unterschiedlichem Seitenverhältnis für Mobilansicht
*/ // -w-option-aspectratioMin: 1; /* Seitenverhältnis Mobilansicht */ -w-mode: crop; figure { display: block; picture { height: 0 !important; display: block; padding-bottom: 25%; } } } Sie müssen lediglich die Zeile mit
Menü-Navigationen: Mehrere Varianten für Öffner auswählbar
Menü-Navigation einzustellen, öffnen Sie über das Weblication® Panel den Layout-Wizard über "Layout anpassen". Im Block "Kopfbereich" klicken Sie auf die Schaltfläche "Darstellung des Kopfbereichs anpassen", um die Bearbeitung des
So nutzen Sie in der Dateiauswahl eigene Auswahlmasken
um z.B. externe Produkt- oder Bilddatenbanken anzubinden. Definieren Sie hierzu im Fileselector innerhalb eines wURLs-Blockes die entsprechenden Links innerhalb von url-Tags (siehe Beispiel unten). Der wURLs-Block wird innerhalb der Dateiauswahl
Suchbegriffe in der Seite hervorheben
Wert übergebene Wort zu finden ist. Die design.js definiert hierfür über die Variable " wHighlightBlockRoot " den Block, welcher in der Seite durchsucht werden soll (z.B. ' blockLeftContentRightInner ' oder ' blockContentInner '): Beispiel:
So geben Sie Listeninhalte in der Navigation aus
version= " 1.0 "> method= " xml " indent= " yes " omit-xml-declaration="yes" encoding= " UTF-8 "/> <!-- Dieser Block enthält die Information, die im Struktureditor bei der Auswahl der Zeilenvorlage angezeigt wird --> type= "
Inhaltsprojekt bzw. Sprachprojekt offline setzen / Wartungsmodus
(Status) - htacces oder Wartungsmodus Projektkonfiguration - Status In der Projektkonfiguration haben Sie im Block "Status" die Möglichkeit, entweder einen "Zugriffsschutz über htaccess-Passwort" zu aktivieren, welcher für alle
Nutzung von SSL-Zertifikaten für HTTPS-Aufruf
over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Oswald'. This request has been blocked; the content must be served over HTTPS . 1) Alle Projekt-Aufrufe über https umleiten 1.1) Einstellung "Seiten nur über
Microsoft Azure für Textgenerierung aus Bildern nutzen
Sie die Abonnement-ID (Key) und den Endpunkt, welche Sie für die Eingabe in der Weblication® Projektkonfiguration im Block "KI Unterstützung" zum Feld "Azure Zugang, um Titel für Bilder generieren" benötigen. 4) BASE Projektkonfiguration
Unterschiedliche CSS-Definitionen, z.B. zu Farben, in Projekten nutzen
Sie über den Selektor zum html-Tag für die Klasse des Inhaltsprojektes ( .project-wissen ) eine andere Farbe zu #blockHeader . Beispiel: Auszug aus der page.scss /* ... */ /* Gestaltung der Kopfbereichs */ #blockHeader { @extend .clearAfter;