Überschrift als Grafik
Überschriften in Web to Date
In Web to Date / Shop to Date ist es möglich, dass Überschriften als Grafik verwandt werden. Dadurch kann man jede beliebige Schriftart für die Homepage nutzen. Normalerweise ist das nicht möglich, da jede verwandte Schriftart auch auf dem Rechner derjenigen installiert sein muss, die die Homepage betrachten.
Diese Überschriften sehen chic aus, sind aber nicht sehr suchmaschinentauglich, denn Google & Co können nur Text verarbeiten, aber keine Grafiken. Dadurch werden gerade die von den Suchmaschinen hoch bewerteten Überschriften nicht berücksichtigt.
Anhand des Designs Alpha erkläre ich Ihnen wie man diese Grafiküberschriften wieder in Text umwandeln kann.
Öffnen Sie die Datei page.ccml im Alpha Ordner mit einem Editor.
Suchen und löschen Sie folgenden Eintrag:
<cc:picture obj="pic.h1"
src="pic_h1.gif"
dst="'ph'+&page.content.uid+'.gif'"
text="&page.content.caption"
textcolor="&usercolor.alt.dark"
fontname="MarioBecker"
textleft="0"
fontbold="0"
textalign="left"
textvalign="bottom"
textheight="36"
fontsize="16"
smooth="4">
<h1 style="background-image:url(<cc:printpictureurl obj="pic.h1">);"></h1>
Fügen Sie stattdessen folgendes an dieser Stelle ein:
<cc:if cond="&page.content.caption">
<h1><cc:print value="&page.content.caption"></h1>
</cc:if>
Jetzt muss noch das Aussehen dieser Überschrift <h1> definiert werden. Öffnen Sie dafür die Datei style.css und suchen Sie folgenden Eintrag:
h1 {
margin: 0;
padding: 0;
width: 778px;
height: 50px;
background-repeat : no-repeat;
}
Änderen Sie das entsprechend dem Beispiel von h2, das direkt darunter steht.
Passen Sie die Schriftgröße in Prozent Ihren Wünschen an. Mit dem padding Wert geben Sie an wieviel Platz um die Überschrift ist. Die vier Werte stehen für oben / rechts / unten / links .
Hier können Sie eine druckoptimierte Version dieser Seite ausdrucken.
Um eine Druckvorschau zu sehen, benutzen Sie bitte die Druckvorschau Ihres Browsers.
