インターンブログをTumblrに新しく作ってみる

学習週:2013.2.6


  • インターンブログのデザイン:CSS
  • WordPressのテーマについて調べる
    • cssやフォントカスタマイズには有料:$30/年
    • LokkaかWordpressを自前で運用するか
    • Tumblrも見てみる
  • TumblrはCSS編集も無料
    • Single A Tumblr Themeが便利かもしれない
      かなりのカスタマイズが必要

herokuでの理想:

http://frozen-bayou-8506.herokuapp.com/blog

しかしthemeを直接編集したり、Custom CSSを書いたりしてがんばりました!
現状の成果:

http://remote-internship.tumblr.com/

Sticky A Tumblr Theme


Stickyなタグを設定して、そのタグを付けたPostは常にtopページ(indexページ)に表示されるというのが特徴。便利そうですね。

Single A Tumblr Theme
http://singleatheme.tumblr.com/

と思ってカスタマイズを始めたのですが、{block:IndexPage}を使う事によって、topページにのみ表示したい内容を表示することができることが分かりました。

{block:IndexPage}
<div id="eyecatch">
<p>ここに何かeyecatch的なものを書く</p>
</div>
{/block:IndexPage}

資料


{block:IndexPage}などのReference:

How to create a custom HTML theme
http://www.tumblr.com/docs/custom_themes

Advertisements

One thought on “インターンブログをTumblrに新しく作ってみる

  1. Pingback: internブログのまとめ:振り返りと今後の作業について | Web Design Internship at fjörd.jp

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s