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

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

関連記事

ナビゲーションメニューに検索フォームを追加

メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく

Twenty Twelve サイトタイトルをテキストから画像に置き換え

ページトップに表示されるサイトタイトルをデフォルトのテキストから画像に変更します。 あらかじめ、管理画面のメディアライブラリから画像をアップロードしているもしくは別の場所に保存しているそのファイルの

「続きを読む」(moreタグ)をカスタマイズ

WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、

ウィジェット関連のカスタマイズ・プラグイン

リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。 プラグイン Link M

no image

Pocketボタンの設置

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

no image

アップグレードで「更新を展開しています... 」のままになった場合の対処のひとつ

久々に出会ったような気がするのでメモです。 ローカルのテスト環境でWordPressを3.7から3.8にアップグレードしようとしたところ、「更新を展開しています... 」で止まってしまい更新処理がす

ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ

プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill

新年早々やらかした

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

Twenty Twelve "Open Sans"の使用を止

「Twenty Twelve」では、"スペシャルフォント"ということで「Open sans」を特別にロードしているようです。今のところ使うつもりがないのでリンクしないようにしました(必要になれば戻せば

Twenty Thirteen ナビゲーションメニューを固定

ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade

Comment

Message

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

CAPTCHA

*

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

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

新規投稿

PAGE TOP ↑