WordPressにソーシャルネットワークボタンを追加する。 番外編

2011.05.17 Tue

「WordPressにソーシャルネットワークボタンを追加する。」で紹介したソーシャルネットワークボタン、ソーシャルブックマークボタンをWordPressに追加するプラグイン『WP Social Bookmarking Light』の「ツイートする」ボタンはデフォルトでは記事タイトル、短縮URL、viaをツイートするようになっていますが、記事タイトルの後ろにブログタイトルを追加したいと思ってちょっとプラグインの中身を変えてみました。

services.phpの中に下記のような「ツイートする」ボタンについての記述があります。

/**
* @brief twitter
*/
function twitter()
{
  $options = wp_social_bookmarking_light_options();
  $twitter = $options['twitter'];
  $width = $twitter['width'] != '' ? $twitter['width'] : '120';
  $height = $twitter['height'] != '' ? $twitter['height'] : '20';
  return $this->link_raw('<iframe allowtransparency="true" frameborder="0" scrolling="no"'
    .' src="http://platform.twitter.com/widgets/tweet_button.html'
    .'?url='.$this->encode_url
    .'&amp;text='.$this->encode_title
    .($twitter['via'] != '' ? '&amp;via='.$twitter['via'] : '')
    .'&amp;lang='.$twitter['lang']
    .'&amp;count='.$twitter['count']
    .'"'
    .' style="width:'.$width.'px; height:'.$twitter['height'].'px;">'
    .'</iframe>');
}

これを解読してみると、「.’&amp;text=’.$this->encode_title」のあとに入れればいいことがわかったので、下記のようにブログタイトルを加えました。わかりにくいですが、太字で「.’ – dakkie blog’」って書いてあります。

/**
* @brief twitter
*/
function twitter()
{
  $options = wp_social_bookmarking_light_options();
  $twitter = $options['twitter'];
  $width = $twitter['width'] != '' ? $twitter['width'] : '120';
  $height = $twitter['height'] != '' ? $twitter['height'] : '20';
  return $this->link_raw('<iframe allowtransparency="true" frameborder="0" scrolling="no"'
    .' src="http://platform.twitter.com/widgets/tweet_button.html'
    .'?url='.$this->encode_url
    .'&amp;text='.$this->encode_title
    .' - dakkie blog'
    .($twitter['via'] != '' ? '&amp;via='.$twitter['via'] : '')
    .'&amp;lang='.$twitter['lang']
    .'&amp;count='.$twitter['count']
    .'"'
    .' style="width:'.$width.'px; height:'.$twitter['height'].'px;">'
    .'</iframe>');
}

これで記事タイトルの後ろにブログタイトルが追加されました。
ただこの方法はプラグインの中身を直接変えてるので、プラグインを更新してしまうと元に戻ってしまいます。何か別の方法はないですかね。


WordPressにソーシャルネットワークボタンを追加する。

2011.05.12 Thu

ブログの記事をTwitterやFacebookといったSNS(ソーシャル・ネットワーキング・サービス)、はてなブックマークやDeliciousといったSBM(ソーシャル・ブックマーク)で共有するためのソーシャルネットワークボタン、ソーシャルブックマークボタンをWordPressに追加するプラグイン『WP Social Bookmarking Light』があります。

このプラグインをインストールして、WordPressの管理画面にある「設定」から「WP Social Bookmarking Light」をクリックすると、上の画像のような設定画面があらわれます。

位置
ソーシャルネットワークボタンを追加する位置がWordPressで記事の内容を表示するテンプレートタグである<?php the_content(); ?>の「Top」なのか「Bottom」なのかを選択します。

個別ページのみ
個別ページ、つまりsingle.phpのみにソーシャルネットワークボタンを追加する場合は「Enabled」を選択して、トップページやカテゴリーページ、アーカイブページにも追加する場合は「Disabled」を選択します。

ページ
固定ページにソーシャルネットワークボタンを追加する場合は「Enabled」を選択して、追加しない場合は「Disabled」を選択します。

サービス
WordPressに追加するSNSやSBMを選択してドラッグ&ドロップします。

ソーシャルネットワークボタンのレイアウトに関してはCSSで調整してください。

このプラグインを使えば簡単にソーシャルネットワークボタンをWordPressに追加することができます。

WP Social Bookmarking Light
http://wordpress.org/extend/plugins/wp-social-bookmarking-light/


WordPressの投稿画面にクイックタグを追加する。

2011.04.21 Thu

投稿画面にはデフォルトで「<strong>」や「<a>」などのクイックタグが用意されているけど、独自にタグを追加したい時に手打ちするというのは面倒です。

そこでWordPressの投稿画面にクイックタグを追加できるプラグイン『AddQuicktag』があります。

このプラグインをインストールして、WordPressの管理画面にある「設定」から「AddQuicktag」をクリックすると、上の画像のような設定画面があらわれます。

ラベル名
クイックタグに表示する名前

Title Attribute(タイトル属性)※
クイックタグをマウスオーバーした時に表示するテキスト

開始タグ
HTMLタグの開始タグ

終了タグ
HTMLタグの終了タグ

※Title Attribute(タイトル属性)は空でも良いので今回は省略します。ただ空にするとマウスオーバーした時に数字が表示されます。

1.HTMLタグを追加する。

例えば「h3」をクイックタグに追加したい時は、ラベル名に「h3」、開始タグに「<h3>」、終了タグに「</h3>」と入力します。すると「タグを閉じる」の隣に「h3」というクイックタグが追加されるのです。

2.id属性やclass属性を付ける。

id属性やclass属性を付けるようなクイックタグを追加することもできます。
例えば、下記のコードのようなclass属性を開始タグに入力するだけです。

class="blue"

id属性やclass属性の前に半角スペースを入れて登録しておくと、いちいち半角スペースを入れる手間が省けるので使う時に便利です。

また、下記のコードのようなtarget属性に加え、alt属性やtitle属性といったものも開始タグに入力して登録することができます。

target="_blank"

さらには、下記のコードのような定型文を開始タグに入力して登録することもできます。

<h3>見出し</h3>
<p>テキスト</p>

このプラグインはとっても便利なので、ぜひ使ってみてください。記事を書くのが楽になると思います。

AddQuicktag
http://wordpress.org/extend/plugins/addquicktag/


page 1 of 212