Wie man unschwer erkennen kann, basiert das aktuelle WordPress-Theme auf dem Waipoua-Theme von elmastudio.de. Inspiriert durch die Kommentare im dortigen Blog und die Beiträge von teezeh und Mediaimpulse habe ich deshalb ein Subtheme erstellt, das die Social Icons wie hier oben rechts farbig darstellt. Durch das Child-Theme ist man auch in Zukunft bei Aktualisierung des Haupt-Themes auf der sicheren Seite.
Das Subtheme könnt Ihr direkt hier herunterladen: Waipoua Child Theme. Weiterhin wird das kostenpflichtige Haupt-Theme benötigt.
Hier eine Übersicht der Änderungen, die direkt in die style.css einfliessen:
ul.sociallinks li a.twitter {
background:#00a0d1 url(../waipoua/images/socialicons.png) 0 0 no-repeat;
}
ul.sociallinks li a.facebook {
background:#3B5998 url(../waipoua/images/socialicons.png) -37px 0 no-repeat;
}
ul.sociallinks li a.googleplus {
background:#db4a39 url(../waipoua/images/socialicons.png) -74px 0 no-repeat;
}
ul.sociallinks li a.flickr {
background:#FE0184 url(../waipoua/images/socialicons.png) -111px 0 no-repeat;
}
ul.sociallinks li a.instagram {
background:#3F729B url(../waipoua/images/socialicons.png) -148px 0 no-repeat;
}
ul.sociallinks li a.picasa {
background:#9C5AB7 url(../waipoua/images/socialicons.png) -185px 0 no-repeat;
}
ul.sociallinks li a.fivehundredpx {
background:#00A3DE url(../waipoua/images/socialicons.png) -222px 0 no-repeat;
}
ul.sociallinks li a.youtube {
background:#c4302b url(../waipoua/images/socialicons.png) -259px 0 no-repeat;
}
ul.sociallinks li a.vimeo {
background:#44BBFF url(../waipoua/images/socialicons.png) -296px 0 no-repeat;
}
ul.sociallinks li a.dribbble {
background:#ea4c89 url(../waipoua/images/socialicons.png) -333px 0 no-repeat;
}
ul.sociallinks li a.ffffound {
background:#FF009C url(../waipoua/images/socialicons.png) -370px 0 no-repeat;
}
ul.sociallinks li a.pinterest {
background:#CB2027 url(../waipoua/images/socialicons.png) -407px 0 no-repeat;
}
ul.sociallinks li a.zootool {
background:#B3B4AE url(../waipoua/images/socialicons.png) -444px 0 no-repeat;
}
ul.sociallinks li a.behance {
background:#053eff url(../waipoua/images/socialicons.png) -481px 0 no-repeat;
}
ul.sociallinks li a.deviantart {
background:#4e6252 url(../waipoua/images/socialicons.png) -518px 0 no-repeat;
}
ul.sociallinks li a.squidoo {
background:#EB572B url(../waipoua/images/socialicons.png) -555px 0 no-repeat;
}
ul.sociallinks li a.slideshare {
background:#0378C8 url(../waipoua/images/socialicons.png) -592px 0 no-repeat;
}
ul.sociallinks li a.lastfm {
background:#c3000d url(../waipoua/images/socialicons.png) -629px 0 no-repeat;
}
ul.sociallinks li a.grooveshark {
background:#f77f00 url(../waipoua/images/socialicons.png) -666px 0 no-repeat;
}
ul.sociallinks li a.soundcloud {
background:#ff7700 url(../waipoua/images/socialicons.png) -703px 0 no-repeat;
}
ul.sociallinks li a.foursquare {
background:#25a0ca url(../waipoua/images/socialicons.png) -740px 0 no-repeat;
}
ul.sociallinks li a.github {
background:#4183C4 url(../waipoua/images/socialicons.png) -777px 0 no-repeat;
}
ul.sociallinks li a.linkedin {
background:#0e76a8 url(../waipoua/images/socialicons.png) -814px 0 no-repeat;
}
ul.sociallinks li a.xing {
background:#006062 url(../waipoua/images/socialicons.png) -851px 0 no-repeat;
}
ul.sociallinks li a.wordpress {
background:#21759b url(../waipoua/images/socialicons.png) -888px 0 no-repeat;
}
ul.sociallinks li a.tumblr {
background:#34526f url(../waipoua/images/socialicons.png) -925px 0 no-repeat;
}
ul.sociallinks li a.rss {
background:#ee802f url(../waipoua/images/socialicons.png) -962px 0 no-repeat;
}
ul.sociallinks li a.rsscomments {
background:#ee802f url(../waipoua/images/socialicons.png) -999px 0 no-repeat;
}
/*-----------------------------------------------------------------------------------*/
/* Retina Display optimized Images
/*-----------------------------------------------------------------------------------*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#site-nav-wrap a#mobile-menu-btn {
background: url(../waipoua/images/x2/menu-icon.png) 40px 12px no-repeat;
-webkit-background-size: 35px 22px;
}
#site-nav-wrap a#home-btn {
background: url(../waipoua/images/x2/home-icon.png) 0 21px no-repeat;
-webkit-background-size: 20px 20px;
}
#site-nav-container #s {
background:#E7E7E6 url(../waipoua/images/x2/search-grey.png) 10px 14px no-repeat;
-webkit-background-size: 18px 18px;
}
#site-nav-container #s:focus {
background:#E7E7E6 url(../waipoua/images/x2/search-grey.png) 10px 14px no-repeat;
-webkit-background-size: 18px 18px;
}
.widget_search #s {
background:#fff url(../waipoua/images/x2/search-lightgrey.png) 8px 10px no-repeat;
-webkit-background-size: 18px 18px;
}
.entry-meta a.share-btn {
background:#F55243 url(../waipoua/images/x2/share-icon.png) 7px 5px no-repeat;
-webkit-background-size: 15px 12px;
}
.entry-meta a.share-btn:hover {
background:#909090 url(../waipoua/images/x2/share-icon.png) 7px 5px no-repeat;
-webkit-background-size: 15px 12px;
}
ul.sociallinks li a.twitter {
background:#00a0d1 url(../waipoua/images/x2/twitter.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.facebook {
background:#3B5998 url(../waipoua/images/x2/facebook.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.googleplus {
background:#db4a39 url(../waipoua/images/x2/googleplus.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.flickr {
background:#FE0184 url(../waipoua/images/x2/flickr.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.instagram {
background:#3F729B url(../waipoua/images/x2/instagram.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.picasa {
background:#9C5AB7 url(../waipoua/images/x2/picasa.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.fivehundredpx {
background:#00A3DE url(../waipoua/images/x2/fivehundredpx.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.youtube {
background:#c4302b url(../waipoua/images/x2/youtube.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.vimeo {
background:#44BBFF url(../waipoua/images/x2/vimeo.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.dribbble {
background:#ea4c89 url(../waipoua/images/x2/dribbble.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.ffffound {
background:#FF009C url(../waipoua/images/x2/ffffound.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.pinterest {
background:#CB2027 url(../waipoua/images/x2/pinterest.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.zootool {
background:#909090 url(../waipoua/images/x2/zootool.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.behance {
background:#053eff url(../waipoua/images/x2/behance.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.deviantart {
background:#4e6252 url(../waipoua/images/x2/deviantart.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.squidoo {
background:#EB572B url(../waipoua/images/x2/squidoo.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.slideshare {
background:#0378C8 url(../waipoua/images/x2/slideshare.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.lastfm {
background:#c3000d url(../waipoua/images/x2/lastfm.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.grooveshark {
background:#f77f00 url(../waipoua/images/x2/grooveshark.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.soundcloud {
background:#ff7700 url(../waipoua/images/x2/soundcloud.png) 0 0 no-repeat;
-webkit-background-size: 35px 35px;
}
ul.sociallinks li a.foursquare {
background:#25a0ca url(../waipoua/images/x2/foursquare.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.github {
background:#4183C4 url(../waipoua/images/x2/github.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.linkedin {
background:#0e76a8 url(../waipoua/images/x2/linkedin.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.xing {
background:#006062 url(../waipoua/images/x2/xing.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.wordpress {
background:#21759b url(../waipoua/images/x2/wordpress.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.tumblr {
background:#34526f url(../waipoua/images/x2/tumblr.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.rss {
background:#ee802f url(../waipoua/images/x2/rss.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
ul.sociallinks li a.rsscomments {
background:#ee802f url(../waipoua/images/x2/rsscomments.png) 0 0 no-repeat;
-webkit-background-size: 37px 37px;
}
}