Tumblr テーマ

HTML の勉強がてら Tumblr のテーマを自分で作ってみることにしました。

テーマ Lacan

lacan.html

名前に意味は無いです。

特徴

• Facebook Open Graph に対応
• Twitter Cards に対応。
• DISQUS のコメント表記に対応
• Google Analytics に対応
• 以下のボタンを設置可能
  • RSS
  • 電子メール
  • Facebook
  • Google+
  • Twitter
  • LinkedIn
  • Github
  • Dribbble
  • Pinterest
  • Flickr
  • Instagram
  • YouTube

Flattr ボタンを付けようか悩み中。

This theme is licenced under CC-BY.

その他のファイル

• css/main.min.css : HTML 各要素のスタイル定義です。
• jstool/disquscount.js : DISQUS 制御用の JavaScript ファイルです
• jstool/disqusembed.js : DISQUS 制御用の JavaScript ファイルです
• jstool/googleanalytics.js : google Analytics 用の JavaScript ファイルです
• img/beach3.jpg : おまけのテーマ画像です。夏向きのを選んでみました。オリジナルは [Flickr] 1 にあります。

参考にしたサイト

• Creating a custom HTML theme | Tumblr
• Bootstrap CDN
  • FortAwesome/Font-Awesome : 各サービスのアイコンはここのを使っています。
• jQuery
  • jquery/jquery
  • jQuery Photoset Grid - Style Hatch
    • stylehatch/photoset-grid
• ZEN 2.0 - Tumblrで普通に日記を書く用途にこだわったTumblrテーマ
  • sanographix/tumblr
• Platform Updates: New Open Graph Tags for Media Publishers and More
• Twitterカード | Twitter Developers
  • Card Validator | Twitter Developers; 検証には WebKit 系のブラウザが必要。

結局 Twitter Cards はなんだかよく分からなかった。 そもそも Twitter Cards って何者？ metadata や RDFa とかじゃないよね。 microformats の一種？

おまけ

• Online Markdown Editor; Markdown が覚えられないので助かる。

---

Written and revised by Spiegel, 2014