InlineTweet.jsを使ってコンテンツにツイート可能なリンクを追加する

TechCrunchやMashableのような大規模サイトでは、この機能が多く見られるでしょう。記事を読んでいると、文全体が リンクのように強調表示.

それでも、クリックすると ツイートウィンドウを開く そのテキストスニペットをTwitterのフォロワーと共有するように依頼してください。それは素晴らしい方法です あなたのサイトへのトラフィックを促進する そしてより多くのソーシャルシェアを奨励する.

この効果をあなたのサイトに再現するには、 InlineTweet.js. この機能をページに追加することで、セットアップ時間を節約できます。.

この無料のJavaScriptプラグインはインストールがとても簡単で、それも持っています 無料のWordPressプラグイン あなたがそのルートを好む場合.

それ JavaScriptの依存関係は必要ありません, だからあなたはこのsans-jQueryを実行することができます.

すべてのコンテンツ作品 データ属性を通じて直接, あなたのコンテンツに基づいて、あなたはこれらを一つずつ設定するでしょう。当然のことながら、WordPressプラグインはこれをずっと簡単にするので、もっと制御したいのならこれは素晴らしい選択肢です。.

メインのスクリプトページには、 いくつかのコードスニペット これがどのように機能するかを示す.

あなたは、あなたのページにJSスクリプトを含めて、あなたのスタイルシートにいくつかのCSSをコピーする必要があります（3ブロックのみ）。そこから、できます HTMLコードを追加する このような：

  Lorem Khaled Ipsumは成功への大きな鍵です

の 必須項目のみ ここが一番上です データインラインツイート 属性。これが効果を働かせるために必要な唯一のものです, 他のすべてはオプションです.

しかし、これらの追加のオプションは違いがあります。 自動生成ツイートに機能を追加する：

セットアップが難しい場合がありますので、できればWordPressプラグインの使用をお勧めします。.

ただし、ツイートしたいテキストにコンテンツをコピーして貼り付けるだけでは、それほど悪くありません。そして無料のプラグインでは、これは非常に軽量です。.

デモページを覗いて、これが実際に動作していることを確認し、さらに詳しく知りたい場合はGitHubリポジトリを調べてください。.