Twitterのツイートボタン設置方法やタグのメモ

  • このエントリーをはてなブックマークに追加
  • 0
ソーシャルメディア

WordPress にツイートボタンを設置する方法をメモしておきます。

WordPressへTwitterのツイートボタンを設置する方法

単純にタグを貼るだけなので簡単です。

こちらのページでタグは取得できます。

取得したボタンのタグはこんな感じです。

日本語で、サイズは大です。

ツイートボタンのツイート数の吹き出しを右横から上に表示させる方法

ぼくが前に見た時はツイートボタンの設定を行う際に、デザインを何種類か選ぶ事ができ、その中に以下のようなツイート数の吹き出しが上に表示されるボタンがありましたが、現在はデフォルトでは選べないようですね。

ツイートボタン(大・上)


このデザインにしたい

でもクライアントさんが上に表示されているボタンがいいと仰ってたので、レイアウトを変えてみました。

【 data-count=”vertical” 】を追記すれば、ツイート数の吹き出しが上に表示されるようになります。後はツイートボタンを表示させたい場所に、上記のコードをコピペすれば OK です。

では WordPress の数ある PHP テンプレートの中の、どこに書けばいいのか?? Twenty Eleven に関してということになりますが、だいたい以下の4つのファイルに書き込めばいいと思います。

  • content-page.php
  • content-single.php
  • content.php
  • comments.php

多くの場合、記事の最初か記事の最後、もしくはその両方に表示させたいと思っているかと思いますので、どこに表示させるかで設置位置が変わってきます。

詳しくはこちらの記事にまとめましたので、ご覧ください。

どこに「いいね!」ボタンなどのソーシャルプラグインのタグを埋め込めばいいのか?
「いいね!」ボタンの設置方法をメモしようと思って、前回の記事を途中まで書いたのがもう 2 ヶ月くらい前の話・・・。ずいぶん間が空いてしまったよ・・・。 悪い癖が出てしまった。 設置の仕方に関して前回の続きから書いていきたいと思います。 【 手順 】 Facebookのデベロッパー(開発者)として登録してアプリ...
  • このエントリーをはてなブックマークに追加

無料メール講座

WordPress を活用している
社長、フリーランス、ウェブマーケターのための

ホームページ制作の 3 つの間違い
売上を上げるフレームワークを無料公開中……

無料メール講座

もっと楽に、簡単にホームページを作れないものだろうか?
もっと楽に、簡単にインターネットから集客できないものだろうか?
もっと楽に、簡単にインターネットから売上を上げられないものだろうか?

そんなことを思ったことがある方のために、このページを用意しました。

私たちは、ウェブマーケティングに携わる中で、多くの人が陥っているある「勘違い」に気づきました。

その勘違いとは・・・

コメントをどうぞ

メールアドレスが公開されることはありません。