Tumblrのブログにソーシャルメディアボタンを入れる方法

01/01

Tumblrのブログを作成するにはサインアップする

Tumblrのブログをまだ作成していない場合は、まずTumblr.comにアクセスして、あなたのメールアドレス、パスワード、希望のブログURLを入力するように求められます。

Tumblrアカウントをお持ちの方は、特定のブログ投稿の「好き」ボタンや「Reblog」ボタンを押すことで、他のユーザーとコンテンツを共有できます。 これらの内蔵ボタンにより、誰でもTumblrネットワークの仮想壁内でコンテンツを共有できます。 Facebook 、 Twitter 、Google+、StumbleUponなどの主要なソーシャルメディアサイトでコンテンツを共有する柔軟性はありません。

Tumblrのブログに共有ボタンを追加したい場合は、コピーしてTumblrのブログテンプレートにコードを貼り付ける必要があります。 テーマのHTMLドキュメントの右側のセクションにコードを1つだけ追加すると、以前に公開された各ブログ投稿と今後のすべてのブログ記事の下にソーシャルメディアボタンが自動的に配置されます。

02の07

ソーシャルメディアボタンを選択する

ブログに配置する最も一般的なソーシャルメディアボタンにはFacebookの「Like」ボタンと公式のTwitter「Tweet」ボタンがありますが、Diggボタン、Redditボタン、StumbleUponボタン、Google+ボタン、 Deliciousボタンまたは他のソーシャルメディアボタンを選択してください。

あなたのブログにはあまりにも多くのボタンを含めることを避けてください。あなたの投稿の見た目が乱雑になり、あなたのコンテンツを共有したいかもしれない読者に混乱を招く可能性があります。 各ブログ記事の下に最大5つまたは6つのソーシャルメディアボタンを配置することを検討してください。

03/07

各ボタンのコードを検索してカスタマイズする

ほとんどのソーシャルネットワークには、ブログやウェブサイトに自分の共有ボタンをインストールしてカスタマイズする方法をユーザーに示すための特別なページがあります。 探しているものを見つけるのが難しい場合は、希望の検索エンジンに「[ソーシャルネットワーク名]ボタンコード」と入力して[ソーシャルネットワーク名]をサイト名に置き換えてみてください。 たとえば、「Twitterボタンコード」を検索すると、最初に表示される結果の1つは、Twitter Webサイトの公式のTweetボタンページでなければなりません。

一部のソーシャルネットワークでは、ボタンサイズの変更、追加タイトルテキスト、 URL構造 、共有数オプション、言語設定など、ボタンのカスタマイズを行うことができます。 すべてのソーシャルネットワークにカスタマイズ可能なボタンの作成が含まれているわけではありませんが、コードのスニペットは設定方法に応じて変更されます。

04/07

Tumblrのテーマ文書にアクセスする

Tumblrのダッシュボードには、ヘッダーに「Theme」という名前のオプションがあり、クリックするとテーマコードが表示されます。 クリックした直後に表示されるコードが表示されない場合は、ウィンドウの下部にある[カスタムHTMLを使用]ボタンをクリックします。

HTML、PHP、JavaScriptおよび他のコンピュータコードの操作に経験の浅い人は、このセクションを見て怖いかもしれません。 重要なことは、新しいコードをまったく書くことがないということです。 テーマコードの中にボタンコードを配置するだけです。

05/07

テーマ文書を検索する

唯一のコード行は、 {/ block：Posts}という行があります。これはブログ投稿の終わりを表します。通常、Tumblrテーマに応じて、テーマドキュメントの下部に表示されます使っている。 このコード行をブラウズするだけでこのコード行が見つからない場合は、 Ctrl + Fファインダー機能を使用してみてください。

キーボードのコントロールボタンと文字 "F"ボタンを同時に押すと、ファインダー入力が表示されます。 「{/ブロック：投稿}」と入力して検索を実行すると、コード行をすばやく見つけることができます。

• 任意のウェブサイトにFacebookのようなボタンを追加する方法

07年6月

テーマコードにボタンコードを貼り付ける

作成したカスタマイズされたボタンコードをコピーし、 {/ block：Posts}というコード行の直前に貼り付けます。 これは、すべての単一のブログ投稿の最下部にソーシャルメディアボタンを表示するようにブログテーマに指示します。

07/07

あなたのTumblrのブログをテストする

あなたは楽しい部分にそれを作った。 あなたのテーマ文書の中にボタンコードが正しく配置されていれば、あなたのTumblrのブログはあなたが選んだ共有ボタンを個々の投稿の一番下に表示するはずです。 それらをクリックすると、他のソーシャルメディアネットワーク上のTumblrの投稿を簡単に共有できます。

ヒント：

• ブログテーマを新しいテーマに変更するたびに、テーマコードの中にボタンコードを貼り付けます。 テーマを変更しても、以前に貼り付けられたコードは新しいテーマドキュメントには転送されません。
• ブログに複数のソーシャルメディアボタンを配置するときは、ボタンコードの2つの異なるスニペットの間にスペースや改行がないことを確認してください。 これにより、異なる行に垂直に表示されるのではなく、複数のボタンが互いに横に横に表示されます。