Wie ihr sicher bereits schon gelesen habt hat Twitter nun ihren eigenen (offiziellen) Tweet-Button veröffentlicht.
Nun kam bei mir die folgende Frage auf: Wo soll ich den Facebook– sowie den Twitter-Button denn nun am besten platzieren?
Carsten meinte zwischen Beitrag und Kommentaren und Patrick rechts unter dem Beitrags-Titel.
Nun habe ich lange überlegt und eine (eventuell bessere?) Möglichkeit gefunden. Die Buttons werden nun links neben dem Content auf Scroll-Höhe angezeigt.
Dies hat vor allem den Vorteil, dass die Buttons immer sichtbar sind. Ob man sich nun am Anfang oder am Ende des Beitrags befindet.
Ein Problem, welches ich noch lösen muss: Wenn jemand eine Auflösung kleiner wie 1280x1024 hat (beispielweise Netbook) werden die Buttons vom Content verdeckt.
Wie habe ich die Buttons an dieser Position platziert?
Dazu habe ich in meinen CSS Code-Snipets eine Möglichkeit gefunden die Buttons immer auf Scroll-Höhe anzeigen zu lassen.
Für die Anzeige muss die style.css sowie auch die footer.php im WordPress Theme-Verzeichnis angepasst werden.
style.css
Folgenden Code, bestenfalls am Schluss der Datei anfügen. Gegeben falls die Position mit top/left noch anpassen, wenn es nicht gefällt.
.ScrollButtons {
display:scroll;
position:fixed;
top:80%;
left:20px;
}
footer.php
Folgenden Code vor dem schließenden Body-Tag (</body>) anfügen. Damit werden die Buttons zugleich nur in einzelnen Beiträgen (single.php) und nicht auch auf der Startseite angezeigt.
<?php if(is_single()) { ?>
<p class="ScrollButtons">
Hier die Image Tags für eure Buttons anfügen!
</p>
<?php } ?>
Was meint ihr zu meiner Idee? Hat eventuell auch jemand eine Lösung/Idee für das “Netbook-Problem”?
Super! Danke! Habs gleich eingebaut.
Hey toller Tipp, gibt es vielleicht noch ein paar weitere Buttons, oder nur die zwei?
Ich verstehe deine Frage nicht ganz. Du kannst dort dann natürlich selber entscheiden, was du in dem Bereich einbaust.
Hallo Jeffrey,
meine Frage ziehlte auf die Art der Buttons, dass es da vielleicht noch andere gäbe! Aber ich habe gestern abend bereits selbst gesucht und habe keine gefunden!
Aber danke für den Hinweis, ich habe auf meiner Seite etwas ähnliches gemacht, nur mit andren Buttons! Und mittlerweile finde ich es bei mir einfach ein wenig viel, verstehst du? Deshalb meine Frage, ob es was Kleineres gäbe!
Gib der Klasse noch einen z-index, dann erscheinen die Buttons über dem Content bei kleinen Auflösungen.
.ScrollButtons {
display:scroll;
position:fixed;
top:80%;
left:20px;
z-index:500;
}
@Mac_BetH
Ich hatte früher auch mal mehr Buttons. Nun habe ich bis auf Twitter und Facebook alles gelöscht. Hat bei mir nichts gebracht.
@Marcel:
Danke für den Tipp! Das habe ich mir auch überlegt, aber dann würden die Netbook Benutzer Teile vom Content nicht mehr lesen können.
Aber ich glaube ich habe noch eine andere Idee. Mit PHP/JavaScript die Browser-Auflösung auslesen und die Buttons dann je nachdem platzieren.
Wo willst du die Buttons dann platzieren, wenn die Auflösung kleiner ist?
Ja, also mit js/jQuery lässt sich das leicht auslesen und entsprechend platzieren.
@Marcel:
Muss ich noch überlegen. Ich denke zwischen dem Beitrags-Text und den Kommentaren, wie ich das vorher hatte.
Hey irgendwie passt das nicht @Firefox 3.6.8
http://www.imagesup.de/bild-QTTabBar_Tabs_im_Windows_Explore.….foblog.htm
^^ wobei das Bild meinem Browserfenster entspricht.
@Flo:
Ich habe die Einstellungen nun nochmal ein wenig angepasst. Passt es nun?
Jup, hier sieht alles gut aus. Schau morgen nochmal im Geschäft und melde mich wenns nicht passt.
Scheint wohl so als hätte unser SysAdmin was gegen Facebook.