Archiv der 'Grid' Kategorie

« Previous Entries Next Entries »

Conditional Comments in Weblication Grid

8. Januar, 2008

Moderne Websites werden in einem Browser entwickelt der den heutigen Standards entspricht. Das ist momentan entweder Opera oder der Mozilla Firefox.

Firefox unterstützt ab der Version 3 auch den Acid 2 Test ohne zu murren. In Verbindung mit der Webdeveloper Toolbar und Firebug ist er demnach die ideale Plattform um standardkonforme Websites zu programmieren.

Trotzdem wünscht man sich natürlich eine Website welche in allen Browsern gleich aussieht. CSS Hacks helfen hier, sind jedoch nicht zukunftsweisend, da spätere Versionen des Browsers damit Probleme haben könnten.

Conditional Comments ist demnach das Wort der Stunde um zumindest den sehr weit verbreiteten Browser Internet Explorer zu bedienen. Unter Weblication Grid hat man die Möglichkeit den Browser im Template abzufragen. Das ist mittels der Tags möglich:

 

Nun weiß ich als Entwickler jedoch nicht, was Grid in dieser User-Agent Abfrage anstellt. Ändert sich in Zukunft evtl. die Rückgabe des Browsers muss ich womöglich zunächst auf ein Update von Weblication warten um gewährleisten zu können einen korrekten Fix zu haben.

Solider ist daher den Conditional Comment direkt ins Template zu schreiben. Das kann dann so aussehen:

<![CDATA[[if lte IE 6]>
	<link href="/projekt/wGlobal/layout/styles/ie6-fix.css" mce_href="/projekt/wGlobal/layout/styles/ie6-fix.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]]]></xsl:comment>
 
<xsl:comment><![CDATA[[if IE 7]>
	<link href="/projekt/wGlobal/layout/styles/ie7-fix.css" mce_href="/projekt/wGlobal/layout/styles/ie7-fix.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]]]>

Ulf (Herausgeber) | Grid, Snippet, XML | No Comments | #

window.onload unter Weblication Grid

1. Dezember, 2007

Auf einer Website hat man meistens irgendwelche Javascript-Funktionen welche beim laden der Seite aktiviert werden müssen. Diese werden gewöhnlich in einer globalen Funktion zusammen gefasst und per window.onload aufgerufen.

In der Weblication Standardpräsenz unter Grid greift Weblication beim Rendern jedoch masgeblich in die Javascriptfunktionalität ein. Es ist nicht möglich eine window.onload Funktion zu definieren, da diese durch eine Weblication-interne Funktion überschrieben wird.

Jedem Programmierer entlockt dies nur ein müdes Lächeln, man muss ja einfach nur dafür sorgen dass die eigenen window.onload Funktion die Funktionen von Weblication überschreibt. Dies ist in diesem Fall jedoch nicht ohne weiteres möglich, da beim Rendern vor dem </head> die Weblication Javascript-Dateien eingebunden werden. Es ist garnicht möglich nach diesen Funktionen einzugreifen, außer man weicht in den <body> aus.

Aber die Programmierer von Weblication bieten eine Funktion an um seine window.onload Funktionen doch beim Laden der Seite auszuführen.
Dazu muss einfach die Funktion document_onLoad() definiert werden. Dieser wird durch Weblication aufgerufen und beim onload ausgeführt:

function document_onLoad() {
	loadAnythingOnLoad();
}

Ulf (Herausgeber) | Grid, Weblication Tipps | No Comments | #

Title in Weblication Grid Projekt anpassen

3. November, 2007

In Weblication Grid hat man im Gegensatz zum “normalen” Weblication festgelegte Projekte. Dadurch ist es einfacher mehrere Präsenzen mit einer Weblication Lizenz zu pflegen und auseinander zu halten. Bisher war dies nur durch eine gut durchdachte Ordnerstruktur bedingt möglich.

Lege ich ein neues Projekt an, arbeite ich mit der Standardpräsenz und passe diese an. Viele Designs sind damit umsetzbar, oft benötigt es jedoch immer noch einigen Anpassungen, die Grundstruktur ist jedoch solide.

Der Titel ist in der Standardpräsenz von Anfang an “Weblication CMS Grid - Startseite” - dabei ist der Part “Weblication CMS Grid” statisch, der Teil danach wird je nach Seite ausgetauscht. Zunächst möchte ich natürlich den Text “Weblication CMS Grid” entfernen. Dazu öffne ich mein Weblication Backend, wähle auf der linken Seite mein Projekt aus, anschließend den Punkt Verwaltung. Nun habe ich in meinem Dashboard die Möglichkeit die Templates bzw. das Design zu ändern. Ich wähle den Button “Templates/Design anpassen” worauf hin ein neuer Tab geöffnet wird. Dort wähle ich standard.wDocument.php an und bearbeite es im Quelltexteditor. Natürlich kann ich dieses auch direkt über einen FTP-Client bearbeiten. Die Datei liegt unter: /projektName/wGlobal/layout/templates/documents/

In Zeile 22 steht:

<title>Weblication CMS Grid - <xsl:value-of select="/wd:document/wd:extension/wd:meta/wd:title/text()"/><wsl:postIfVar name="titleExt" operator="!=" term=""> - <wsl:postGetVar name="titleExt"/></wsl:postIfVar></title>

Hier könnte ich nun einfach “Weblication CMS Grid” mit meinem Projekttitel austauschen. Da Suchmaschinen den Titel jedoch von vorne nach hinten lesen ist es (SEO-Technisch) ratsam zunächt den variablen Teil nach vorne zu stellen und anschließend den statischen Teil einzubinden.

Demnach ändere ich den Titel folgendermaßen

<title><xsl:value-of select="/wd:document/wd:extension/wd:meta/wd:title/text()"/><wsl:postIfVar name="titleExt" operator="!=" term=""> - <wsl:postGetVar name="titleExt"/></wsl:postIfVar> - Projektname</title>

Nachdem ich dies gemacht habe speichere und schließe ich die Datei. Nun sollte gloabl auf der Präsenz der Titel geändert sein.

Ulf (Herausgeber) | Grid, SEO, Weblication Benutzertipps | No Comments | #

« Previous Entries Next Entries »

Impressum - Du bist auf der Seite: Conditional Comments in Weblication Grid