Skip to main content

ソーシャルメディアボタンを追加するTumblrのブログのチュートリアル

YouTube動画をIFTTT,FeedBurner,でFacebook,Twitter,tumblr,Blogger,Pinterestへ,cat25,4/5 (六月 2025)

YouTube動画をIFTTT,FeedBurner,でFacebook,Twitter,tumblr,Blogger,Pinterestへ,cat25,4/5 (六月 2025)
Anonim

Tumblrのアカウントを持つ人は誰でも、他のユーザーとコンテンツを共有できます。 好きなボタン また、Reblogボタン または 送信ボタン Tumblrダッシュボード内の特定のブログ記事に表示されます。

これらの組み込みボタンを使用すると、Tumblrネットワークの仮想壁内でコンテンツを共有できます。しかし、彼らはあなたにWebベースのTumblrブログからのコンテンツの共有の柔軟性を与えるものではありません(sat BlogName.Tumblr.com Facebook、Twitter、Google+などの他の主要なソーシャルメディアサイトでも利用できます。

Tumblrのブログに追加の共有ボタンを追加して、実際のブログのように見せたい場合は、Tumblrのブログテンプレートにコードをコピーして貼り付けることで、ボタン付きのプレミアムテーマを支払うか、自分で作業してください。

テーマのHTMLドキュメントの右側のセクションにコードを1つだけ追加すると、以前に公開された各ブログ投稿と今後のすべてのブログ記事の下にソーシャルメディアボタンが自動的に配置されます。

心配しないで、思ったよりも簡単です。それを行う方法は次のとおりです。

01/01

あなたのブログを作成したりアクセスしたりするにはTumblrアカウントにサインアップするかログインする

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

すでにアカウントとブログをお持ちの場合は、ログインしてください。

02の07

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

Tumblrのブログに貼りたいソーシャルネットワークの共有ボタンをGoogleで検索します。大部分のソーシャルネットワーク(すべてではないにしても)は、ソーシャルネットワークの設定方法を示す専用のヘルプページを持っています。

あなたの便宜のために、最も人気のあるソーシャルネットワークのいくつかの公式の共有ボタンページがあります:

  • 公式のFacebook Likeボタン
  • 公式Twitter Tweetボタン
  • 公式のLinkedIn Shareボタン
  • Google+の公式共有ボタン
  • 公式のPinterest保存ボタン

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

ブログにあまりにも多くのボタンを含めないようにしてください。投稿の外観が乱雑になり、あなたのコンテンツを共有したいかもしれない読者に混乱を招く可能性があります。

各ブログの投稿の下に最大5〜6個のソーシャルメディアボタンを配置することを検討してください。

03/07

ボタンのカスタマイズとコードの取得

必要に応じて、ソーシャルネットワークの共有ボタンページの指示に従ってボタンをカスタマイズします。終了したら、Tumblrのブログに必要な一連のコードを与える必要があります。

これをコピーして、空白の単語またはテキスト文書に貼り付けます。あなたが望むすべてのボタンのためにそれを行います。そうすれば、各ボタンのコードストリングを準備できます。

04/07

Tumblrのテーマコードにアクセスする

Tumblrのダッシュボードに戻ってください。クリック 人物アイコン 右上のメニューでOKをクリックします。 外観を編集する (複数のブログがある場合)対応するブログのドロップダウンメニューに表示されます。

次のページで、 テーマの編集ボタン。あなたのブログはスクリーンの右側のプレビューモードで左側のエディタで開きます。

クリック HTMLの編集 カスタムテーマのラベルの下にある左側のエディタでエディタが展開され、テーマのコードがすべて表示されます。

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

テーマコードの中にボタンコードを配置するだけです。テーマコードは、次のセクションで行う方法を示します。

05/07

あなたのテーマコードを通して検索する

コードの唯一の行は、次の行です。 {/ブロック:投稿}。

このブログ投稿の終わりを表していて、あなたが使っているTumblrのテーマに応じて、テーマ文書の一番下のセクションの近くで見つけることができます。このコード行をブラウズするだけでこのコード行を見つけることが困難な場合は、 Ctrl + F / Cmd + F キーボードショートカットをクリックするか、 歯車のアイコン 画面の左上隅にあるをクリックします。 検索と置換 次に入力します。 {/ブロック:投稿} フィールドを検索する.

検索機能が自動的に検索して強調表示します{/ブロック:投稿} あなたのテーマコードで。

07年6月

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

作成したカスタマイズされたボタンコードをコピーし、次のコード行の前に直接貼り付けます。 {/ブロック:投稿}.

これは、すべての単一のブログ投稿の最下部にソーシャルメディアボタンを表示するようにブログテーマに指示します。

クリック アップデートプレビュー をクリックします。 青の保存ボタン エディタの上部に表示されます。

07/07

Tumblrであなたの新しいソーシャルシェアーボタンを見る

あなたは楽しい部分にそれを作った。あなたのテーマコードの中にボタンコードを正しく配置していれば、あなたのTumblrのブログはあなたが選んだ共有ボタンを個々の投稿の一番下に表示し、メインのフィードに表示されている各投稿にも表示する必要があります。

それらをクリックすると、他のソーシャルメディアネットワーク上のTumblrの投稿を簡単に共有できます。

ヒント:

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