会員制記事の購読をご希望されるお客様はコチラより
ログインまたは会員登録してください。

パスワードをお忘れの方はコチラ

新規登録はコチラ

 


wordpressにまとめてソーシャルメディア投稿ボタンを設置する方法

2010 年 11 月 19 日 投稿者: 木村 健一

411 Staff Articleの記事でも使っています!!まとめてソーシャルメディアボタンを貼れるプラグイン




NINXIT-BLOGさんが公開している、「WP Social Bookmarking Light」というプラグインを411 Staff Articleでは設置してます。対応するウェブサービスも多く、デザインもシンプルで大きすぎす、良いなと思ったので選びました。
詳しくは、NINXIT-BLOGさんのサイトをご覧になって下さい。 http://www.ninxit.com/blog/2010/06/13/wp-social-bookmarking-light/
■プラグインをインストールはこちら
http://wordpress.org/extend/plugins/wp-social-bookmarking-light/

【設定について】

wordpress側で、プラグインをインストール、有効化してから、設定画面を開きます。




■「Position」:
記事内のどこに投稿ボタンを設置するのか、「top , bottom」の中から選択できます。「None」を選択すると表示されなくなります。

■「Is Singular」:
投稿記事に対して、投稿ボタンを表示したい場合は、「Enabled」を選択して下さい。

■「Is Page」:
ページに対して、投稿ボタンを表示したい場合は、「Enabled」を選択して下さい。

■「Services」:
投稿ボタンをつけたいサービスを下のリストから選び、リスト内に書いてある「Service Code」をカンマ「,」区切りで入力します。

私が設置した時点(2010年11月19日時点)では、一部サービス(「hatena_users」)で画像が表示されず、利用できない状態でした。

投稿ボタンをもっと任意の場所に表示させたい!

投稿ボタンの場所については、上でもご説明した通り、設定画面一般設定の「Position」より、記事内の「top」か「bottom」のどちらかの選択になってしまいます。
例えば、タイトルの下に表示したい、投稿者名の横に表示したいなど独自の配置を行いたい場合、以下を参考にしてみてください。 (※あくまでも参考程度にお願い致します。問題が生じた場合、当社での責任は負いかねます。自己責任で行ってください。)

プラグインを一部カスタマイズします。


編集は自己責任で行ってください。
  1. プラグインをインストール後、サイドメニューのプラグインをクリックし、「WP Social Bookmarking Light」項目にある「編集」をクリックします。
  2. プラグインファイル「wp-social-bookmarking-light/wp-social-bookmarking-light.php」を編集します。
    function wp_social_bookmarking_light_init()
    {
        add_action( 'wp_head', 'wp_social_bookmarking_light_wp_head' );
        add_action( 'admin_menu', 'wp_social_bookmarking_light_admin_menu' );
        add_filter( 'the_content', 'wp_social_bookmarking_light_the_content' );
    }

    に記載されている部分、「the_content」というフック名を「the_author_」に書き換えます。
    add_filter( 'the_author_', 'wp_social_bookmarking_light_the_content' );

    終わりましたら「ファイルの更新」を押して更新します。
  3. サイドメニューの「外観」⇒「テーマの編集」⇒「単一記事の投稿(single.php)」ファイルを選択し、編集します。
    任意で設置したい部分に
    <?php the_author_meta() ?>
    を入れてください。
    411 Staff Articleの記事では、投稿者アイコンのとなりに投稿ボタンを設置しましたので下のような形にしました。
    <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
      <small>
        <?php the_time(__('F jS, Y', '411')) ?>  投稿者: <?php the_eccube_authre_link( get_the_author_meta('login'), get_the_author() ) ?><?php the_author_meta() ?>
      </small>
    </div>
    
これで、任意の場所に投稿ボタンを設置ができます。
デザインを一部変更したいという場合、スタイルシートは、プラグインファイルの「wp-social-bookmarking-light/wp-social-bookmarking-light.php」に記載されていますので、変更してみてください。



コメントフォーム

コメントを投稿するにはログインしてください。

トラックバックとピンバック

  1. [...] This post was mentioned on Twitter by horimayu, 井上 晋助. 井上 晋助 said: フォー・ワン・ファースト / wordpressにまとめてソーシャルメディア投稿ボタンを設置する方法 http://t.co/2IE18Mx [...]

トラックバック URL

おススメ記事