einen in dieser Hinsicht die Haare zu Berge stehen. Da steht im Quelltext nicht nur der Header und die Navigation sondern sogar noch die 3. Spalte (ganz rechts) noch über dem Hauptinhalt. Was würde ich denken, wenn ich eine Suchmaschine wäre? Das Ding ist eine Linkliste mit einem Produkt im Footer Aber was solls, ich mach den Jungs ja keinen Vorwurf, funktionieren tuts ja – zumindest für den User. Für unseren zukünftigen Shop hab ich jedoch ein höheres Ziel. Das Teil soll durch und durch XHTML-valide, vernünftig strukturiert und barrierearm werden. Ein hohes Ziel wie ich schon beim Gestalten der Startseite feststellen muss…. da hänge ich jetzt schon eine Woche dran. Aber egal, was ich nicht umsetzen kann (z.B. das horizontale DHTML-Menü) lasse ich erstmal weg. Mal sehe wo die Reise hingeht, wird aber sicher ein langer, staubiger Weg….

Jedoch ist bei meinem Typo das Yaml-Framework installiert – und dieses mit Templavoila. Durch etwas probieren bin ich aber jetzt auf die Lösung gekommen:

1. Schritt: Zuerst muss die Extension “kb_cont_slide” installiert werden.

2. Schritt: Öffnen der DS (Datenstruktur/Data Structure Record) des Haupttemplates. Klickt dazu auf “Templavoila” und dann auf den Namen des aktiven Templates. Es erschein dan der Pfad des Templates und ein kleines, gelbes Icon “DS”. Auf dieses Rechtsklicken und Bearbeiten. Ein Editor-Fenster mit einer XML-Struktur öffnet sich. Dieses jetzt am besten erst einmal sichern! Nun sucht Euch die betroffene Spalte und ändert den Code folgendermaßen:

Code (vorher):

 10= RECORDS
 10.source.current=1
 10.tables = tt_content

Code (nachher):  

10= RECORDS
10.source.postUserFunc = tx_kbtvcontslide_pi1->main
10.source.postUserFunc.field = field_textbelowmenu
10.source.postUserFunc.collect = 2
10.tables = tt_content

Wichtig dabei ist, dass die Zeile source.current= 1 entfernt wird. Den Namen des 10.source.postUserFunc.field findet Ihr weiter oben im XML-Block, bei mir heißt der für die rechte Spalte z.B. <field_textbelowmenu type=”array”>.

Danach einfach abspeichern und den Cache löschen.

Nun sollten alle Unterseiten die rechte Spalte der Elternseite anzeigen.

Wenn diese Seiten angelegt sind sollte die gesamte Webseite funktionieren – bis auf den Suchknopf. Falls Ihr WordPress nicht in einem Unterverzeichnis namens /blog installiert habt kann hier nämlich die Grafik nicht geöffnet werden Dazu bitte einfach die Datei header.php im Ordner simplex editieren und nach der Zeile

<input class=”search_button” alt=”Auf diesen Seiten suchen.” src=”/blog/wp-content/themes/simplex/images/spotlight.png” type=”image” />

suchen.

Hier dann einfach den Pfad anpassen.

Alle anderen Texte, Slogans etc. stehen “hardcodet” in den jeweiligen Templates und müssen dort ggf. angepasst werden. Die Dateien findet Ihr unter /wp-content/themes/simplex/ .  Nehmt dazu einen Texteditor oder z.B. PHPEdit.

Und sieht jetzt das Ergebnis aus:

Mit meinem ersten Beitrag will ich gleich die Entstehungsgeschichte dieses Blogs dokumentieren. Ziel ist es, WordPress mit einem schicken Design auszustatten das gleichzeitig suchmaschinenfreundlich ist. Dafür denke ich, ist der Yaml-Standard genau richtig. Es gibt keine Tabellen, der Quelltext ist schön aufgeräumt, die wichtigsten Inhalte sind im Quelltext ganz oben angesiedelt. Wer mehr zum Yaml-Standard lesen möchte, hier gibts noch mehr Infos.

Doch nun zur Sache:

Als erstes sollten Sie eine normale, lauffähige WordPress-Installation durchführen. Dies sollte ohne Probleme nach der Anleitung unter www.wordpress.de möglich sein.

Aus meiner Sicht eines der wichtigsten Plugins ist das “All in on SEO Pack”. Dieses installiere ich als erstes und passe danach die Permalink-Struktur an, und zwas auf benutzerdefiniert:
%category%/%postname%.html

Jetzt nun hab ich mir ein fertiges Template geladen von hier , es ist das “YAML basiertes Theme von Andreas Lezgus”

Nun noch im WordPress-Admin unter Design das Simple-Template aktivieren – und schon habe ich schon ein schickes Yaml-Wordpress – jedoch noch mit allerhand Fehlern. Wo und wie ich diese ausmerze schreibe ich im 2. Teil.