CSS

WordPressテーマカスタマイズ

共有・ソーシャルボタンの横幅を調整して横一列に並べる方法(CSS)

Twitterやはてブ等のボタンを横一列に並べて表示する方法について、Twitter、はてブ、Google+1ボタンの横幅を調整して横一列に並べる方法(CSS3)に書きましたが、CSS3がサポートされていないブラウザもあるのでCSSで設定す...
WordPressテーマカスタマイズ

Twitter、はてブ、Google+1ボタンの横幅を調整して横一列に並べる方法(CSS3)

基本的には、Twitterのボタン、はてなブックマークのボタンなどの取得したコードをそのままHTML・PHPファイルに張り付けるだけで共有・ソーシャル系ボタンは横一列に並びます。 しかし、色々なボタンが出てくる中で使うボタンによっては、幅や...
WordPressテーマカスタマイズ

Twitter、はてなブックマークの横幅を設定する方法(CSS)

「Twitter」や「はてなブックマーク」のボタンをサイトに設置すると、Twitterのボタンの右側に広い余白ができ、また、「はてなブックマーク」ボタンの横は狭い余白ができ、それぞれのボタンで意図しない幅が設定されてしまいます。 ボタンの幅...
WordPressテーマカスタマイズ

「Twenty Twelve」でFacebookやTwitterのiframeにマージンが設定されること

Facebookボタンをサイトに表示すると、ボタンの下に余白ができてしまうので原因を探ると、WordPressのTwenty Twelveテーマでは、iframeに対してmargin-bottomが設定されていて、それが原因でFaceboo...
WordPressテーマカスタマイズ

Firefoxで画像が無いときのレイアウトを維持して表示する方法

アイキャッチ画像がないときにレイアウトを維持、また画像を表示方法で、アイキャッチ画像表示について書いたのですが、Firefoxに関して、imgのsrcに代替画像のURLを設定しないとFirefoxではimgタグを表示しないのでレイアウトが崩...