WordPress記事

サイト表示関連

投稿記事・ページにHTML・JS・PHPコードを挿入できるプラグイン「Code Insert Manager」

「Code Insert Manager」は、記事の上や下にコードを挿入出来るプラグインで、この他にも固定ページやサイトのヘッダー、フッター等にコードを挿入でき、さらにショートコードも作成できます。 コードを挿入・除外の設定が細かくでき、ト...
WordPressテーマカスタマイズ

共有ボタン等のコードを別ファイルで管理してfunctions.phpを利用して記事毎に表示する方法

Wordpressで「Google+1」や「はてなブックマーク」等のボタンのコードを管理する別ファイルを作成して、そこでボタンのコードを管理しながら、記事・ページでボタンを表示することができます。 1つのファイルでボタンのコードを管理しなが...
WordPressテーマカスタマイズ

共有ボタンなどのコードをfunctions.phpで設定して記事毎に表示する方法

共有ボタンなど記事に表示するには、content.php等のテンプレートに直接コードを書く方法もありますが、WordPressのテーマにあるfunctions.phpファイルに設定する方法でも共有ボタンを記事に表示することができます。 その...
WordPressテーマカスタマイズ

Twitter、Google+1、はてなブックマークボタンのカウント数をボタン上にする方法

表現の方法が分かりませんけれど、Twitterやはてなブックーマークなどでは、下の画像にあるようにボタンの上にカウントした数字を表示することができます。 Tweet Buttonのカウント数を上にする方法 Tweetボタンのカウントボックス...
WordPressテーマカスタマイズ

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

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

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

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

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

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