Ich wurde im Real Life angesprochen, welche Änderungen ich denn wohl am hier verwendeten Alexandria-Theme vorgenommen habe. Ich kann mir vorstellen, dass die Umsetzungen einen oder anderen interessiert, daher mal ins Blog damit.
Als Erstes habe ich die für jedes Theme, auch für Child-Themes, obligatorische style.css erstellt und darin
- die Webschriftart für den Seitentitel definiert und diese dem Titel dann auch zugewiesen. Dafür muss die Schriftarten-Datei natürlich auch auf den Server geladen werden.
- Dann habe ich die Überschriften in der Sidebar verkleinert. Die sind als Überschrift 1. Ordnung definiert, was ich nicht geändert habe. Dadurch waren sie aber genauso groß, wie die Überschriften der Blogposts.
- Ebenfalls im Stylesheet habe ich die Farbe für Links im Fließtext und in den Kommentaren auf Blau geändert. Die Originalfarbe war ebenso schwarz wie der übrige Text, so dass Links nicht zu erkennen waren, wenn man nicht gerade mit dem Mauszeiger drüber kam.
- Ich habe weiterhin einige Linktypen definiert, denen ich durch zuweisen einer Klasse Icons anhänge. Natürlich sind die Icons auch ins Themeverzeichnis hochgeladen.
- Dann war die Hintergrundfarbe bei Bildbeschreibungen dran. Die war identisch mit dem Seitenhintergrund, ich habe da lieber einen, wenn auch geringen Kontrast. Lässt sich optisch leichter zuordnen, als wenn es nur von einem dünnen Rahmen eingefasst ist.
- Weiter habe ich die Box für Zusatzinfos definiert.
- Natürlich kommen auch die Styledefinitionen für die Rocking Blogroll auf der Linkseite dazu.
- Und zuletzt habe ich für den Fließtext Silbentrennung definiert, um die Zeilenlänge besser ausnutzen zu können. Die arbeitet zwar nicht perfekt, aber immerhin.
Das sind ja schon mal ein paar Dinge im Stylesheet, da kommt sicher noch das ein oder andere dazu. Bei Verwendung eines Child-Theme wird das Stylesheet des Parent-Theme zuerst geladen, danach das aus dem Child. Somit werden für Elemente, Klassen und IDs, die in beiden Stylesheets vorkommen, letztlich die Definitionen aus dem Child geladen und die des Parent damit überschrieben.
Der nächste Schritt war das Erstellen der functions.php. Die hat Gültigkeit neben der gleichnamigen Datei des Parent-Theme, so dass die Originalfunktionen erhalten bleiben. Im Child-Theme habe ich dann zusätzlich
- die Funktionen für die Rocking Blogroll erstellt
- zusätzliche Eingabefelder für Kontaktdaten um Benutzerprofil im Backend definiert
- die Adresse der Suchergebnisseite auf eine „sprechende“ URL umgebogen
- die Text-Domain zum Einbinden von Sprachdateien im Child-Theme definiert
- das Artikelbild (Post Thumbnail) in den Blog-Feed eingebunden
- diverse Statistik-Counter erstellt (Danke an Frank Bültge für die Codeschnippsel )
- die Sprungmarke für den More-Link entfernt, man landet immer am Artikelanfang
- den Papierkorb in die Adminbar eingefügt. So kann man schnell mal nen Post löschen, wenns mal sein muss.
Dazu habe ich dann eine deutsche Sprachdatei erstellt und hochgeladen. Und damit waren die allermeisten Anpassungen bereits erledigt. Diverse Kleinigkeiten noch:
- In der index.php versuche ich noch, die Seitenüberschriften bei Archivseiten anzupassen
- In den Dateien page.php und page-sidebar.php habe ich den Aufruf der Kommentare entfernt
- In den Dateien archive.php, content.php, content-aside.php, content-page.php, content-single.php, no-result.php und sidebar.php habe ich die Artikelüberschrift von einer Überschift 1. Ordnung in eine semantisch korrekte Uberschrift 2. Ordnung geändert (Betrifft nicht die Sidebar-Widgets)
- In der Datei content.php zudem unter dem Excerpt den „Weiterlesen“-Link eingebaut
Last but not least habe ich noch einen Screenshot erstellt und den als die obligatorische screenshot.png ins Themeverzeichnis geladen.
Das waren die Änderungen, die ich bisher gemacht habe. Schon viel mehr Dateien im Child-Theme, als ich das eigentlich wollte. Ich suche noch nach der Stelle, wo die Überschriften für die Sidebar-Widgets definiert sind.
Bei mir sind die Stylesheets der Widgets unter –>theme–>functions –>widgets abgelegt. Wer auf die Idee gekommen ist…
Ja, sollte man vermuten. Aber hier geht es um den HTML-Code der Widgets, der ja in den Theme-Dateien definiert. In den Theme-Optionen gibt es zwar zig Einstellungen zum Header und Footer sowie diverse Layouts, aber nichts zu Widgets. Da muss ich die Dateien noch mal genauer durchforsten, denn semantisch hat da ne h1-Überschrift nix zu suchen.