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 カスタマイズ
  • このエントリーをはてなブックマークに追加

関連記事

Twenty Fourteen 「投稿日」や"先頭固定表示"を非表示

日付を表示する部分は、全てtwentyfourteen_posted_onに集約されています。該当部分をコメントアウトしたかたちで子テーマのfunctions.phpに追加して下さい。 「投稿日

titleタグ(wp_title) カスタマイズ

SEO対策を行う際に、titleタグは重要な要素だと言われています。 「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることが

JSやCSSに自動で付与されるバージョン番号を非表示に

Wordpressでは、JSやCSSがロードされる際にlinkタグやscriptタグ内にWordpressやプラグインもしくはスクリプトそのもののバージョン番号が付与されます。「?ver=」で検索して

no image

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

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

翻訳ファイルの子テーマ化

子テーマでfunctions.phpなどを変更していくと翻訳すべき項目にぶつかっていくと思います。例を挙げると_()の部分で、Wordpressが翻訳を行ってくれる部分です。 個人的には、日本語

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

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

Twitterのツイートボタンの設置

Twitterのツイートボタンの設置はプラグインを使用しなくても容易に実装できるようです。 ソーシャルボタン設置のプラグインはこちらにいちおうまとめています。 Tweetボタンの設置コード 公式

投稿タイトルのtitle属性を削除など Twenty Twelve 1.2での変更点

TwentyTwelveが1.1から1.2にアップデートされたので、いくつか変更点を洗ってみました。 (*全てを網羅しているわけではありません) 全ての変更部分は、こちらに記載されています。

「Google Analytics for WordPress」投稿URLにやたら長いパラメータがついてしまう

Google 検索結果をみていたら、Wordpressの投稿のURLが実際のものより異様に長くなっているので何かなと思って調査してみました。 このような感じで http://kwski.net/ca

jQueryをCDNから読み込む

WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0

Comment

Message

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

CAPTCHA

*

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

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

新規投稿

  • ブックマーク

    PAGE TOP ↑