【freo】記事にtwitter投稿ボタンを入れる方法【Tips】

よくブログでtwitterへの投稿ボタンを見かけますが、それの方法でも書いておこうかと思います。

(当ブログの記事左下付近にあるやつです)

  • category
  • default
  • page
  • view

上記の各テンプレートファイルの任意の位置に下記のコードを記述。

※一箇所、各ユーザーに変更していただく部分があるのでお忘れなく

<a href="https://twitter.com/share" class="twitter-share-button" data-url="{$freo.core.http_file}{if $page.id}/{$page.id}{elseif $entry.code}/view/{$entry.code}{else}/view/{$entry.id}{/if}" data-text="{if $page.title}{$page.title}{else}{$entry.title}{/if}" data-lang="ja" data-via="<span class="font_blue">ツイッターのアカウント名</span>" data-dnt="true">ツイート</a>

header.htmlのhead内に

{literal} <script type="text/javascript"> <!-- !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); // --> </script> {/literal}

ちなみにこちらからでも同じスクリプトは制作出来ます。

その場合、下記のように記入すればたぶん行けます。

URLを共有 {$freo.core.http_file}{if $page.id}/{$page.id}{elseif $entry.code}/view/{$entry.code}{else}/view/{$entry.id}
ツイート内 テキスト {if $page.title}{$page.title}{else}{$entry.title}

@アカウント名を入れない

"@アカウント名さんから"をツイート内容に入れたくない場合は上記のdata-via=""部分を削除すれば消えます。

@アカウント名さんからという表記を変更する

例えばRT @アカウント名: タイトル URLのように非公式RTのようにしたい場合は上記のdata-via部分を消し、data-text内の最初にRT @アカウント名: を入れる

コメント
※コメントは承認制となっていますので、コメントを頂いても直ぐには表示されません。
※不適切な内容(スパムや悪意ある内容等)のコメントは公開されませんので、ご了承ください。
※返信が必要な場合などでコメントの公開を通知されたい場合はメールアドレスの入力をお願いします。
名もなき名無しさん
メールアドレス(例:コメントの公開通知が欲しい場合)
内容