StumbleUponの使い方からその魅力を紹介StumbleUponの始め方から使い方、その魅力を日本語で紹介する情報ブログ。世界の「旬」がここにあります。commentsTweet備忘録です。お話はWordPress。わからない方も多いと思いますが、必要な方にはかなり必要なポストだと思います。WordPressには便利なプラグインが沢山ありますね。今回はソーシャルボタンを記事内ページトップに表示させたかったんですが、プラグインだとどうも、テーマで設定されているアイキャッチ画像とトラブってうまく表示されませんでした。Lightというとっても便利なプラグインを使用させて頂いていました。Any」を使用しています。どちらもとても便利なプラグインです。Lightの解説が見れます。↓[WordPress]Twitter,Facebook,はてなブックマーク,Evernote,Instapapreに対応している神Plugin。今回、私は見出し画像と、ソーシャルボタンを共存させるために、タイトル下の、投稿日などのメタ情報が載っているところに表示をさせようと決断。今回はそれまでの備忘録として、WordPressにプラグインを使用せずソーシャルボタンを設置する方法を紹介してみたいと思います。1まずは、ソーシャルボタンを取ってくる。ソーシャルボタンを取得しましょう。Twitterはhttp://twitter.com/goodies/tweetbuttonこちらから公式のソーシャルボタンを取得できます。好きなボタンも自分で選ぶことが出来て良いですね!好きなボタンを選んで、下で自分のアカウントを設定しましょう。*Twitterはindex(トップ)にある記事に表示されると、トップページにリンクが貼ってしまうというかなりやっかいなことが起こります。そんな時は2をご覧ください。はてなブックマークはhttp://b.hatena.ne.jp/guide/bbuttonこちらから。使いやすくなりました!とのこと。2ソーシャルボタンを貼りつけアドレスを取得したら、任意の場所に貼り付けましょう。この時に注意が必要です。Twitterはindex(トップ)にある記事に表示されると、トップページにリンクが貼られてしまいます。私は以下のように書き換えて貼りつけています。src="http://platform.twitter.com/widgets.js"></script>このように書き換えて入力すると、indexからも記事のツイートをすることが可能です。http://labs.techfirm.co.jp/ipad/cho/1190ついでにはてなブックマークボタンのコードも書いておきます。async="async"></script>これを任意の箇所に設置すればOK!あとはなんだかんだで、配置法がめんどくさかったりします。3CSSで見やすくする。なんだかんだでこの作業が一番大変。今回私は今までのメタデータを左に。ソーシャルボタンを右に設置したいと考えていました。class="postmeta-social">Twitter、はてなブックマーク、ソーシャルボタン</div></div>として、CSSでスタイル編集をかけました。styleを編集する時、役立ったのが、positonの設定です。postmeta-primaryには、relative。postmeta-socialにはabsoluteで場所の指定をつけて、設置。初めはどうしても段落が入ってしまって、うまくいかなかったのですが、どうにか、position設定でうまくいきました(IEだとちょっと変になるのは許して・・・)。WordPressって探せば何だってプラグインにあるし本当に素晴らしいなと思い、だけど、細かいところはやっぱり自分で編集していかなきゃいけないんだなと思う今日この頃でしたとさ。More夢のようなインターネットサーフィンを可能にする、StumbleUponとは何か。使い方からその魅力を紹介するブログ。StumbleUponから世界の「旬」で「HOT」な最新情報を紹介します。興味を持っていただけたら、ツイッターやRSSなどで情報を随時配信していますので、もしよろしければこのブログをフォローしてくださると幸いです。僕達仲良し!仲良く友達になってしまった、犬とヒョウよもやCGと誤解する!パリのストリートダンサーがすごすぎる。Sudoku』よもやCGと誤解する!パリのストリートダンサーがすごすぎる。