このblogのフッターに使ってます。 タグで画像の絞り込みが出来るのでイラストとか写真とかUPしてるので、ギャラリー代わりに使えそうだなーと思い作ってみました。 jQueryとプラグインのjsを読み込む <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="tumblr_photowidget.min.js"></script>jQueryは1.3.2以上を対象にしてますので、それ以上のバージョンで。 オプションの設定 <script type="text/javascript"> $(function() { $.fn.tumblr_photowidget.defaults.name = 'Tumblr名'; // Tumblr名 $.fn.tumb

How to create a custom HTML theme （カスタムテーマの作り方） Want to create a custom look for your blog? If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden. あなたのブログのためのカスタムルックを作成したいですか？ あなたが快適に手HTMLコーディングをしている場合は、適切な場所に来て！ されていない場合は、中の美しいテーマの何百もの中から選択Theme Garden. Introduction（はじめに） Tumblr is built around seven key p

書籍「tumblrデザインカスタマイズガイド」では、既存のテーマを変更してブログをカスタマイズする方法と、基本的な機能のみを使ったオリジナルのテーマを作成する方法について、解説しています。 ここでは、オリジナルテーマの作成に必要な演算子について、少しずつ追加しながら解説していきます。 固有の演算子は大きく分けて2種類ヘルプページの「カスタムHTMLテーマの作成」（https://www.tumblr.com/docs/ja/custom_themes+）を開くと、テーマの作成方法について調べることができます。なお、このページを表示するには、tumblrにログインしておく必要があります。 tumblrには、固有の演算子が大きく分けて2種類あります。ブログのタイトルや説明文などを挿入する「Variable」と、投稿などを表示するためにHTMLブロックをレンダリングする「Block」です。それぞ

Click here if your browser does not automatically redirect you...

初歩的な内容とはなりますが、毎回調べるのも労力を要すため、 今回はいろいろなSNSボタンの設置方法をまとめてみました。 （2013年9月18日時点での情報です。） Facebook いいね！ボタン https://developers.facebook.com/docs/reference/plugins/like/ HTML5の設置コードを使用した際、IE等の古いブラウザでは動かない場合があるので注意が必要です。 その場合はiframeを使いましょう。 またHTML5版のコードを使用していて、いいね！ボタンがエラー表示になっている際は、 data-href内がURLエンコードになっていないかどうかを確認してください。 仕様変更でURLエンコードしたものを使用するとエラー表示となってしまいます。 Twitter Twitterボタン https://twitter.com/about/re

ドットインストール代表のライフハックブログ

HTML Editor Syntax Highlighterは、エディタに書いたコードを見やすくできるWordPressプラグインです。エディタに表示するHTML・CSS・JSなどのコードを見やすくできます。 投稿・固定 […]