Irgendwie bin ich gerade im Veränderungen-Modus. Anlass genug, daraus eine kleine Serie zu starten, die relativ profan beginnt: crusy.net hat ein neues Theme: Publish. So weit, so uninteressant. Für die Akten möchte ich aber kurz aufstellen, was ich normalerweise alles anpasse an so einem Theme:
- HTML-Header, header.php:
- Seitentitel auf “crusy.net” ändern (=Tagline rauswerfen, vgl. unten)
- Keywords, Description, Sharing-Tags einfügen
- Blog-Header, hier custom-header.php: Ich habe meinen Gravatar durch ein lokales Bild ersetzt, Stichwort Tracking
- in Würdigung des cleanen Looks des Themes habe ich die letzten Kommentare und Tweets aus der Seitenleiste geworfen; Tag Cloud und Links sind auf jeweils separate Seite gewandert. Um die Tag Cloud dorthin zu bekommen, habe ich ein neues Page-Template angelegt
- comments.php, Stichwort “comment_notes_after“: Im Kommentar-Bereich meiner Posts (meine Pages erlauben keine Kommentare) habe ich einen Disclaimer zu Akismet ergänzt (Hintergrund)
- styles.css:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
/* Überschreibt Silbentrennung, da die nicht gut funktioniert */ * { word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } /* HREFs werden nicht mehr unterstrichen, was den cleanen Look unterstreicht */ a { text-decoration: none; } /* enfernt überflüssigen Abstand zwischen Footer und Seite */ .site { margin-bottom: 0; } /* gleicht die Abstände von Navigation und Suche an */ .site-header { margin-bottom: 0; } nav.main-navigation { margin-top: 0; } /* das Bild oben links wird rund */ .site-logo img { border-radius: 50% } /* Navigation lowercase */ .main-navigation a, .widget-area ul li a {text-transform: lowercase;} /* Navigation endet immer auf "." */ .main-navigation a:after, .widget-area ul li a:after { content: "."; } /* Gleicht Position des Suchfelds optisch aus; Fontsize angepasst */ #searchform { margin-left:-3px; font-size: 13px; } /* Innenabstand des Suchfelds angepasst */ #s { padding: 4px 3px 3px 4px; } /* Verbirgt Navigation von Post zu Post */ .post-navigation { display:none; } /* HREFs in der Tagline (unter dem Bild oben links) sehen aus wie normaler Text */ .site-description a { color: #999999; font-size: 13px; font-weight: 300; margin: 10px 0 20px; text-decoration: none; } |
Wozu den letzten Punkt? Nun, ich habe gerne eine zufällig gewählte “Tag line” in der Seite; eine Spielerei und gute Möglichkeit, Kalauer unterzubringen. Da ja nun meine Tweets rausgeflogen sind (siehe oben), möchte ich diese hier unterbringen, und zwar verlinkt. Optisch soll das aber nicht offensichtlich sein – nennt es ein Easteregg. Da werden sicherlich auch noch welche dazukommen oder rausfliegen.
So viel dazu.
UPDATE:
ich habe schon wieder ein neues Theme: Ari von Elmastudio 🙂