実験だったり、備忘録だったり、脳外ストレージ。WordPress風邪引きました。息子からありがたく頂戴したようです。昨日から娘もコホコホ言い始めました。妻よ、支えはあなただけです。なんとか持ちこたえてくれい。ソーシャルボタンを設置するWordPressってのは大変便利なもので、ブログユースで一般的に望まれるような機能はだいたいプラグインが用意されています。いうか、用意してくれる素敵な方が存在します。実際このソーシャルボタンを設置するプラグインもありまして、それを使えばものの10分もあれば設置できちゃいます。手っ取り早く設置したい場合はこちらをお使いになると良いでしょう。Pluginsまさかの手作業をしたい人は僕も上記プラグインをしばらく使わせて頂いてたのですが、もう少し大きなボタンの方がいいかなぁと思い、その辺の細かい設定が可能な手作業による設置をしてみました。各SNSのサイトで幾つかの選択や設定後に生成されるソースを自分のWordPressテーマファイルに貼り付ければOK。各SNSのソースは下記ページで生成します。Developersはてなブックマークボタンの作成・設置について設置作業の詳細については詳しく解説してくれているブログもありましたのでそちらをご覧ください。ぷろめし|プログラミングよりも飯が好きこれだとアレなので少し追加しますメインの設置方法を自分で書かずに本当にごめんなさいなので、少しだけプラスアルファします。上記サイトを参考にしながら各SNSで無事にソースを生成し、WordPressに設置できたと思います。すると、こんな感じになりました。いいじゃないですか、ちゃんと設置できましたね。...あれ、なんかずれてる。僕だけかな?僕のCSSのせいかな?SNS側のソースのせいかな?ちょっと気持ち悪いな。A型の人はそわそわしちゃうな。いうわけでこれを直しておきましょう。手順1.WordPressに貼り付けた各SNSのソースをdivで括っておきます。divには任意のclass名を付けておきます。僕は”SocialButton”としています。2.CSSでそのclassにまとめて位置関係の指定をしましょう。今回僕が指定したCSSも載せておきますので、あとはご自分のテンプレートに合わせて数値を調整してくださいね。0;}もしボタンの後に続くコンテンツがレイアウト崩れを起こしているようであれば、上手くclearfixしてください(汗)。