だだお島

【適】ダダオのログ【当】

Tumblrのテーマをカスタマイズする

しばらくやってなかったのでいろいろ忘れていて自分が必要になったため消していた記事を再投稿。(以下2013年時点の記事)

  

最近はMTやWordPressをいじることもなくなった。

tumblrを利用してサイト作るくらいの内容も多い。

もう誰でもパパッ投稿できて、わかりやすいし、渡しやすい。

色々できないことも多いけど、制約の中で仕組みを考えるのは面白い。 

いちいち詰まってAPI取得やjQueryプラグイン相殺でアーアーアー!したくない。

そんな時のための手引き。

 

Tumblrのテーマをカスタマイズする(時に用意するもの)

 

Tumblrカスタムテーマの作り方:日本語訳

http://stainless-note.tumblr.com/how_to_create_a_custom_html_theme

 

パーマリンク(個別記事)ページネーションに書かれてない!

{block:PermalinkPagination}{/block:PermalinkPagination}

このブロックないとないないなので注意!

{block:PermalinkPagination}
{block:NextPost}{/block:NextPost}
{block:PreviousPost}{/block:PreviousPost}
{/block:PermalinkPagination}

 

tumblrで固定されたインデックスページをつくる方法

http://no-new-folk.com/blog/web-develop/how-to-create-tumblr-front-page/

 

固定されたインデックスページをつくる って???

インデックスページのみ表示するには

{block:IndexPage} {/block:IndexPage}

パーマリンクページのみ表示するには

{block:PermalinkPage} {/block:PermalinkPage}

タグページのみに表示するには(カテゴリ別ページをつくる)

{block:TagPage} {/block:TagPage}

とふつうに振り分けれるけど、インデックスページはタグページも

含まれているために、インデックスページのみに反映したいものが

タグページにも反映されてしまう。

それに困る時がある。それで見つけたサイトと知恵。

だけど書いてある通りにしてしまうとパーマリンクページも

タグページとして反映されるので書き換えた。

それと{block:Permalink}ではなく{block:PermalinkPage}なのも注意!

{block:PermalinkPage}<!--{/block:PermalinkPage}
{block:TagPage}<!--{/block:TagPage}

ここにインデックスページで表示される内容 

{block:TagPage}-->{/block:TagPage}
{block:PermalinkPage}-->{/block:PermalinkPage}
{block:PermalinkPage}<!--{/block:PermalinkPage}
{block:TagPage}<!--{/block:TagPage}
<●●● style="display: none;">
{block:TagPage}-->{/block:TagPage}
{block:PermalinkPage}-->{/block:PermalinkPage}

{block:TagPage}
ここにタグページで表示される内容
{/block:TagPage}

{block:PermalinkPage}
パーマリンクページで表示される内容
{/block:PermalinkPage}

</●●●>
{block:PermalinkPage}<!--{/block:PermalinkPage}
{block:TagPage}<!--{/block:TagPage}
{block:TagPage}-->{/block:TagPage}
{block:PermalinkPage}-->{/block:PermalinkPage}

 

Photosetを縦一列に表示してみた

http://chips-tips.tumblr.com/post/25998254485/photoset

 

Tumblrタグクラウドを表示する

http://picomint.net/2010/08/12/tumblr-2/

 

新着記事リストをTumblrに設置してみた

http://chips-tips.tumblr.com/post/9624310150/recent-post