忍者ブログ

えいりあす

日本語 ハッシュタグ の ツイートボタン を Smarty で表示

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

コメント

ただいまコメントを受けつけておりません。

日本語 ハッシュタグ の ツイートボタン を Smarty で表示

twitterボタンのハッシュタグに日本語が含まれていると、
smartyテンプレートでうまくボタンが表示されなかった。。。
その対応方法をめも

1.ツイッターのaタグ部分を変数に代入

ツイッターボタンのaタグを変数に代入します。
その際に、classとdata-hashtagsがhref要素よりも前に来るようにしてください!
そして忘れずにassign!

$twitterButton = '<a class="twitter-share-button" data-hashtags="日本語ハッシュ" href="https://twitter.com/share">Tweet</a>';

$smarty->assign('twitter', $twitterButton);

2.表示する際にHTMLエスケープさせない

テンプレート内でツイッターボタンを表示させたい部分で、
1.で定義したaタグを表示させる。その際にnofilterを指定します。

{$twitter nofilter}

3.javascript部分を{literal}タグで囲む

テンプレート内でツイッターボタンのjavascriptの記述を、
下記のように{literal}タグで囲んで書きます。

{literal}

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
{/literal}


以上の手順で無事、日本語のハッシュタグを使ったツイートボタンを表示できました!
なぜだか1.をやらないとツイートボタンにならない・・・なせだー

拍手[0回]

コメント

プロフィール

HN:
忘れ傘
性別:
男性
自己紹介:
Linux初心者
知識が浅すぎるので勉強中
あっぷろーだ:wasuregasa
ついったー:@__TIMESTAMP__

P R

最新コメント

[03/27 NONAME]
[03/26 ぽん]
[03/26 ぽん]
[03/17 ぽん]
[03/05 通りすがりのR]