Tumblrの投稿をウィジェットに表示できる「Tumblr Widget」

このブログでは、サイドバーウィジェットに「Tumblr」に投稿したブックマーク一覧を表示させています。プラグインは「Tumblr Widget」を使用しています。ダウンロード
「This plugin hasn't been updated in over 2 years.」ってありますけど、ちゃんと更新されていますよ。日付が間違っているだけです。

インストールしたら、管理画面の「外観」→「ウィジェット」で追加したいウィジェットにドラッグ&ドロップして下さい。

Tumblr Widgetの設定

「ウィジェット」内で細かい設定が可能です。

tumblr-widget

  • Title：表示するウィジェットのタイトル
  • Your Tumblr：表示するTumblrのURL 「(ユーザ名).tumblr.com」
  • Tag：(Tumblr上の)特定のタグのみ表示する場合にタグを指定
  • Maximum number of posts to display：表示件数
  • Link title to Tumblr：Tumblrの投稿タイトルで表示されるようになります。
  • Link to each post on Tumblr：チェックを入れるとTumblrの投稿ページへリンクされます。
  • Add inline CSS padding：表示部分のpaddingを指定できます。
  • Set video width：Video投稿のWidth
  • Hide error messages：取得不可の場合にチェックを入れておくとエラーメッセージが表示されません。
  • Show：ウィジェットに表示するTumblrの投稿の種類を選択します。
    Regular posts(→ Text), Photo posts(→ Photo), Quotation posts(→ Quote), Link posts(→ Link), Conversation posts(→ Chat), Audio posts(→ Audio), Video posts(→ Video)

自分の場合は、ブックマーク機能として使用しているのでLinkのみにしています。

便利なブラウザ拡張機能

現在開いているページを数クリックでTumbleへ追加できます。
Firefoxアドオン　Share on Tumblr 1.1
Chrome拡張機能　Share on Tumblr

アイキャッチはここから拝借

Related

Default Thumbnailソーシャルボタン設置 プラグイン ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ Twitterのツイートボタンの設置 「最近のコメント」ウィジェットをカスタマイズ Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」 テーブル実装プラグイン「TablePress」 + レスポンシブ対応 プラグイン関連のJSやCSSの読み込みをフィルター Default Thumbnailパーマリンク・スラッグなどURL カスタマイズ
  • このエントリーをはてなブックマークに追加

関連記事

no image

Pocketボタンの設置

日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました

Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止

TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント

画像マウスオーバーでキャプションを表示

メディアをアップロードした際に、「キャプション」項目にテキストを設定された画像を挿入した場合はキャプションショートコードが生成され、ページ内の各画像下にその設定したテキストが表示されます。 今回

多言語化プラグイン「qTranslate」

ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択 管理画面「設定」⇒「Lang

コメント欄停止・コメント削除

WordPressでは標準でコメント機能が付いてきます。この投稿ではコメント機能の停止や既に投稿されたコメントを削除する方法を紹介します。 設定による停止方法 新規の投稿に関してコメントを停止

no image

「編集(Edit)」リンクの非表示方法

ログインした状態で投稿ページを開くと投稿内や各コメントに各編集ページへリンクしてくれる「編集」リンクが表示されます。(繰り返し言いますが、自サイトにログインしているユーザにしか見えません。) こ

Twenty Twelve 投稿日・投稿者を非表示に

TwentyTwelveのちょっとした部分をカスタマイズする方法を紹介していきます。 また、子テーマで出力部分を変更する際に、翻訳が必要な部分//_()の部分がでてきますので、以下の投稿も参考に

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

Twenty Twelve カスタマイズ

何点かTwentyTwelveのカスタマイズについてご質問をいただきましたのでここでまとめてみます。 目次 子テーマのつくりかた 他記事へのリンク アーカイブタイトル("カテゴリー別アーカ

新年早々やらかした

あけましておめでとうございます。 タイトルどおり、新年早々やらかしてしまいましたのでご報告まで。どうやらかしたかというと、確認用サイトとこのブログを間違えてしまいWordpress 3.5にアップグ

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

PREV
CSS/JSをひとまとめにして軽量化するプラグイン「Minify plugin for CakePHP」
NEXT
スワイプ対応の画像スライダー・ギャラリー用プラグイン

新規投稿

  • ブックマーク

    PAGE TOP ↑