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 Fourteen 「投稿者」を非表示

TwentyFourteenでは、シングルページやアーカイブページにそれぞれ「投稿者」が表示されます。投稿者を非表示にさせる方法を投稿してみます。表示させる場合は、以下を参考に表示名などを変更してみて

no image

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

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

投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ

ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手

開発やテストに便利なプラグイン

開発やカスタマイズに使えそうなプラグインを集めてみました。 テーマのカスタマイズには、使用中のテンプレートファイルなどを表示してくれると便利ですね。個人的には、テーマ開発の際に、実行しているSQ

テーマ 「Responsive」 カスタマイズ

デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

Twenty Twelve "コメントをどうぞ"を消す

今回は「Twenty Twelve」で標準で投稿タイトル下に出力されるリンク"コメントをどうぞ"｜"Leave a reply"を非表示にする方法を。(コメントやピンバックが1件の場合は"1件のフィー

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

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

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

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

Comment

Message

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

CAPTCHA

*

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

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

新規投稿

  • ブックマーク

    PAGE TOP ↑