Repository: sanographix/tumblr Branch: master Commit: 2d0df188cb4f Files: 39 Total size: 309.3 KB Directory structure: gitextract_bmt4usi_/ ├── .gitignore ├── apollo/ │ ├── apollo.html │ ├── license.md │ └── readme.md ├── croquis/ │ ├── license.md │ └── readme.md ├── illustfolio/ │ ├── 1.2.x/ │ │ └── illustfolio.html │ ├── illustfolio.html │ ├── license.md │ └── readme.md ├── illustfolio2/ │ ├── illustfolio2.html │ ├── license.md │ └── readme.md ├── illustfolio3/ │ └── readme.md ├── memographix/ │ ├── license.md │ ├── memographix.html │ ├── readme.md │ └── screenshot/ │ ├── memographix-screenshot.psd │ └── memographix-thumb.psd ├── readme.md ├── reblographix/ │ ├── license.md │ ├── readme.md │ └── reblographix.html ├── reblographix2/ │ ├── license.md │ ├── readme.md │ └── reblographix2.html ├── tokusetsu/ │ ├── license.md │ ├── readme.md │ ├── tokusetsu-demo.html │ └── tokusetsu.html ├── tokusetsu2/ │ ├── license.md │ ├── readme.md │ ├── tokusetsu2-demo.html │ └── tokusetsu2.html └── zen/ ├── 1.x/ │ ├── zen-en.html │ └── zen_1.2.8.html ├── license.md ├── readme.md └── zen.html ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ .DS_Store *~ *.swp node_modules .sass-cache ================================================ FILE: apollo/apollo.html ================================================ {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title} {block:TagPage} {/block:TagPage} {block:DayPage} {/block:DayPage} {block:Description} {/block:Description} {block:PermalinkPage} {block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {block:Photos} {/block:Photos} {/block:Photoset} {/block:Posts} {/block:PermalinkPage} {block:Description} {/block:Description} {block:IfGoogleAuthor} {/block:IfGoogleAuthor} {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {block:PermalinkPage} {block:IfEnableLikeButton}
{/block:IfEnableLikeButton} {/block:PermalinkPage}
{block:TagPage}

Posts tagged "{Tag}"

{/block:TagPage} {block:Posts}
{block:Text}
{block:Title}

{Title}

{/block:Title}
{Body}
{/block:Text} {block:Photo}
{LinkOpenTag} {PhotoAlt} {LinkCloseTag} {block:Caption}
{Caption}
{/block:Caption}
{/block:Photo} {block:Photoset}
{Photoset-700} {block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset} {block:Quote}
“{Quote}”
{block:Source}

{Source}

{/block:Source}
{/block:Quote} {block:Link}

{Name}

{block:Description} {/block:Description}
{/block:Link} {block:Chat}
{block:Title}

{Title}

{/block:Title}
    {block:Lines}
  • {block:Label} {Label} {/block:Label} {Line}
  • {/block:Lines}
{/block:Chat} {block:Video}
{Video-700} {block:Caption}
{Caption}
{/block:Caption}
{/block:Video} {block:Audio}
{AudioPlayerBlack} {block:Caption}
{Caption}
{/block:Caption}
{/block:Audio} {block:Answer}
{Question}
{Asker}
{Answer}
{/block:Answer} {block:ContentSource}

{lang:Source}: {block:SourceLogo} {SourceTitle} {/block:SourceLogo} {block:NoSourceLogo} {SourceTitle} {/block:NoSourceLogo}

{/block:ContentSource}
{block:PermalinkPage} {block:Date} {/block:Date} {block:IfEnableRecentPostModule}

Recent Posts

Loading...
{/block:IfEnableRecentPostModule} {/block:PermalinkPage} {block:PostNotes}

{NoteCount} Notes

{PostNotes}
{/block:PostNotes}
{block:IndexPage}
{/block:IndexPage} {/block:Posts} {block:PermalinkPagination} {/block:PermalinkPagination} {block:Pagination}
{block:PreviousPage} Prev {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}{PageNumber}{/block:CurrentPage} {block:JumpPage}{PageNumber}{/block:JumpPage} {/block:JumpPagination} {block:NextPage} {/block:NextPage}
{/block:Pagination}
{block:IfEnableSyntaxHighlight} {/block:IfEnableSyntaxHighlight} {block:IfEnableRecentPostModule} {/block:IfEnableRecentPostModule} {block:IfEnableHatenaStar} {/block:IfEnableHatenaStar} ================================================ FILE: apollo/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: apollo/readme.md ================================================ # Apollo - #### Free responsive tumblr template Apollo は、穏やかに日記を書きたい人のための無料Tumblrテンプレートです。[@sanographix](https://twitter.com/sanographix)がデザインしています。詳細は[こちらの紹介ページ](http://sanographix.github.io/tumblr/apollo)をご覧ください。 ## Install - ## インストールする Apolloには2種類のバージョンがあり、それぞれインストール方法が異なります。 1. tumblrのテーマガーデンから自動でインストールする(推奨) - こちらからインストールしてください: 2. GitHubから手動でインストールする - インストール方法は後述します ## 機能の違いについて テーマガーデン版, GitHub版の違いは下記の通りです。テーマガーデン版はTumblrの審査に通す関係で、実験的機能を削減しています。また、海外ユーザー対応している関係で、国内向け機能を一部削減しています。 |/|テーマガーデン|GitHub| |---|---|---| |テーマの自動更新|○|×| |はてなスター|×|○| |はてなブックマークボタン|×|○| |テキスト投稿の記事下に最新記事一覧|×|○|
## GitHub版 Readme ここから先は、GitHub版ApolloのReadmeです。 ## Demo デモページはこちらです ## 1. インストールする * [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/apollo/apollo.html)します。[ここからコピー](https://raw.github.com/sanographix/tumblr/master/apollo/apollo.html)するとやりやすい * Tumblrのテーマカスタマイズ画面を開いて、「HTMLを編集」を押します。 * (元のhtmlはバックアップを取っておいたほうが良いです) * もとのhtmlを削除してapollo.htmlを貼り付けて保存します。 * 保存すると以前のテーマの設定はすべて消えます。 #### [注意] ZEN 2.0 からアップグレードする方へ - このテーマは、ZEN 2.0との互換性は **ありません** 。Apolloテーマを適用すると、ZENで設定したオプション設定は消えます。 ## 2. カスタマイズする テーマカスタマイズ画面でカスタマイズできます。 ### はじめに行うおすすめ設定 * 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す** * このチェックを外すとレスポンシブ的なデザインになります。Tumblr 純正モバイルレイアウトを使いたい場合はチェックを入れたままにしてください。 ### デザイン設定 下記の設定がカスタマイズできます。 | 設定項目 | 説明 | | --- | --- | | Google Author | 自分のGoogle+プロフィールURLを入力します。 | | Hatena Star Token | ここにはてなスターのトークンを入力すると、スターが押されたときにはてなの「あなたへのお知らせ」に通知が届くようになります。詳しい設定方法は[はてなスターのヘルプ](http://d.hatena.ne.jp/hatenastar/20070707/1184453490)を参照してください。 | | Author | 自分の名前を入力します。著者名として記事に表示されます。 | | Enable Recent Post Module | 記事パーマリンクに最新記事一覧を表示します。 | | Enable Like Button | 記事パーマリンクにFacebook Likeボタンを表示します。 | | Enable Hatena Star | 記事にはてなスターボタンを表示します。 | | Enable Plus1 Button | 記事パーマリンクにGoogle +1ボタンを表示します。 | | Enable Tweet Button | 記事パーマリンクにツイートボタンを表示します。 | | Enable Pocket Button | 記事パーマリンクにPocketボタンを表示します。 | | Enable Syntax Highlight | シンタックスハイライトを有効にします。 | ## 3. ページを追加する - Aboutページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。 ## 4. Tips ### 投稿タイプ「テキスト」で大きい画像を貼る 投稿タイプが「テキスト」のときに画像をアップロードしても、tumblrの仕様で幅500px未満に強制的にリサイズされてしまいます。大きい画像を貼りたいときは外部サイトに画像をアップロードしておいて、画像のURLを貼りつける方法を推奨します。アップロードする外部サイトはFlickrかGoogle+がおすすめです。 ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ### このテーマのよくある質問 ##### Q: パーマリンクの下に最新記事モジュールが出ません * 最新記事モジュールで表示するのは「記事タイトルが存在するテキスト投稿」のみです。他の投稿タイプには対応していません。 ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## Changelog ### 1.1.0 (2014/10/17) * テキスト投稿の「続きを読む」にスタイルをあてる * スマホとかで記事タイトルのフォントサイズ少し小さめに ### 1.0.10 (2014/05/25) * タブレット端末でPhotosetの端が切れる問題を修正 ### 1.0.9 (2014/04/24) * スマホから見たときのナビゲーションの挙動変更 ### 1.0.8 (2014/04/21) * {text: Blog Domain} の入力を不要にした ### 1.0.7 (2014/04/18) * スマートフォンから見たときナビゲーションの色味変更 ### 1.0.6 (2014/04/16) * フォトセットをレスポンシブデザイン対応 * iPhoneで正常に動作しなかったのでやっぱり戻した ### 1.0.5 (2014/03/28) * ブラウザ幅狭いとき iframe がはみ出る問題を修正 ### 1.0.4 (2014/03/25) * ブラウザ幅狭いときの table の見え方を修正 ### 1.0.3 (2014/03/20) * 引用投稿で引用部分以外のフォントサイズが大きくなっていた問題を修正 ### 1.0.2 (2014/03/10) * 新着記事モジュール見出しのマージン調整 ### 1.0.1 (2014/03/07) * 固定ページではReblogボタンを表示しないように ### 1.0.0 (2014/03/05) * とりあえず公開 ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: croquis/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: croquis/readme.md ================================================ # Croquis Croquis は、Tumblrで気軽に落描きを投稿しやすいテンプレートです。 [@sanographix](http://www.sanographix.net) がデザインしています。 #### Note: このテーマを利用するには、[同人作家のためのTumblr入門](http://www.jadda.info/2013winter/)の冊子が必要です。 ## 1. インストールする * 冊子に記載されているURLから「GET CROQUIS THEME」をクリックし、`croquis.html`のコードを全選択してコピーします。 * Tumblrのテーマカスタマイズ画面を開いて、「HTMLを編集」を押します。 * もとのhtmlを削除して`cruquis.html`のコードを貼り付けて保存します。 * 保存すると以前のテーマの設定はすべて消えます。必要であればバックアップをとってください。 ## 2. カスタマイズする テーマカスタマイズ画面でカスタマイズできます。 ### 推奨設定 * 「▾ 詳細設定」の「モバイルレイアウトを使用する」に **チェックを入れる** * このチェックを入れるとスマートフォンなどで Tumblr 純正のモバイルレイアウトになります。このテーマも一応レスポンシブデザイン対応していますが、フォトセットなどがレスポンシブデザインでうまく再現しきれていないため、特にフォトセットをよく投稿する方はモバイルレイアウトを使用した方が無難です。 ### デザイン設定 下記の設定がカスタマイズできます。 | 設定項目 | 説明 | |-------|-----| | Enable Facebook Button | 記事パーマリンクに Facebook の Like ボタンを表示します。 | | Enable Plus1 Button | 記事パーマリンクに Google +1 ボタンを表示します。 | | Enable Tweet Button | 記事パーマリンクにツイートボタンを表示します。 | | Show Description | 「説明」欄に入力したテキストを、ブログタイトル下に表示します。 | | Show Profile Image | ブログタイトルの隣にプロフィール画像を表示します。 | | Google Analytics ID | Google Analytics を使う場合はここにトラッキングIDを入力します。(例: UA-0000000-0) | | Google Author | ここに自分の Google+ プロフィールURLを入力することで、Google検索結果に著者情報を表示させることができます。(例:`https://plus.google.com/109963703491503474788`)詳しい情報は[Googleのヘルプ](http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986)を参照してください。 | | OGP Facebook Admin Number | Facebok Admin ID(**fb:admins**) を入力します。自分の Admin IDの調べ方は、「fb:admins」とかで検索すると分かると思います。 | | OGP Facebook Page URL | Facebook ページ持ってる人はここに Facebook ページの URL を入力してください。ブログ記事が Fb にシェアされたときに「いいね!」ボタンを表示できるみたいです。[詳しくは Fb 開発ブログ参照。](https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags-for-media-publishers-and-more/)これか後述の`OGP Facebook URL`の**どちらか**を入力してください。 | | OGP Facebook URL | Facebook アカウント持ってる人はここに Facebook の URL を入力してください。ブログ記事が Fb にシェアされたときに「フィードを購読」ボタンを表示できるみたいです。[詳しくは Fb 開発ブログ参照。](https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags-for-media-publishers-and-more/)これか先述の`OGP Facebook Page URL`の**どちらか**を入力してください。 | | Disqus Shortname | 記事にコメント欄を設置したい場合は、ここに Disqus Shortname を入力します。 | ## 3. ページを追加する - Aboutページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。 ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ## Changelog ### 1.0.2 (2014/05/25) * `Blog Domain`の入力を不要にした * タブレット端末でPhotosetの端が切れる問題を修正 ### 1.0.1 (2014/01/02) * `Blog Domain`を入力してない場合カノニカルと og:url を表示しないようにした ### 1.0.0 (2013/12/31) * 公開 ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: illustfolio/1.2.x/illustfolio.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} {block:Description} {/block:Description}
{block:IndexPage}
    {block:Posts} {block:Photo}
  • {/block:Photo} {/block:Posts}

Portfolio

{block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {/block:Photoset} {/block:Posts}
{block:Pagination}
{block:PreviousPage} Previous {/block:PreviousPage} {block:NextPage} {/block:NextPage}
{/block:Pagination} {/block:IndexPage} {block:PermalinkPage}
{block:Posts} {block:Photo}
{LinkOpenTag} {PhotoAlt} {LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{block:Date}
{Month} {DayOfMonth}, {Year}
{/block:Date} {block:HasTags}
    {block:Tags}
  • {Tag}
  • {/block:Tags}
{/block:HasTags}

{block:NoteCount}
{NoteCount} Notes
{/block:NoteCount} {block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Photo} {block:Photoset}
{block:Photos} {/block:Photos}
{block:Caption}
{Caption}
{/block:Caption}
{block:Date}
{Month} {DayOfMonth}, {Year}
{/block:Date} {block:HasTags}
    {block:Tags}
  • {Tag}
  • {/block:Tags}
{/block:HasTags}

{block:NoteCount}
{NoteCount} Notes
{/block:NoteCount} {block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Photoset} {block:Text}
{block:Title}

{/block:Title}
{Body}
{/block:Text} {/block:Posts}
{block:PermalinkPagination}
{block:PreviousPost} Previous {/block:PreviousPost} {block:NextPost} {/block:NextPost}
{/block:PermalinkPagination} {/block:PermalinkPage}

{Title}

Profile

Find me elsewhere

================================================ FILE: illustfolio/illustfolio.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} {block:Description} {/block:Description}
{block:IndexPage}
    {block:Posts} {block:Photo}
  • {/block:Photo} {/block:Posts}

Portfolio

{block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {/block:Photoset} {/block:Posts}
{block:Pagination}
{block:PreviousPage} Previous {/block:PreviousPage} {block:NextPage} {/block:NextPage}
{/block:Pagination} {/block:IndexPage} {block:PermalinkPage}
{block:Posts} {block:Photo}
{LinkOpenTag} {PhotoAlt} {LinkCloseTag}
{block:Caption}
{Caption}
{/block:Caption}
{block:Date}
{Month} {DayOfMonth}, {Year}
{/block:Date} {block:HasTags}
    {block:Tags}
  • {Tag}
  • {/block:Tags}
{/block:HasTags}

{block:NoteCount}
{NoteCount} Notes
{/block:NoteCount} {block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Photo} {block:Photoset}
{block:Photos} {/block:Photos}
{block:Caption}
{Caption}
{/block:Caption}
{block:Date}
{Month} {DayOfMonth}, {Year}
{/block:Date} {block:HasTags}
    {block:Tags}
  • {Tag}
  • {/block:Tags}
{/block:HasTags}

{block:NoteCount}
{NoteCount} Notes
{/block:NoteCount} {block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Photoset} {block:Text}
{block:Title}

{/block:Title}
{Body}
{/block:Text} {/block:Posts}
{block:PermalinkPagination}
{block:PreviousPost} Previous {/block:PreviousPost} {block:NextPost} {/block:NextPost}
{/block:PermalinkPagination} {/block:PermalinkPage}

{Title}

Profile

Find me elsewhere

================================================ FILE: illustfolio/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: illustfolio/readme.md ================================================ # Illustfolio ## ⛔ このテーマはサポートしていません **このテーマはサポートを終了しました。以下の表にある後継テーマからお選びください。それでも本テーマを使いたい場合、自己責任でご利用ください。** **This theme is no longer supported. If you still want to use it, please do so at your own risk.** ## 後継テーマ ||[Illustfolio Lumina](https://illustfolio-lumina.sanographix.net/ja/)|[Illustfolio 4](https://sanographix.github.io/illustfolio4/)|[Illustfolio 3](https://sanographix.github.io/tumblr/illustfolio3/)| |-|-|-|-| ||シンプルで、クライアントにも伝わりやすい|シンプルなギャラリー|シンプルなギャラリー| |自己紹介欄|ページ上部|ページ下部|ページ中部| |自己紹介下に問い合わせボタン設置|✅|—|—| |タグ表示|任意のタグを選んでナビゲーションを作成|すべてのタグを一覧表示|すべてのタグを一覧表示| |無限スクロール|✅|—|✅| |フォントの変更|✅|✅|—| |ヘッダ背景色の変更|✅|—|✅| |タイトル文字色の変更|✅|—|—| |強調文字色の変更|✅|✅|—| |サムネイル表示方法|トリミングする・しないを選択可|トリミングする|トリミングしない| |サムネイルの角を丸める|✅|—|—| |Tumblr新投稿フォーマット(NPF)対応|✅|△(部分的)|—| |対応するSNSアイコン|7種類|4種類|4種類|
## 概要 llustfolioは、イラストのポートフォリオサイトに特化した無料Tumblrテンプレートです。 Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れます。 [@sanographix](https://twitter.com/sanographix)がデザインしています。 デモページ: [http://illustfolio.tumblr.com/](http://illustfolio.tumblr.com/) ## インストール ### ポートフォリオ用に新しくブログを作成する場合(推奨) * [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/illustfolio/illustfolio.html)する * Tumblrでブログを新規作成する * Tumblrは1つのアカウントで複数ブログ作れます * Tumblrのテーマカスタマイズ画面を開く * もとのhtmlを削除してillustfolio.htmlを貼り付ける ### 既存のTumblrブログを使う場合 * [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/illustfolio/illustfolio.html)する * Tumblrのテーマカスタマイズ画面を開く * (元のhtmlはバックアップを取っておいたほうが良いです) * もとのhtmlを削除してillustfolio.htmlを貼り付ける ## 投稿 * 「画像」形式で投稿します。 * **現状、画像以外の形式に対応していません(投稿してもページに表示されません)。** ### 画像にタイトルを設定する Tumblrは画像投稿にタイトルを設定できません。そこで、キャプション欄に見出しタグを設けることでタイトルっぽくできます。タイトルの書き方は下記を参考にしてください。

画像のタイトル

画像のキャプション画像のキャプション画像のキャプション…

## オプション ### おすすめ設定 - 1ページあたりの投稿数を「9」に - 「モバイルレイアウトを使用する」の **チェックを外す** ### デザイン設定 | 設定項目 | 説明 | |-------|-----| |Show Like Button|イラスト詳細ページにFacebookの「いいね!」ボタンを表示します。| |Show Pin It Button|イラスト詳細ページにPinterestの「Pin It」ボタンを表示します。| |Show Plus One Button|イラスト詳細ページにGoogle+の「+1」ボタンを表示します。| |Show Tweet Button|イラスト詳細ページにツイートボタンを表示します。| | 設定項目 | 説明 | |-------|-----| |Show Your Facebook Username|ページのフッタにあなたのFacebookアカウントのリンクを表示します。| |Show Your Twitter Username|ページのフッタにあなたのTwitterアカウントへのリンクを表示します。| |Show Your Google Plus ID|ページのフッタにあなたのGoogle+アカウントへのリンクを表示します。| |Show Your Pixiv ID|ページのフッタにあなたのPixivアカウントへのリンクを表示します。| | 設定項目 | 説明 | |-------|-----| |Your Name|あなたのハンドルネームを入力してください。| |Your Profile|自己紹介を入力してください。| |Your Facebook Username|あなたのFacebookアカウントを入力してください。| |Your Twitter Username|あなたのTwitterアカウントを入力してください。| |Your Google Plus ID|あなたのGoogle+ IDを入力してください。| |Your Pixiv ID|あなたのPixiv IDを入力してください。| |Google Analytics Tracking ID|Googleアナリティクスを使いたい場合は、ここにトラッキングIDを入力してください。| ### ページ管理 - 自己紹介ページなど、投稿とは別の固定ページを作成したいときは「ページを作成」をクリックしてページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダのナビゲーションにそのページへのリンクが追加されます。 ## Special Thanks デモページは[火曜さん](http://twitter.com/kayou_bi)のイラストを使用させていただきました。ありがとうございます! [http://www.pixiv.net/member_illust.php?id=62835](http://www.pixiv.net/member_illust.php?id=62835) ## Known Issues * IE7以下でFont Awesomeが表示されない * 画像以外も投稿したい ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## Changelog ### 1.4.0 (2014/04/16) * フォトセットをレスポンシブデザイン対応 ### 1.3.0 (2014/01/12) * フォントをイタリックから Normal に変更 * font-awesome を最新版に ### 1.2.0 (2013/05/05) * パーマリンクに Like & Reblog ボタンを表示 ### 1.1.1 (2013/03/04) * Photosetのパーマリンク表示に対応 * 今まではトップページのサムネイルをクリックするとその場で画像が展開されましたが、パーマリンクに飛べるようにしました * パーマリンク先ではPhotosetの画像は1枚ずつ表示され、iframeによるレイアウトはされません(レスポンシブデザイン対応のため) ### 1.1.0 (2012/12/16) * Photosetの投稿に対応 * パーマリンクにページャを追加 ### 1.0.2 (2012/12/12) * Pixiv IDとGoogle+ IDが反映されない不具合を修正 * FirefoxとIE9でwebfontが表示されない不具合を修正 ### 1.0.1 (2012/12/10) * IE8以下でスライドショーが崩れるのを修正 * パーマリンクのCSSを修正 * Analyticsの変数がちゃんと指定されてなかったのを修正 ### 1.0.0 (2012/12/09) * 公開
# Illustfolio #### Illustfolio is free responsive tumblr theme for illustrators. ## Features * Easy to create portfolio for illustrators * Customizable * Retina ready * Responsive design * Including slideshow module ## Usage 1. [Copy this HTML file](https://github.com/sanographix/tumblr/blob/master/illustfolio/illustfolio.html). 2. Create a new tumblr blog, and open design settings. 3. Press "Edit HTML", delete current HTML and paste Illustfolio HTML. 4. Select **"Photo post"**, post your works to tumblr. ## Options ### Recommended settings * **9 entries** per page * **Don't** use mobile layout ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: illustfolio2/illustfolio2.html ================================================ {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title} {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {block:PermalinkPage} {block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {block:Photos} {/block:Photos} {/block:Photoset} {/block:Posts} {/block:PermalinkPage} {block:IfYourGooglePlusID} {/block:IfYourGooglePlusID}

Tags

    {block:IndexPage}
      {block:Posts} {block:Photo}
    • {/block:Photo} {/block:Posts}
    {block:TagPage}

    Posts tagged "{Tag}"

    {/block:TagPage}
    {block:Posts}
    {block:Text}
    {block:Title}

    {Title}

    {/block:Title}
    {/block:Text} {block:Photo}
    {/block:Photo} {block:Photoset} {block:Photos}
    {/block:Photos} {/block:Photoset} {block:Quote}

    {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate} {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}
    Quote

    {/block:Quote} {block:Link}

    {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate} {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}
    Link

    {/block:Link} {block:Chat}

    {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate} {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}
    Chat

    {/block:Chat} {block:Video}

    {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate} {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}
    Video

    {/block:Video} {block:Audio}

    {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate} {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}
    Audio

    {/block:Audio} {block:Answer}

    {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate} {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}
    Answer

    {/block:Answer}
    {/block:Posts}
    {block:Pagination}
    {block:PreviousPage} Prev {/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage} {/block:NextPage}
    {/block:Pagination} {/block:IndexPage} {block:PermalinkPage}
    {block:PermalinkPagination}
    {block:PreviousPost} Prev {/block:PreviousPost} {block:NextPost} {/block:NextPost}
    {/block:PermalinkPagination}
    {block:Posts}
    {block:Photo} {block:HighRes} View in High-Res {/block:HighRes}
    {LinkOpenTag} {PhotoAlt} {LinkCloseTag}
    {block:Caption}
    {Caption}
    {/block:Caption} {/block:Photo} {block:Photoset}
    {Photoset-700}
    {block:Caption}
    {Caption}
    {/block:Caption} {/block:Photoset} {block:Text}
    {block:Title}

    {Title}

    {/block:Title}
    {Body}
    {/block:Text} {block:Quote}
    “{Quote}”
    {block:Source}
    {Source}
    {/block:Source}
    {/block:Quote} {block:Link}

    {Name}

    {block:Description} {/block:Description}
    {/block:Link} {block:Chat}
    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video}
    {Video-700}
    {block:Caption}
    {Caption}
    {/block:Caption} {/block:Video} {block:Audio}
    {AudioPlayerBlack} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Audio} {block:Answer}
    {Question}
    {Asker}

    {Answer}
    {/block:Answer}
    {block:IfDisqusShortname}
    blog comments powered by Disqus {/block:IfDisqusShortname}
    {/block:Posts} {/block:PermalinkPage}
    ================================================ FILE: illustfolio2/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: illustfolio2/readme.md ================================================ # Illustfolio 2 ## ⛔ このテーマはサポートしていません **このテーマはサポートを終了しました。以下の表にある後継テーマからお選びください。それでも本テーマを使いたい場合、自己責任でご利用ください。** **This theme is no longer supported. If you still want to use it, please do so at your own risk.** ## 後継テーマ ||[Illustfolio Lumina](https://illustfolio-lumina.sanographix.net/ja/)|[Illustfolio 4](https://sanographix.github.io/illustfolio4/)|[Illustfolio 3](https://sanographix.github.io/tumblr/illustfolio3/)| |-|-|-|-| ||シンプルで、クライアントにも伝わりやすい|シンプルなギャラリー|シンプルなギャラリー| |自己紹介欄|ページ上部|ページ下部|ページ中部| |自己紹介下に問い合わせボタン設置|✅|—|—| |タグ表示|任意のタグを選んでナビゲーションを作成|すべてのタグを一覧表示|すべてのタグを一覧表示| |無限スクロール|✅|—|✅| |フォントの変更|✅|✅|—| |ヘッダ背景色の変更|✅|—|✅| |タイトル文字色の変更|✅|—|—| |強調文字色の変更|✅|✅|—| |サムネイル表示方法|トリミングする・しないを選択可|トリミングする|トリミングしない| |サムネイルの角を丸める|✅|—|—| |Tumblr新投稿フォーマット(NPF)対応|✅|△(部分的)|—| |対応するSNSアイコン|7種類|4種類|4種類| ## 概要 llustfolio 2 は、イラストのポートフォリオサイトに特化した無料 Tumblr テンプレートです。 Tumblr に画像をアップロードするだけで簡単にポートフォリオサイトが作れます。 [@sanographix](https://twitter.com/sanographix) がデザインしています。 デモページ: [http://illustfolio2.tumblr.com/](http://illustfolio2.tumblr.com/) ## インストール手順 事前に [tumblr のユーザー登録](https://www.tumblr.com/register)を行なってください。 1. [テーマのhtmlファイル](https://github.com/sanographix/tumblr/blob/master/illustfolio2/illustfolio2.html)をコピーします。[ここからコピー](https://raw.github.com/sanographix/tumblr/master/illustfolio2/illustfolio2.html)するとやりやすい 2. Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、「HTMLを編集」を押します。 3. (オプション) 元の html のバックアップをとっておきます。 4. もとの html を削除して `illustfolio2.html` を貼り付けて保存します。 5. 下記の「カスタマイズ手順」に従って設定を行います。 #### Illustfolio 1 からアップグレードする方への注意 * Illustfolio 1 にあるカスタマイズ項目「Your Profile」は、 Illustfolio 2 では廃止しました。上記手順"4"のHTMLを上書き保存すると項目ごと削除されます。必要であれば自己紹介文のバックアップをとってください。Illustfolio 2 で自己紹介ページを作りたい場合は固定ページを作ってください。 ## カスタマイズ手順 テーマの機能を正しく使用できるようにするため、ステップ1から順に必ず設定を行なってください。 ### ステップ1: テーマカスタマイズ画面 Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、下記の設定をします。 * 「▾ 詳細設定」の「1ページあたりの投稿数」を「8」か「12」に * 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す** * このチェックが外れていないとレスポンシブ的なデザインにならないです。 * ただし、スマートフォンから見たとき重いと思ったらチェックをつけても構いません。 ### ステップ2: APIキーの取得 パーマリンクに他の記事のサムネイルを表示させるために、Tumblr API キーの登録が必要です。このステップを省略すると他記事サムネイル表示機能は使えません。 1. [API キー登録ページ](http://www.tumblr.com/oauth/apps)へ行き、「アプリを登録する」を押します。 2. 下図のように「Application name」「Administrative contact email」「Default callback URL」のフォームを埋めて「Register」を押します。 3. OAuth Consumer Key: ○○ と書いてある文字列をメモします。 ### ステップ3: テーマカスタマイズ画面のデザイン設定 ふたたび Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、下記の設定をします。 | 設定項目 | 説明 | |-------|-----| |Disqus Shortname|記事にコメント欄を設置したい場合は、ここに Disqus Shortname を入力します。| |Google Analytics ID|Googleアナリティクスを使いたい場合は、ここにトラッキングIDを入力します。(例: UA-0000000-0)| |Tumblr API Key|ステップ2で取得した API キーを入力します。| | 設定項目 | 説明 | |-------|-----| |Your Name|あなたのハンドルネームを入力してください。| |Your Facebook Username|あなたの Facebook アカウントを入力してください。| |Your Twitter Username|あなたの Twitter アカウントを入力してください。| |Your Google Plus ID|あなたの Google+ ID を入力してください。| |Your Pixiv ID|あなたの Pixiv ID を入力してください。| | 設定項目 | 説明 | |-------|-----| |Font|フォントを選べます。| |Background|背景画像をアップロードできます。| |Show Exif|画像の Exif 情報を表示します。写真ブログに便利です。| これで設定は終了です。お疲れ様でした。 ## イラストを投稿する * [ダッシュボード](tumblr.com/dashboard) を開いて、「画像」形式で投稿します。 * そのほかの投稿形式にも対応していますが、イラストは画像形式で投稿するのをおすすめします。 ### 画像にタイトルを設定する Tumblrは画像投稿にタイトルを設定できません。そこで、キャプション欄に見出しタグを設けることでタイトルっぽくできます。タイトルの書き方は下記を参考にしてください。 #### HTML編集モード

    画像のタイトル

    画像のキャプション画像のキャプション画像のキャプション…

    #### Markdownモード ## 画像のタイトル 画像のキャプション画像のキャプション画像のキャプション… Markdown については[こちらの解説記事](http://blog.2310.net/archives/6)が詳しいです。 ## 自己紹介ページを作る - 自己紹介ページやリンク集など、投稿とは別の固定ページを作成したいときは[テーマカスタマイズ画面](http://www.tumblr.com/customize)の「ページを作成」をクリックしてページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダのナビゲーションにそのページへのリンクが追加されます。 ## Special Thanks デモページは[火曜さん](http://twitter.com/kayou_bi)のイラストを使用させていただきました。ありがとうございます! [http://www.pixiv.net/member_illust.php?id=62835](http://www.pixiv.net/member_illust.php?id=62835) ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ### このテーマのよくある質問 ##### Q: Video とか Link 投稿だと index ページでタイトルもサムネイルも出ません * 仕様です。Tumblr テーマの仕様上の制限によって表示できません。 ##### Q: パーマリンクに他の記事のサムネイルを表示する機能が正しく動きません * オプションの`Tumblr API Key`が未入力ではありませんか? 上記手順の「ステップ2: APIキーの取得」を行ってください。 ##### Q: 「常にブログをSSLで処理する」を有効にするとタグが表示されなくなります * 問題を認識していますが、対応時期は未定です。Illustfolio 2に限らず、私が作成した古いテーマではSSLがオンのとき一部機能が正しく動かないことがあります。 ##### Q: Disqusコメントフォームが真っ白です * Disqus設定画面で、カラースキームが「for Light Background」になっているか確認してください。まれに「Dark」になっている場合があるようです。 ##### Q: フォトセットの投稿がスライドショーに表示されません * 仕様です。 ##### Q: スライドショーの画像が粗いような気がします * 画像の解像度が足りないと思われます。横 1180px 以上の画像を投稿されることをおすすめします。 ##### Q: スライドショーの画像のトリミング位置は指定できないんですか? * さまざまな構図のイラストを出来るだけ見栄え良く見せるため、 多くのイラストで顔が描かれているであろう「画面中央より少し上側」をスライドショーに表示しています。 この表示位置は変更できません。できるだけ設定項目を減らして簡単に使えることを優先しているためです。 ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## Changelog ### 2.3.1 (2014/08/27) * `Blog Domain`オプションを廃止 * ブログURLを取得するテンプレートタグがTumblr側で実装されたため ### 2.3.0 (2014/04/16) * フォトセットをレスポンシブデザイン対応 * (追記)不具合があったので元の状態に戻した ### 2.2.0 (2013/12/09) * js の位置を下にしてページ読み込み速度を高速化 ### 2.1.0 (2013/07/03) * タグリストと最新記事を自動で表示するようにした ### 2.0.3 (2013/06/11) * メタ情報が長いときテーブルからはみ出ないようにした ### 2.0.2 (2013/06/09) * フォントを変更可能にした ### 2.0.1 (2013/06/01) * 1投稿しかしてないときにページャが崩れる不具合を修正 * Exif 情報の絞りの欄をなぜかタグって書いてた(凡ミスですすみませんでした) ### 2.0.0 (2013/05/31) * 公開 * 1.x からの変更点 * 新しくなったデザイン * 最新記事のサムネイル表示 * パーマリンクの大幅な改善 * すべての投稿タイプに対応 * Reblogの場合オリジナルの投稿元を表示 * 画像の表示幅の拡大 * Disqus 対応 * タグ一覧表示 * Exif 表示 * 背景画像変更可 * OGP 設定済 * ソースコードの大幅な整理 ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: illustfolio3/readme.md ================================================ # [Illustfolio 3](http://sanographix.github.io/tumblr/illustfolio3/) llustfolio 3 は、イラストのポートフォリオサイトに特化した無料 Tumblr テーマです。Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れます。 [@sanographix](https://twitter.com/sanographix)がデザインしています。 デモページ: # Illustfolio テーマラインナップ ||[Illustfolio Lumina](https://illustfolio-lumina.sanographix.net/ja/)|[Illustfolio 4](https://sanographix.github.io/illustfolio4/)|[Illustfolio 3](https://sanographix.github.io/tumblr/illustfolio3/)| |-|-|-|-| ||シンプルで、クライアントにも伝わりやすい|シンプルなギャラリー|シンプルなギャラリー| |自己紹介欄|ページ上部|ページ下部|ページ中部| |自己紹介下に問い合わせボタン設置|✅|—|—| |タグ表示|任意のタグを選んでナビゲーションを作成|すべてのタグを一覧表示|すべてのタグを一覧表示| |無限スクロール|✅|—|✅| |フォントの変更|✅|✅|—| |ヘッダ背景色の変更|✅|—|✅| |タイトル文字色の変更|✅|—|—| |強調文字色の変更|✅|✅|—| |サムネイル表示方法|トリミングする・しないを選択可|トリミングする|トリミングしない| |サムネイルの角を丸める|✅|—|—| |Tumblr新投稿フォーマット(NPF)対応|✅|△(部分的)|—| |対応するSNSアイコン|7種類|4種類|4種類| # Install - ## インストール手順 1. 次のURLから「設定する」ボタンを押します。 - 2. Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize) を開き、「▾ 詳細設定」の「デフォルトのモバイルテーマを使用」の **チェックを外します** 。 * このチェックを外さないとスマートフォンで Illustfolio 3 が有効にならないので、外すことを推奨します 3. 下記の「カスタマイズ手順」に従って設定を行います。 #### Note: Illustfolio 1 または 2 からアップグレードする方への注意 * このテーマは、Illustfolio 1 や 2 との互換性は**ありません**。一度インストールすると、以前のテーマの設定が消えます。(投稿などは消えません) ## カスタマイズ手順 ### テーマカスタマイズ画面のデザイン設定 Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、下記の設定をします。 | 設定項目 | 説明 | |-------|-----| |ヘッダ画像|ヘッダ画像をアップロードできます。| |プロフィール画像|プロフィール画像をアップロードできます。| |Accent|アクセントカラーを選べます。リンクやプロフィールモジュールの色として使われます。なお、白っぽい色を選ぶと文字が見えなくなるのでおすすめしません。| |Header Color|ヘッダの色を白と黒から選べます。ヘッダ画像の雰囲気に合わせて選んでください。| |Enable Header Image|ヘッダ画像を有効にします(デフォルト:オン)。| |Enable Tag List|ヘッダのタグ一覧リンクを有効にします(デフォルト:オン)。| |Enable Profile Section|トップページのプロフィール表示を有効にします(デフォルト:オン)。| | 設定項目 | 説明 | |-------|-----| |Google Analytics ID|Googleアナリティクスを使いたい場合は、ここにトラッキングIDを入力します。(例: UA-0000000-0)| | 設定項目 | 説明 | |-------|-----| |Your Name|あなたのハンドルネームを入力してください。| |Your Website URL|あなたのウェブサイトのURLを入力してください。| |Your Facebook Username|あなたの Facebook アカウントを入力してください。| |Your Twitter Username|あなたの Twitter アカウントを入力してください。| |Your Google Plus ID|あなたの Google+ ID を入力してください。| |Your Pixiv ID|あなたの Pixiv ID を入力してください。| |Your Instagram Username|あなたの Instagram アカウントを入力してください。| これで設定は終了です。お疲れ様でした。 ## イラストを投稿する * [ダッシュボード](tumblr.com/dashboard) を開いて、「画像」形式で投稿します。 * そのほかの投稿形式にも対応していますが、イラストは画像形式で投稿するのをおすすめします。 ### 画像にタイトルを設定する Tumblrは画像投稿にタイトルを設定できません。そこで、キャプション欄に見出しタグを設けることでタイトルっぽくできます。タイトルの書き方は下記を参考にしてください。 #### HTML編集モード

    画像のタイトル

    画像のキャプション画像のキャプション画像のキャプション…

    #### Markdownモード ## 画像のタイトル 画像のキャプション画像のキャプション画像のキャプション… ## 固定ページを作る - 自己紹介ページやリンク集など、投稿とは別の固定ページを作成したいときは[テーマカスタマイズ画面](http://www.tumblr.com/customize)の「ページを作成」をクリックしてページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダのナビゲーションにそのページへのリンクが追加されます。 ## Special Thanks デモページは[ゆつかさん](https://twitter.com/jam0v0)のイラストを使用させていただきました。ありがとうございます! - ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## ソースコード ここにあります。 - ## Changelog ### 3.0.3 (2014/11/29) * Androidでツイートボタンが動作しない不具合を修正 ### 3.0.2 (2014/11/24) * テキスト投稿で長い文字列がカラムからはみ出る不具合を修正 ### 3.0.1 (2014/11/06) * 「リアクション」欄が意図せず開閉する不具合を修正 * ヘッダ画像の`max-height`を設定 * プロフィールのテキストが短い時に崩れる不具合を修正 ### 3.0.0 (2014/11/04) * 公開 * 2.x からの変更点 * 新しくなったデザイン * 無限スクロール * ヘッダ画像の表示 * アクセントカラー変更可 * 自分のソーシャルアカウントへのリンク * ソースコードの大幅な整理 ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: memographix/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: memographix/memographix.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} {block:Description} {/block:Description} {block:IfEnableHatenaStar} {/block:IfEnableHatenaStar}

    {Title}

    {block:Description}

    {Description}

    {/block:Description}
    {block:Posts} {block:Text} {/block:Text} {block:Photo} {/block:Photo} {block:Photoset} {/block:Photoset} {block:Quote}


    “{Quote}”
    {block:Source}
    {Source}
    {/block:Source}
    Permalink {TimeAgo} {block:RebloggedFrom} Reblogged from {ReblogParentName} {/block:RebloggedFrom} {block:NoteCount} {NoteCount} Notes {/block:NoteCount} {block:HasTags} {block:Tags} #{Tag} {/block:Tags} {/block:HasTags}
    {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Quote} {block:Link}


    {Name} {block:Description}
    {Description}
    {/block:Description}
    {/block:Link} {block:Chat}


    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video}


    {Video-500}
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Video} {block:Audio}


    {AudioPlayerBlack}
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Audio} {block:Answer}
    {Question}
    {Asker}
    {Answer}
    {block:ContentSource} {/block:ContentSource}
    {/block:Answer} {/block:Posts}
    {block:PreviousPage} Previous {/block:PreviousPage} {block:NextPage} {/block:NextPage}
    ================================================ FILE: memographix/readme.md ================================================ # Memographix #### Simple, Single column theme for Tumblr. ## 【⛔ Notice】 このテーマはサポートしていません * このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。 ## GitHub版を手動でインストールする * [このHTMLをコピーしてTumblrに貼り付けて](https://github.com/sanographix/tumblr/blob/master/memographix/memographix.html)ください。 * GitHub版は[@sanographix](https://twitter.com/sanographix)がたまにデザインの修正・変更を行います。いきなり勝手に見た目が変わったりします。 * それでもいいという場合のみご利用ください。 ## オプション * Enable Hatena Star * スターを表示するか * Google Analytics Tracking ID * 例)UA-000000-00 * TypeSquare Embed Code * https://typesquare.com/alicense/script ←にあるコード * TypeSquareは今年一杯は無料で使えます * 見出しが見出ゴMB31、本文が中ゴシックBBBになります * 何も入力しなかった場合はフォントがヒラギノとかになります * Hatena Star Token * 例)4238bd2ff9df2bb2a6ab11393da28c291ab022eb * http://s.hatena.ne.jp/の「マイページ」でブログのURLを登録する * Hatena.Star.Token = 'ここの文字列をtumblrのオプションにコピペしてください' * スターについて詳しくはhttp://d.hatena.ne.jp/hatenastar/20070707/1184453490を参照 * トークンを設定しなくてもスターは使えます ## ページ作成 * 「ページへのリンクを表示する」にチェックを入れると、ヘッダのメニューにリンクが追加されます * Aboutページとか作るとよいかもです。こういうやつ # Changelog ### 2.1 (2013.01.06) * ブログタイトルとナビゲーションとかのフォントを変更 * 記事内tableにスタイルあたってなかったの修正 * 記事内で.btnとか使えるようにした * その他スタイル調整 ### 2.0 (2012.12.26) * 見た目を大幅に変更 * タイトルをセンタリング * リンク色を緑に * フォントファミリをOpen Sans + ヒラギノに * TypeSquareやめた * 自動カーニングやめた * はてなスターの出る位置をフッタに * その他CSSの修正 ### 1.0 (2012.05.29) * 公開 ### テーマガーデン版 * テーマガーデン版は1.0のまま変更しません ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ================================================ FILE: readme.md ================================================ # Tumblr Themes by sanographix * Tumblrで使えるテーマです # View All Themes * # License テーマはそれぞれのライセンスのもとで自由に利用できます。詳細は各テーマのライセンスをご確認ください。 # FAQ ## 不具合かな? と思ったら **サポート情報は下記URLに移動しました。** - # Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * * Twitter: [@sanographix](https://twitter.com/sanographix) * GitHub: [sanographix](https://github.com/sanographix) ================================================ FILE: reblographix/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: reblographix/readme.md ================================================ # Reblographix ## 【⛔ Notice】 このテーマはサポートしていません * このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。 ## 手動でインストールする * http://www.tumblr.com/customizeに行く * 「HTMLを編集」を押す * (元のhtmlはバックアップを取っておいたほうが良いです) * もとのhtmlを削除してreblographix.htmlをコピペする ## オプション * Google Analytics Tracking ID * 例)UA-000000-00 * Your Domain * example.tumblr.com * ヘッダの検索フォーム用 ## 詳細設定 * 1ページあたり投稿数をMAX(15)にするとよさそう ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ================================================ FILE: reblographix/reblographix.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} {block:Description} {/block:Description}
    {block:IndexPage}

    {Title}

    {block:Description} {/block:Description}
    {/block:IndexPage}
    {block:Posts} {block:Text}
    {block:Title}

    {Title}

    {/block:Title} {Body}
    {block:NoteCount} {/block:NoteCount} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Text} {block:Photo}
    {LinkOpenTag} {PhotoAlt} {LinkCloseTag} {block:PermalinkPage} {block:Caption}
    {Caption} {block:ContentSource} {/block:ContentSource} {block:NoteCount} {/block:NoteCount} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Caption} {/block:PermalinkPage}
    {/block:Photo} {block:Photoset}
    {block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} {block:PermalinkPage} {block:Caption}
    {Caption} {block:ContentSource} {/block:ContentSource} {block:NoteCount} {/block:NoteCount} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Caption} {/block:PermalinkPage}
    {/block:Photoset} {block:Quote}
    “{Quote}” {block:PermalinkPage} {block:Source}
    {Source} {block:NoteCount} {/block:NoteCount} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Source} {block:PermalinkPage}
    {/block:Quote} {block:Link}
    {Name} {block:Description}
    {Description}
    {/block:Description} {block:NoteCount} {/block:NoteCount} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Link} {block:Chat}
    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video}
    {Video-500} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Video} {block:Audio}
    {AudioPlayerBlack} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Audio} {block:PermalinkPage} {/block:PermalinkPage} {/block:Posts}
    ================================================ FILE: reblographix2/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: reblographix2/readme.md ================================================ # Reblographix 2 ## 【⛔ Notice】 このテーマはサポートしていません * このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。 ## Free responsive tumblr template Reblographix 2 は、大量の画像を Reblog する人のための Tumblr テーマです。 [@sanographix](https://twitter.com/sanographix)がデザインしています。 詳細はこちらの紹介ページをご覧ください。 [http://sanographix.github.com/tumblr/reblographix2](http://sanographix.github.com/tumblr/reblographix2) ## 1. インストールする * [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/reblographix2/reblographix2.html)する * Tumblrのダッシュボードから、設定 -> テーマカスタマイズ画面を開く * (元のhtmlはバックアップを取っておいたほうが良いです) * もとのhtmlを削除してreblographix2.htmlを貼り付けて保存する ## 2. カスタマイズする テーマカスタマイズ画面でカスタマイズできます。 ### はじめに行う設定 * 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す** * このチェックが外れていないとレスポンシブ的なデザインにならないです。 * ただし画像の多いブログだと比較的重いので、もし重かったら諦めてモバイルレイアウトを使ってください。 ### デザイン設定 | 設定項目 | 説明 | |-------|-----|-----| | Hide Tumblr Controls | 右上の「ダッシュボード」とか「リブログ」とか書いてある黒いリンクを非表示にします。(モバイルで見た時デザインの都合上邪魔なので消せるようにしています) | | Blog Domain | 検索フォーム用に自分のブログドメイン(`http://`とかは入れない)を入力します。(例:foo.tumblr.com) | | Google Analytics ID | Google Analytics を使う場合はここにトラッキングIDを入力します。 | ## 3. ページを追加する - Aboutページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ナビゲーションにそのページへのリンクが追加されます。 ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## Changelog ### 2.2.1 (2014/07/04) * 動画投稿のときサムネイルを表示するように ### 2.2.0 (2014/04/16) * フォトセットをレスポンシブデザイン対応 ### 2.1.2 (2014/03/07) * 固定ページではReblogボタンを表示しないように ### 2.1.1 (2013/07/18) * Tumblr Control を消すのをデフォルトではオフにした ### 2.1 (2013/05/04) * Like & Reblog ボタンを [Tumblr 公式のもの](http://nihongo.tumblr.com/post/49435671970)に変更 ### 2.0.1 beta (2013/04/07) * `Hide Tumblr Controls` に文言変更 * タグページの修正 ### 2.0.0 beta (2013/04/07) * 公開 * 1.x からの変更点 * [Reblographix](http://www.tumblr.com/theme/35965)をベースに完全に作りなおした * パーマリンクの大幅な改善 * すべての投稿タイプに対応 * index ページ表示高速化 * スライドするナビゲーション * より広いブラウザ幅のサポート * Retina ディスプレイのサポート * よりネイティブアプリ感のある見た目
    # Reblographix 2 #### Reblographix2 is free responsive, HTML5 tumblr template. ## Usage 1. [Copy this HTML file](https://github.com/sanographix/tumblr/blob/master/reblographix2/reblographix2.html). 2. Go to Tumblr dashboard, and open design settings. 3. Press "Edit HTML", delete current HTML and paste reblographix2 HTML. ## Options ### Recommended settings * **Don't** use mobile layout ================================================ FILE: reblographix2/reblographix2.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} {block:PermalinkPage} {block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {block:Photos} {/block:Photos} {/block:Photoset} {/block:Posts} {/block:PermalinkPage} {block:IndexPage} {/block:IndexPage} {block:IndexPage}
    {block:TagPage}

    Posts tagged "{Tag}"

    {/block:TagPage} {block:Posts}
    {block:Text}
    {block:Title}

    {Title}

    {/block:Title}
    {Body}
    {/block:Text} {block:Photo}
    {/block:Photo} {block:Photoset} {block:Photos}
    {/block:Photos} {/block:Photoset} {block:Quote}
    “{Quote}”
    {/block:Quote} {block:Link}

    {Name}

    {block:Description} {/block:Description}
    {/block:Link} {block:Chat}
    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video} {block:VideoThumbnail}
    {/block:VideoThumbnail} {block:Caption}
    {Caption}
    {/block:Caption} {/block:Video} {block:Audio} {block:Caption}
    {Caption}
    {/block:Caption} {/block:Audio} {block:Answer}
    {Question}
    {Asker}

    {Answer}
    {/block:Answer}
    {/block:Posts}
    {block:Pagination}
    {block:PreviousPage} Prev {/block:PreviousPage} {block:NextPage} {/block:NextPage}
    {/block:Pagination} {/block:IndexPage} {block:PermalinkPage}
    {block:Posts}
    {block:Text}
    {block:Title}

    {Title}

    {/block:Title}
    {Body}
    {/block:Text} {block:Photo}
    {LinkOpenTag} {PhotoAlt} {LinkCloseTag}
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photo} {block:Photoset}
    {Photoset-500}
    {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photoset} {block:Quote}
    “{Quote}”
    {block:Source}
    {Source}
    {/block:Source}
    {/block:Quote} {block:Link}

    {Name}

    {block:Description} {/block:Description}
    {/block:Link} {block:Chat}
    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video}
    {Video-700} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Video} {block:Audio}
    {AudioPlayerBlack} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Audio} {block:Answer}
    {Question}
    {Asker}

    {Answer}
    {/block:Answer}
    {/block:Posts}
    {/block:PermalinkPage} ================================================ FILE: tokusetsu/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: tokusetsu/readme.md ================================================ # Tokusetsu ## 【⛔ Notice】 このテーマはサポートしていません * このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。 #### Free responsive tumblr template for doujin music artists Tokusetsuは、同人音楽CDの特設サイトが簡単に作れる無料Tumblrテンプレートです。 HTMLの知識を必要とせず、フォームに情報を入力していくだけで特設サイトが作れます。 [@sanographix](https://twitter.com/sanographix)がデザインしています。
    ## [おしらせ] Tokusetsu 2 を作りました Tokusetsu をベースに、新しいデザインと多数の新機能を盛り込んだ [Tokusetsu 2](http://sanographix.github.io/tumblr/tokusetsu2/) を作りました。これから Tokusetsu を使いはじめるなら Tokusetsu 2 をおすすめします。 紹介ページ→ (お知らせ終わり)
    # 設定手順 ## 1. インストールする ### 特設サイト用に新しくTumblrブログを作成する場合(推奨) * [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/tokusetsu/tokusetsu.html)する * Tumblrでブログを新規作成する * Tumblrは1つのアカウントで複数ブログ作れます * Tumblrの設定 -> テーマカスタマイズ画面を開く * もとのhtmlを削除してtokusetsu.htmlを貼り付ける ### 既存のTumblrブログを使う場合 * [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/tokusetsu/tokusetsu.html)する * Tumblrの設定 -> テーマカスタマイズ画面を開く * (元のhtmlはバックアップを取っておいたほうが良いです) * もとのhtmlを削除してtokusetsu.htmlを貼り付ける ## 2. カスタマイズする テーマカスタマイズ画面でカスタマイズできます。 ### 【!!!重要!!!】はじめに必ず行ってください * 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す** * このチェックが外れていないとスマートフォンでうまく表示されないので必ず外してください。 ### デザイン設定 * 必要な項目だけ入力すれば良いです。すべての項目を埋める必要はありません。 * ※tumblrの設定画面だとアルファベット順に並んでいます。 | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | タイトル | CDのタイトルを入力します。 | THE EXAMPLES THE BEST | | 説明 | CDについて簡単な説明を入力します。 | オリジナルアルバムです!! | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | font | フォントを選択できます。 | 初期設定は Open Sans | | Dark Theme | 黒いテーマに切り替えられます。 | | | Enable Facebook Button | Facebookのいいね!ボタンを表示します。 | | | Enable Tweet Button | ツイートボタンを表示します。 | | | Enable Bookmark Button | はてなブックマークボタンを表示します。 | | | Enable Plus1 Button | Google+「+1」ボタンを表示します。| | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| |Main Image | ヘッダに表示するメイン画像をアップロードできます。幅1170pxの画像を推奨します(高さは何でもいいです)。 | | |Jacket | CDジャケット画像をアップロードできます。幅300pxで表示されます。| | | Banner1, Banner2 | バナーを2種類までアップロードできます。 | | |Background | 背景画像をアップロードできます。 | | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| |Circle Name | サークル名を入力します。 | | |Circle URL | サークルのURLを入力します。| | |Event Space Number | イベントのスペース番号を入力します。| 東ポ - 99 自宅警備員詰所 | | Introduction Heading | 見出しです。CDのかっこいいキャッチフレーズとかを入力します。デフォルトでは「Introduction」となります。 | | | Introduction | CDの説明やアピールしたいことを入力します。テキストエリアが狭いですが気持ち長めに書いたほうが見栄えが良いです。 | | | Price | CDの価格を入力します。 | | | Release Date | 頒布日を入力します。 | 2199年12月34日 コミックエクストリームマーケット99 | | Spec | 仕様を入力します。 | オリジナルCD(プレスCD) | | Store01〜04 Name | 委託販売する場合は委託先を入力します。4つまで入力できます。 | | | Store01〜04 URL | 委託販売する場合はストアの商品ページのURLを入力します。| | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | Track01〜10 Title | 曲名を入力します。10曲まで入力できます。 | あずにゃんの歌 | | Staff01〜10 Description | 曲に補足説明がある場合は入力します。二次創作の場合は原曲とか書くと良さそうです。 | ボーカル:中野梓 | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | Staff01〜10 Name | スタッフの名前を入力します。10人まで入力できます。 | | | Staff01〜10 Role | スタッフ01〜10までの、それぞれの役割を入力します。 | Arrange, Vocal, etc | | Staff01〜10 URL | スタッフ01〜10までの、それぞれのURLを入力します。webサイトを持っていないスタッフは空欄で良いです。 | | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | Soundcloud Embed Code | Soundcloudを貼り付けたい時は貼り付けタグを入力します。貼り付けタグは、Widget Code の中に書いてあるコードの、https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F<<ここの8桁の数字>> です。
    ![](http://media.tumblr.com/437b0f7a3cdb6465c568f068379ca845/tumblr_inline_mhzuz9A6YZ1qz4rgp.png) | 78607110 | | Youtube Embed Code | Youtubeを貼り付けたい時は貼り付けタグを入力します。貼り付けタグは、「共有」-> 「埋め込みコード」の中に書いてあるコードの、http://www.youtube.com/embed/<<ここの文字列>> です。 | hQPbpjdfbJM | | Nicovideo Embed Code | ニコニコ動画を貼り付けたい時は貼り付けタグを入力します。貼り付けタグは動画のURLに記載されているsm12345678のような文字列です。 | sm12345678 | |Google Analytics ID|Googleアナリティクスを使う場合は、ここにトラッキングIDを入力してください。| UA-12345678-1 | |Footer Text |ページの最後に表示するテキストを入力します。二次創作の場合は注意書きとかあると良いかもです | 当作品は二次創作作品であり、上海アリス幻樂団様とは一切関係ありません。 | 以上で基本的な設定は完了です。お疲れ様でした。 ## 3. ページを追加する - 配布物置き場ページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。 ## Special Thanks デモページは[火曜さん](http://twitter.com/kayou_bi)のイラストを使用させていただきました。ありがとうございます! [http://www.pixiv.net/member_illust.php?id=62835](http://www.pixiv.net/member_illust.php?id=62835) ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ### このテーマのよくある質問 ##### Q: 曲が10曲以上あるから入力欄を増やしたい * HTMLを直接編集してください。分からなかったらHTMLの分かるお友達などに手伝ってもらってください。 ##### Q: 記事書いて投稿しても何も起きないよ * ごめんなさい、仕様です。このテンプレートをブログ的に使うことはできません。ブログとして使いたい場合は別のTumblrテンプレートを使ってください。 ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## Changelog ### 1.0.1 (2013/2/10) * ストアを4つまで指定できるように * Introduction の見出しを指定できるように * CSS調整 ### 1.0.0 (2013/2/10) * 公開
    # Tokusetsu #### Tokusetsu is free responsive tumblr template for doujin music artists ## Features * Easy to create doujin music website * Customizable * Responsive design * Embeddable Soundcloud, Youtube, Niconico player ## Usage 1. [Copy this HTML file](https://github.com/sanographix/tumblr/blob/master/tokusetsu/tokusetsu.html). 2. Create a new tumblr blog, and open design settings. 3. Press "Edit HTML", delete current HTML and paste Tokusetsu HTML. 4. Fill "Design settings". ## Options ### Recommended settings * **Don't** use mobile layout ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: tokusetsu/tokusetsu-demo.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} {block:Description} {/block:Description} {block:IfEnableFacebookButton}
    {/block:IfEnableFacebookButton}
    {block:IndexPage}
    {Title}
    {block:IfIntroduction}

    {text:Introduction Heading}

    {text:Introduction}

    {/block:IfIntroduction}

    これはデモサイトです

    このサイトは、同人音楽CDの特設サイトが簡単につくれる無料Tubmlrテンプレート「Tokusetsu」のデモサイトです。
    イラストは火曜さんのイラストを使用させていただきました。

    このテンプレートについて詳しく
    {block:IfJacketImage} {Title} {/block:IfJacketImage} {block:IfNotJacketImage}
    NOW PRINTING
    {/block:IfNotJacketImage}
    {block:IfStore01Name} {block:IfStore01Name} {/block:IfStore01Name}
    タイトル {Title}
    サークル {block:IfCircleURL}{/block:IfCircleURL}{text:Circle Name}{block:IfCircleURL}{/block:IfCircleURL}
    仕様 {text:Spec}
    頒布日 {text:Release Date}
    頒布場所 {text:Event Space Number}
    価格 {text:Price}
    購入
    {block:IfYoutubeEmbedCode}

    Youtube

    {/block:IfYoutubeEmbedCode} {block:IfNicovideoEmbedCode}

    NicoNico

    {/block:IfNicovideoEmbedCode} {block:IfSoundcloudEmbedCode}

    Soundcloud

    {/block:IfSoundcloudEmbedCode}
    {block:IfTrack01Title} {/block:IfTrack01Title} {block:IfTrack02Title} {/block:IfTrack02Title} {block:IfTrack03Title} {/block:IfTrack03Title} {block:IfTrack04Title} {/block:IfTrack04Title} {block:IfTrack05Title} {/block:IfTrack05Title} {block:IfTrack06Title} {/block:IfTrack06Title} {block:IfTrack07Title} {/block:IfTrack07Title} {block:IfTrack08Title} {/block:IfTrack08Title} {block:IfTrack09Title} {/block:IfTrack09Title} {block:IfTrack10Title} {/block:IfTrack10Title}
    01 {text:Track01 Title} {text:Track01 Description}
    02 {text:Track02 Title} {text:Track02 Description}
    03 {text:Track03 Title} {text:Track03 Description}
    04 {text:Track04 Title} {text:Track04 Description}
    05 {text:Track05 Title} {text:Track05 Description}
    06 {text:Track06 Title} {text:Track06 Description}
    07 {text:Track07 Title} {text:Track07 Description}
    08 {text:Track08 Title} {text:Track08 Description}
    09 {text:Track09 Title} {text:Track09 Description}
    10 {text:Track10 Title} {text:Track10 Description}
      {block:IfStaff01Name}
    • {text:Staff01 Role}
      {text:Staff01 Name} {block:IfStaff01URL} Website {/block:IfStaff01URL}
    • {/block:IfStaff01Name} {block:IfStaff02Name}
    • {text:Staff02 Role}
      {text:Staff02 Name} {block:IfStaff02URL} Website {/block:IfStaff02URL}
    • {/block:IfStaff02Name} {block:IfStaff03Name}
    • {text:Staff03 Role}
      {text:Staff03 Name} {block:IfStaff03URL} Website {/block:IfStaff03URL}
    • {/block:IfStaff03Name} {block:IfStaff04Name}
    • {text:Staff04 Role}
      {text:Staff04 Name} {block:IfStaff04URL} Website {/block:IfStaff04URL}
    • {/block:IfStaff04Name} {block:IfStaff05Name}
    • {text:Staff05 Role}
      {text:Staff05 Name} {block:IfStaff05URL} Website {/block:IfStaff05URL}
    • {/block:IfStaff05Name} {block:IfStaff06Name}
    • {text:Staff06 Role}
      {text:Staff06 Name} {block:IfStaff06URL} Website {/block:IfStaff06URL}
    • {/block:IfStaff06Name} {block:IfStaff07Name}
    • {text:Staff07 Role}
      {text:Staff07 Name} {block:IfStaff07URL} Website {/block:IfStaff07URL}
    • {/block:IfStaff07Name} {block:IfStaff08Name}
    • {text:Staff08 Role}
      {text:Staff08 Name} {block:IfStaff08URL} Website {/block:IfStaff08URL}
    • {/block:IfStaff08Name} {block:IfStaff09Name}
    • {text:Staff09 Role}
      {text:Staff09 Name} {block:IfStaff09URL} Website {/block:IfStaff09URL}
    • {/block:IfStaff09Name} {block:IfStaff10Name}
    • {text:Staff10 Role}
      {text:Staff10 Name} {block:IfStaff10URL} Website {/block:IfStaff10URL}
    • {/block:IfStaff10Name}
    {block:IfBanner1Image} {/block:IfBanner1Image}
    {/block:IndexPage} {block:PermalinkPage} {block:Posts}
    {block:Text} {block:Title} {/block:Title}
    {Body}
    {/block:Text}
    {/block:Posts} {/block:PermalinkPage}
    ================================================ FILE: tokusetsu/tokusetsu.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} {block:Description} {/block:Description} {block:IfEnableFacebookButton}
    {/block:IfEnableFacebookButton}
    {block:IndexPage}
    {Title}
    {block:IfIntroduction}

    {text:Introduction Heading}

    {text:Introduction}

    {/block:IfIntroduction}
    {block:IfJacketImage} {Title} {/block:IfJacketImage} {block:IfNotJacketImage}
    NOW PRINTING
    {/block:IfNotJacketImage}
    {block:IfStore01Name} {block:IfStore01Name} {/block:IfStore01Name}
    タイトル {Title}
    サークル {block:IfCircleURL}{/block:IfCircleURL}{text:Circle Name}{block:IfCircleURL}{/block:IfCircleURL}
    仕様 {text:Spec}
    頒布日 {text:Release Date}
    頒布場所 {text:Event Space Number}
    価格 {text:Price}
    購入
    {block:IfYoutubeEmbedCode}

    Youtube

    {/block:IfYoutubeEmbedCode} {block:IfNicovideoEmbedCode}

    NicoNico

    {/block:IfNicovideoEmbedCode} {block:IfSoundcloudEmbedCode}

    Soundcloud

    {/block:IfSoundcloudEmbedCode}
    {block:IfTrack01Title} {/block:IfTrack01Title} {block:IfTrack02Title} {/block:IfTrack02Title} {block:IfTrack03Title} {/block:IfTrack03Title} {block:IfTrack04Title} {/block:IfTrack04Title} {block:IfTrack05Title} {/block:IfTrack05Title} {block:IfTrack06Title} {/block:IfTrack06Title} {block:IfTrack07Title} {/block:IfTrack07Title} {block:IfTrack08Title} {/block:IfTrack08Title} {block:IfTrack09Title} {/block:IfTrack09Title} {block:IfTrack10Title} {/block:IfTrack10Title}
    01 {text:Track01 Title} {text:Track01 Description}
    02 {text:Track02 Title} {text:Track02 Description}
    03 {text:Track03 Title} {text:Track03 Description}
    04 {text:Track04 Title} {text:Track04 Description}
    05 {text:Track05 Title} {text:Track05 Description}
    06 {text:Track06 Title} {text:Track06 Description}
    07 {text:Track07 Title} {text:Track07 Description}
    08 {text:Track08 Title} {text:Track08 Description}
    09 {text:Track09 Title} {text:Track09 Description}
    10 {text:Track10 Title} {text:Track10 Description}
      {block:IfStaff01Name}
    • {text:Staff01 Role}
      {text:Staff01 Name} {block:IfStaff01URL} Website {/block:IfStaff01URL}
    • {/block:IfStaff01Name} {block:IfStaff02Name}
    • {text:Staff02 Role}
      {text:Staff02 Name} {block:IfStaff02URL} Website {/block:IfStaff02URL}
    • {/block:IfStaff02Name} {block:IfStaff03Name}
    • {text:Staff03 Role}
      {text:Staff03 Name} {block:IfStaff03URL} Website {/block:IfStaff03URL}
    • {/block:IfStaff03Name} {block:IfStaff04Name}
    • {text:Staff04 Role}
      {text:Staff04 Name} {block:IfStaff04URL} Website {/block:IfStaff04URL}
    • {/block:IfStaff04Name} {block:IfStaff05Name}
    • {text:Staff05 Role}
      {text:Staff05 Name} {block:IfStaff05URL} Website {/block:IfStaff05URL}
    • {/block:IfStaff05Name} {block:IfStaff06Name}
    • {text:Staff06 Role}
      {text:Staff06 Name} {block:IfStaff06URL} Website {/block:IfStaff06URL}
    • {/block:IfStaff06Name} {block:IfStaff07Name}
    • {text:Staff07 Role}
      {text:Staff07 Name} {block:IfStaff07URL} Website {/block:IfStaff07URL}
    • {/block:IfStaff07Name} {block:IfStaff08Name}
    • {text:Staff08 Role}
      {text:Staff08 Name} {block:IfStaff08URL} Website {/block:IfStaff08URL}
    • {/block:IfStaff08Name} {block:IfStaff09Name}
    • {text:Staff09 Role}
      {text:Staff09 Name} {block:IfStaff09URL} Website {/block:IfStaff09URL}
    • {/block:IfStaff09Name} {block:IfStaff10Name}
    • {text:Staff10 Role}
      {text:Staff10 Name} {block:IfStaff10URL} Website {/block:IfStaff10URL}
    • {/block:IfStaff10Name}
    {block:IfBanner1Image} {/block:IfBanner1Image}
    {/block:IndexPage} {block:PermalinkPage} {block:Posts}
    {block:Text} {block:Title} {/block:Title}
    {Body}
    {/block:Text}
    {/block:Posts} {/block:PermalinkPage}
    ================================================ FILE: tokusetsu2/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: tokusetsu2/readme.md ================================================ # Tokusetsu 2 - #### Free responsive tumblr template for doujin music artists Tokusetsu 2 は、同人音楽 CD の特設サイトが簡単に作れる無料 Tumblr テンプレートです。 HTML の知識を必要とせず、フォームに情報を入力していくだけで特設サイトが作れます。 [@sanographix](https://twitter.com/sanographix) が作っています。
    ## [おしらせ] Tokusetsu 3 を作りました 新しいデザインと多数の新機能を盛り込んだ [Tokusetsu 3](https://sanographix.github.io/tokusetsu3/) を作りました。これから Tokusetsu を使いはじめるなら Tokusetsu 3 をおすすめします。 紹介ページ→ (お知らせ終わり)
    ## デモを見る デモページはこちらです。 ## 対応ブラウザ - Chrome, Firefox, Safari, Opera の最新版 - IE9 以降 # 設定手順 ## 1. インストールする 事前に [tumblr のユーザー登録](https://www.tumblr.com/register)を行なってください。 1. [テーマのhtmlファイル](https://github.com/sanographix/tumblr/blob/master/tokusetsu2/tokusetsu2.html)をコピーします。[ここから Ctrl+a で全選択してコピー](https://raw.github.com/sanographix/tumblr/master/tokusetsu2/tokusetsu2.html)するとやりやすい 2. Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、「HTMLを編集」を押します。 3. もとの html を削除して `tokusetsu2.html` の中身を貼り付けて保存します。 - ※ 保存すると、以前のテーマの設定は消えます。必要であればバックアップをとってください。 4. 「▾ 詳細設定」の **「デフォルトのモバイルテーマを使用」のチェックを外します。** - このチェックが外れていないとスマートフォンでうまく表示されないので必ず外してください。 5. 下記の「カスタマイズ手順」に従って設定を行います。 #### Tokusetsu 1 からアップデートする方への注意 * Tokusetsu 2 は、Tokusetsu 1 と **互換性がありません。** 一部の設定項目は共通ですが、それ以外の設定はアップデートすると消えます。 ## 2. カスタマイズする テーマの機能を正しく使用できるようにするため、必ず下記の設定を行なってください。 ### デザイン設定 * Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、下記の設定をします。 * 必要な項目だけ入力すれば良いです。すべての項目を埋める必要はありません。 * ※ 項目の順番がtumblrの設定画面と異なってますがご了承ください(tumblr 側ではアルファベット順に並んでいます。) | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | タイトル | CDのタイトルを入力します。 | Original Star* | | 説明 | CDについて簡単な説明を入力します。 | コミックマーケット99で頒布する星宮いちごのオリジナルアルバムです!! | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | Theme Color | テーマを4色から切り替えられます。 | 初期設定は `Strawberry` | | Enable Facebook Button | Facebookのいいね!ボタンを表示します。 | | | Enable Tweet Button | ツイートボタンを表示します。 | | | Enable Bookmark Button | はてなブックマークボタンを表示します。 | | | Enable Plus1 Button | Google+「+1」ボタンを表示します。| | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| |Main Image | ヘッダに表示するメイン画像を 1600x600px でアップロードしてください。画像は[テンプレート](http://sanographix.github.io/public/tumblr/tokusetsu2/images/header-template.jpg)を参考に制作してください。 | | |Jacket | CDジャケット画像をアップロードしてください。推奨サイズは600×600pxです。| | | Banner1, Banner2 | バナーを2種類までアップロードできます。 | | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| |Circle Name | サークル名を入力します。 | 星宮いちごファンクラブ | |Circle URL | サークルのURLを入力します。| | |Event Booth Number | イベントのスペース番号を入力します。| 東あ-999a | | Introduction Heading | 見出しです。CDのかっこいいキャッチフレーズとかを入力します。デフォルトでは「Introduction」となります。 | わたしのベストアルバムだよ☆ | | Introduction | CDの説明やアピールしたいことを入力します。テキストエリアが狭いですが気持ち長めに書いたほうが見栄えが良いです。 | | | Price | CDの価格を入力します。 | | | Release Date | 頒布日を入力します。 | 2199年12月34日 コミックエクストリームマーケット99 | | Spec | 仕様を入力します。 | オリジナルCD(プレスCD) | | Store01〜04 Name | 委託販売する場合は委託先を入力します。4つまで入力できます。 | | | Store01〜04 URL | 委託販売する場合はストアの商品ページのURLを入力します。| | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | Track01〜10 Title | 曲名を入力します。10曲まで入力できます。 | 星宮いちごのテーマ | | Track01〜10 Description | 曲に補足説明がある場合は入力します。二次創作の場合は原曲とか書くと良さそうです。 | Vo:星宮いちご | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | Staff01〜10 Name | スタッフの名前を入力します。10人まで入力できます。 | 霧矢あおい | | Staff01〜10 Role | スタッフ01〜10までの、それぞれの役割を入力します。 | Arrange, Vocal, etc | | Staff01〜10 URL | スタッフ01〜10までの、それぞれのURLを入力します。webサイトを持っていないスタッフは空欄で良いです。 | | | 設定項目 | 説明 | 設定例 | |-------|-----|-----| | Soundcloud Embed Code | Soundcloudを貼り付けたい時は貼り付けタグを入力します。貼り付けタグは、Widget Code の中に書いてあるコードの、https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F<<ここの8桁の数字>> です。
    ![](http://media.tumblr.com/437b0f7a3cdb6465c568f068379ca845/tumblr_inline_mhzuz9A6YZ1qz4rgp.png) | 78607110 | | Youtube Embed Code | Youtubeを貼り付けたい時は貼り付けタグを入力します。貼り付けタグは、「共有」-> 「埋め込みコード」の中に書いてあるコードの、http://www.youtube.com/embed/<<ここの文字列>> です。 | hQPbpjdfbJM | | Nicovideo Embed Code | ニコニコ動画を貼り付けたい時は貼り付けタグを入力します。貼り付けタグは動画のURLに記載されているsm12345678のような文字列です。 | sm12345678 | |Google Analytics ID|Googleアナリティクスを使う場合は、ここにトラッキングIDを入力してください。| UA-12345678-1 | |Footer Text |ページの最後に表示するテキストを入力します。二次創作の場合は注意書きとかあると良いかもです | 当作品は二次創作作品であり、すべての企業・団体とは一切関係ありません。 | ## 3. ページを公開する ページを公開する前に、下記の動作確認を必ず行ってください。 - お手持ちのスマートフォンで、正しくページが表示できているか確認します。特に「デフォルトのモバイルテーマを使用」のチェックは必ず外してください。外さないとスマートフォンで閲覧できなくなります。 - ブラウザの横幅を伸び縮みさせて、レイアウトに問題がないかチェックします。もし特定の幅で崩れる場合、各画像のサイズや構図、各文章の量を調整してください。 - **Tumblr側の仕様により、ページに広告が表示される場合があるようです。** 広告はTumblrの設定で無効にできます(2017年5月現在)。 ## 4. オプション: ページを追加する - 配布物置き場ページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。 ## Special Thanks デモページは[チョモさん](https://twitter.com/as_chomo)のイラストを使用させていただきました。ありがとうございます! ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ### このテーマのよくある質問 ##### Q: 曲が10曲以上あるから入力欄を増やしたい * HTMLを直接編集してください。 曲名のところはこういう感じになっているので、ここをコピペして Track11 とか 12 とか増やせます。 {block:IfTrack10Title}
  • 10 {text:Track10 Title} {text:Track10 Description}
  • {block:IfTrack10Title} 分からなかったらHTMLの分かる人を呼んで手伝ってもらってください。 ##### Q: ツイートボタンのURLがおかしい / Facebook Like ボタンの数字が670万とかになってておかしい * まれに起きる不具合のようです。原因は調査中です。バージョン 2.0.7 で修正したつもりですので、再度テンプレートをコピペしなおして保存してください。 ##### Q: 記事書いて投稿しても何も起きない * ごめんなさい、仕様です。このテンプレートをブログ的に使うことはできません。ブログとして使いたい場合は別のTumblrテンプレートを使ってください。 ##### Q: 同人音楽CD以外にも使えますか? * 頑張れば使えなくもないですが、かなり頑張らないといけないのと、HTMLの知識が必要だと思います。HTMLを改変した場合はサポートの対象外です。 * 同人だと音楽ジャンルが最も特設サイト文化が根付いているのでそれに特化させています。 ##### Q: ヘッダのナビゲーションが固定されなくなった * Safariでスクロールしたときにナビゲーションが正常に表示されない不具合があったため、バージョン`2.0.5`から一時的に取り下げています。原因を調査中です。 ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## Changelog ### 2.0.8 (2015/01/04) * 設定項目`Blog Domain`を省略した ### 2.0.7 (2014/08/05) * Facebook Like ボタンのカウント数がおかしい問題を再度修正 ### 2.0.6 (2014/07/22) * Facebook Like ボタンの位置がずれるのを修正 ### 2.0.5 (2014/07/02) * ヘッダナビゲーションの固定をやめる * Safariでスクロールしたときに正常に表示されない不具合があったため一時的に取り下げています。原因調査中です ### 2.0.4 (2013/12/29) * Google Analytics 入力欄がなかった問題を修正 ### 2.0.3 (2013/12/28) * Facebook Like ボタンのカウント数がおかしい問題を修正 ### 2.0.2 (2013/12/26) * ツイートボタンのURLが正しく表示されないことがある問題を修正 ### 2.0.1 (2013/11/24) * header のマスクがリンク切れしてた不具合を修正 ### 2.0.0 (2013/11/18) * 公開 ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: tokusetsu2/tokusetsu2-demo.html ================================================

    これはデモサイトです

    このサイトは、同人音楽CDの特設サイトが簡単につくれる無料Tubmlrテンプレート「Tokusetsu 2」のデモサイトです。 イラストはチョモさんのイラストを使用させていただきました。

    このテンプレートについて詳しく
    ================================================ FILE: tokusetsu2/tokusetsu2.html ================================================ {block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}{block:IndexPage} - {text:Circle Name}{/block:IndexPage} {block:TagPage} {/block:TagPage} {block:DayPage} {/block:DayPage} {block:Description} {/block:Description} {block:IfMainImageImage} {/block:IfMainImageImage} {block:Description} {/block:Description} {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {block:IfEnableFacebookButton}
    {/block:IfEnableFacebookButton} {block:IndexPage}
    {block:IfIntroduction}

    {text:Introduction Heading}

    {text:Introduction}

    {/block:IfIntroduction}
    {block:IfJacketImage} {Title} {/block:IfJacketImage} {block:IfNotJacketImage}
    NOW PRINTING
    {/block:IfNotJacketImage}
    {block:IfStore01Name} {/block:IfStore01Name}
    タイトル {Title}
    サークル {block:IfCircleURL}{/block:IfCircleURL}{text:Circle Name}{block:IfCircleURL}{/block:IfCircleURL}
    仕様 {text:Spec}
    頒布日 {text:Release Date}
    頒布場所 {text:Event Booth Number}
    価格 {text:Price}
    購入
    {block:IfStore01Name}

    Available Now

    購入する {/block:IfStore01Name} {block:IfStore02Name}
    {/block:IfStore02Name} {block:IfStore01Name}
    {/block:IfStore01Name}

    Tracklist

      {block:IfTrack01Title}
    1. 01 {text:Track01 Title} {text:Track01 Description}
    2. {/block:IfTrack01Title} {block:IfTrack02Title}
    3. 02 {text:Track02 Title} {text:Track02 Description}
    4. {/block:IfTrack02Title} {block:IfTrack03Title}
    5. 03 {text:Track03 Title} {text:Track03 Description}
    6. {block:IfTrack03Title} {block:IfTrack04Title}
    7. 04 {text:Track04 Title} {text:Track04 Description}
    8. {/block:IfTrack04Title} {block:IfTrack05Title}
    9. 05 {text:Track05 Title} {text:Track05 Description}
    10. {/block:IfTrack05Title} {block:IfTrack06Title}
    11. 06 {text:Track06 Title} {text:Track06 Description}
    12. {block:IfTrack06Title} {block:IfTrack07Title}
    13. 07 {text:Track07 Title} {text:Track07 Description}
    14. {/block:IfTrack07Title} {block:IfTrack08Title}
    15. 08 {text:Track08 Title} {text:Track08 Description}
    16. {/block:IfTrack08Title} {block:IfTrack09Title}
    17. 09 {text:Track09 Title} {text:Track09 Description}
    18. {block:IfTrack09Title} {block:IfTrack10Title}
    19. 10 {text:Track10 Title} {text:Track10 Description}
    20. {block:IfTrack10Title}
    {block:IfYoutubeEmbedCode}

    Youtube

    {/block:IfYoutubeEmbedCode} {block:IfNicovideoEmbedCode}

    NIcoNico

    {/block:IfNicovideoEmbedCode} {block:IfSoundcloudEmbedCode}

    Soundcloud

    {/block:IfSoundcloudEmbedCode}

    Staff

      {block:IfStaff01Name}
    • {text:Staff01 Role} {text:Staff01 Name} {block:IfStaff01URL} Website {/block:IfStaff01URL}
    • {/block:IfStaff01Name} {block:IfStaff02Name}
    • {text:Staff02 Role} {text:Staff02 Name} {block:IfStaff02URL} Website {/block:IfStaff02URL}
    • {/block:IfStaff02Name} {block:IfStaff03Name}
    • {text:Staff03 Role} {text:Staff03 Name} {block:IfStaff03URL} Website {/block:IfStaff03URL}
    • {/block:IfStaff03Name} {block:IfStaff04Name}
    • {text:Staff04 Role} {text:Staff04 Name} {block:IfStaff04URL} Website {/block:IfStaff04URL}
    • {/block:IfStaff04Name} {block:IfStaff05Name}
    • {text:Staff05 Role} {text:Staff05 Name} {block:IfStaff05URL} Website {/block:IfStaff05URL}
    • {/block:IfStaff05Name} {block:IfStaff06Name}
    • {text:Staff06 Role} {text:Staff06 Name} {block:IfStaff06URL} Website {/block:IfStaff06URL}
    • {/block:IfStaff06Name} {block:IfStaff07Name}
    • {text:Staff07 Role} {text:Staff07 Name} {block:IfStaff07URL} Website {/block:IfStaff07URL}
    • {/block:IfStaff07Name} {block:IfStaff08Name}
    • {text:Staff08 Role} {text:Staff08 Name} {block:IfStaff08URL} Website {/block:IfStaff08URL}
    • {/block:IfStaff08Name} {block:IfStaff09Name}
    • {text:Staff09 Role} {text:Staff09 Name} {block:IfStaff09URL} Website {/block:IfStaff09URL}
    • {/block:IfStaff09Name} {block:IfStaff10Name}
    • {text:Staff10 Role} {text:Staff10 Name} {block:IfStaff10URL} Website {/block:IfStaff10URL}
    • {/block:IfStaff10Name}
    {block:IfBanner1Image} {block:IfBanner1Image}
    {/block:IndexPage} {block:PermalinkPage} {block:Posts}
    {block:Text} {block:Title} {/block:Title}
    {Body}
    {/block:Text}
    {/block:Posts} {/block:PermalinkPage} ================================================ FILE: zen/1.x/zen-en.html ================================================ {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title} {block:Description} {/block:Description} {block:PermalinkPage} {block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {block:Photos} {/block:Photos} {/block:Photoset} {/block:Posts} {/block:PermalinkPage} {block:IfOGPFacebookPageURL} {/block:IfOGPFacebookPageURL} {block:IfOGPFacebookURL} {/block:IfOGPFacebookURL} {block:IfEnableSyntaxHighlight} {/block:IfEnableSyntaxHighlight} {block:IfEnableHatenaStar} {/block:IfEnableHatenaStar} {block:IfEnableFacebookButton}
    {/block:IfEnableFacebookButton}
    {block:TagPage}

    Posts tagged "{Tag}"

    {/block:TagPage} {block:Posts}
    {block:Date}
    {block:NewDayDate}

    {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}

    {/block:NewDayDate} {block:SameDayDate}

    {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}

    {/block:SameDayDate}
    {/block:Date} {block:Text}
    {block:Title}

    {Title}

    {/block:Title}
    {Body}
    {/block:Text} {block:Photo}
    {LinkOpenTag} {PhotoAlt} {LinkCloseTag} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photo} {block:Photoset}
    {Photoset-700} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photoset} {block:Quote}
    “{Quote}”
    {block:Source}
    {Source}
    {/block:Source}
    {/block:Quote} {block:Link}

    {Name}

    {block:Description} {/block:Description}
    {/block:Link} {block:Chat}
    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video}
    {Video-700} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Video} {block:Audio}
    {AudioPlayerBlack} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Audio} {block:Answer}
    {Question}
    {Asker}

    {Answer}
    {/block:Answer} {block:ContentSource} {/block:ContentSource}
    {block:RebloggedFrom}
    Reblogged from {ReblogParentName} · Originally posted by {ReblogRootName}
    {/block:RebloggedFrom}
    {TimeAgo} {block:NoteCount} · {NoteCount} Notes {/block:NoteCount} {block:HasTags} · {block:Tags} #{Tag} {/block:Tags} {/block:HasTags}
    {block:PermalinkPage} {block:IfDisqusShortname}
    blog comments powered by Disqus {/block:IfDisqusShortname} {/block:PermalinkPage} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Posts}
    {block:PermalinkPagination}
    {block:PreviousPost} Prev {/block:PreviousPost} {block:NextPost} {/block:NextPost}
    {/block:PermalinkPagination} {block:Pagination}
    {block:PreviousPage} Prev {/block:PreviousPage} {block:NextPage} {/block:NextPage}
    {/block:Pagination}
    ================================================ FILE: zen/1.x/zen_1.2.8.html ================================================ {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title} {block:Description} {/block:Description} {block:PermalinkPage} {block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {block:Photos} {/block:Photos} {/block:Photoset} {/block:Posts} {/block:PermalinkPage} {block:IfOGPFacebookPageURL} {/block:IfOGPFacebookPageURL} {block:IfOGPFacebookURL} {/block:IfOGPFacebookURL} {block:IfEnableSyntaxHighlight} {/block:IfEnableSyntaxHighlight} {block:IfEnableHatenaStar} {/block:IfEnableHatenaStar} {block:IfEnableFacebookButton}
    {/block:IfEnableFacebookButton}
    {block:TagPage}

    Posts tagged "{Tag}"

    {/block:TagPage} {block:Posts}
    {block:Date}
    {block:NewDayDate}

    {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}

    {/block:NewDayDate} {block:SameDayDate}

    {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}

    {/block:SameDayDate}
    {/block:Date} {block:Text}
    {block:Title}

    {Title}

    {/block:Title}
    {Body}
    {/block:Text} {block:Photo}
    {LinkOpenTag} {PhotoAlt} {LinkCloseTag} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photo} {block:Photoset}
    {Photoset-700} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photoset} {block:Quote}
    “{Quote}”
    {block:Source}
    {Source}
    {/block:Source}
    {/block:Quote} {block:Link}

    {Name}

    {block:Description} {/block:Description}
    {/block:Link} {block:Chat}
    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video}
    {Video-700} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Video} {block:Audio}
    {AudioPlayerBlack} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Audio} {block:Answer}
    {Question}
    {Asker}

    {Answer}
    {/block:Answer} {block:ContentSource} {/block:ContentSource}
    {block:RebloggedFrom}
    Reblogged from {ReblogParentName} · Originally posted by {ReblogRootName}
    {/block:RebloggedFrom}
    {TimeAgo} {block:NoteCount} · {NoteCount} Notes {/block:NoteCount} {block:HasTags} · {block:Tags} #{Tag} {/block:Tags} {/block:HasTags}
    {block:PermalinkPage} {block:IfDisqusShortname}
    blog comments powered by Disqus {/block:IfDisqusShortname} {/block:PermalinkPage} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Posts}
    {block:PermalinkPagination}
    {block:PreviousPost} Prev {/block:PreviousPost} {block:NextPost} {/block:NextPost}
    {/block:PermalinkPagination} {block:Pagination}
    {block:PreviousPage} Prev {/block:PreviousPage} {block:NextPage} {/block:NextPage}
    {/block:Pagination}
    ================================================ FILE: zen/license.md ================================================ Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: zen/readme.md ================================================ # ZEN 2.0 - ##### A ultra-simple and zen-style tumblr theme ZENは、Tumblrで普通に日記を書く用途にこだわったテンプレートです。[@sanographix](https://twitter.com/sanographix)がデザインしています。詳細は[こちらの紹介ページ](http://sanographix.github.io/tumblr/zen)をご覧ください。 ## Install - ## インストールする ZENには2種類のバージョンがあり、それぞれインストール方法が異なります。 1. tumblrのテーマガーデンから自動でインストールする(推奨) - こちらからインストールしてください: 2. GitHubから手動でインストールする - インストール方法は後述します ## 機能の違いについて テーマガーデン版, GitHub版の違いは下記の通りです。テーマガーデン版は海外ユーザー対応している関係で、国内向け機能を一部削減しています。 |/|テーマガーデン|GitHub| |---|---|---| |テーマの自動更新|○|×| |はてなスター|×|○| |はてなブックマークボタン|×|○| |Google Analytics|△(*)|○| *: オプションで設定できませんが、ご自身でトラッキングコードを貼り付けることで設置できます
    ## GitHub版 Readme ここから先は、GitHub版ZENのReadmeです。 ## Demo デモページはこちらです [http://zen-theme.tumblr.com/](http://zen-theme.tumblr.com/) ## 1. インストールする * [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/zen/zen.html)します。[ここからコピー](https://raw.github.com/sanographix/tumblr/master/zen/zen.html)するとやりやすい * Tumblrのテーマカスタマイズ画面を開いて、「HTMLを編集」を押します。 * (元のhtmlはバックアップを取っておいたほうが良いです) * もとのhtmlを削除してzen.htmlを貼り付けて保存します。 * 保存すると以前のテーマの設定はすべて消えます。 ## 2. カスタマイズする テーマカスタマイズ画面でカスタマイズできます。 ### はじめに行うおすすめ設定 * 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す** * このチェックを外すとレスポンシブ的なデザインになります。Tumblr 純正モバイルレイアウトを使いたい場合はチェックを入れたままにしてください。 ### デザイン設定 下記の設定がカスタマイズできます。 | 設定項目 | 説明 | | --- | --- | | Enable Facebook Button | 記事パーマリンクにFacebookボタンを表示します。 | | Enable Hatena Star | 記事にはてなスターボタンを表示します。 | | Enable Plus1 Button | 記事パーマリンクにGoogle +1ボタンを表示します。 | | Enable Tweet Button | 記事パーマリンクにツイートボタンを表示します。 | | Enable Pocket Button | 記事パーマリンクにPocketボタンを表示します。 | | Show Description | 「説明」欄に入力したテキストを、ブログタイトル下に表示します。 | | Show Profile Image | ブログタイトルの隣にプロフィール画像を表示します。 | | Title Logo | ブログタイトルのかわりに表示するタイトルロゴをアップロードできます。 | | Google Analytics ID | Google Analytics を使う場合はここにトラッキングIDを入力します。(例: UA-0000000-0) | | Google Author | ここに自分のGoogle+プロフィールURLを入力することで、Google検索結果に著者情報を表示させることができます。(例:`https://plus.google.com/109963703491503474788`)詳しい情報は[Googleのヘルプ](http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986)を参照してください。 | | Hatena Star Token | ここにはてなスターのトークンを入力すると、スターが押されたときにはてなの「あなたへのお知らせ」に通知が届くようになります。詳しい設定方法は[はてなスターのヘルプ](http://d.hatena.ne.jp/hatenastar/20070707/1184453490)を参照してください。 | | OGP Facebook Admin Number | Facebok Admin ID(**fb:admins**) を入力します。自分の Admin IDの調べ方は、「fb:admins」とかで検索すると分かると思います。 | | OGP Facebook Page URL | Facebook ページ持ってる人はここに Facebook ページの URL を入力してください。ブログ記事が Fb にシェアされたときに「いいね!」ボタンを表示できるみたいです。[詳しくは Fb 開発ブログ参照。](https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags-for-media-publishers-and-more/)これか後述の`OGP Facebook URL`の**どちらか**を入力してください。 | | OGP Facebook URL | Facebook アカウント持ってる人はここに Facebook の URL を入力してください。ブログ記事が Fb にシェアされたときに「フィードを購読」ボタンを表示できるみたいです。[詳しくは Fb 開発ブログ参照。](https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags-for-media-publishers-and-more/)これか先述の`OGP Facebook Page URL`の**どちらか**を入力してください。 | | Enable Syntax Highlight | シンタックスハイライトを有効にします。 | | Disqus Shortname | 記事にコメント欄を設置したい場合は、ここに Disqus Shortname を入力します。 | ## 3. ページを追加する - Aboutページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。 - 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。 ## 4. Tips ### 投稿タイプ「テキスト」で大きい画像を貼る 投稿タイプが「テキスト」のときに画像をアップロードしても、tumblrの仕様で幅500px未満に強制的にリサイズされてしまいます。大きい画像を貼りたいときは外部サイトに画像をアップロードしておいて、画像のURLを貼りつける方法を推奨します。アップロードする外部サイトはFlickrかGoogle+がおすすめです。 ## 困ったときは 問い合わせる前にFAQを読みましょう。 ### 一般的なよくある質問 よくある質問を下記にまとめたので参照してください。 * ### このテーマのよくある質問 ##### Q: Disqusコメントフォームが真っ白です * こういう状態 ![](https://31.media.tumblr.com/fe384cb30df6a0291753b25b2d4eb69f/tumblr_inline_my253rnbRm1qaxsyz.png) * Disqus設定画面で、カラースキームが「for Light Background」になっているか確認してください。まれに「Dark」になっている場合があるようです。 ## Author #### Showkaku Sano (sanographix) Graphic designer from Kyoto. * [http://www.sanographix.net/](http://www.sanographix.net/) * [Twitter: @sanographix](https://twitter.com/sanographix) * [GitHub: sanographix](https://github.com/sanographix) 本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。 ## Changelog ### 2.2.2 (2014/05/25) * タブレット端末でPhotosetの端が切れる問題を修正 ### 2.2.1 (2014/04/21) * {text: Blog Domain}の入力を不要にした ### 2.2.0 (2014/04/16) * フォトセットをレスポンシブデザイン対応 * iPhoneで正常に動作しなかったのでやっぱり戻した ### 2.1.7 (2014/03/25) * ブラウザ幅狭いときの table の見え方を修正 ### 2.1.6 (2014/03/14) * はてなスターを新しいデザインに(はてなブログと同一のもの)/ デフォルトで有効にする ### 2.1.5 (2014/03/07) * 固定ページではReblogボタンを表示しないように ### 2.1.4 (2014/02/19) * ソーシャルボタンの読み込み用スクリプトを純正のにする * like button の読み込み失敗が高確率で起きてた為 ### 2.1.3 (2014/02/18) * ナビゲーションの上マージンをちょっと拡げる * tumblrのフォローボタンとかが被る対策 ### 2.1.2 (2014/01/07) * Reblog 投稿ではてなスターが二重に表示される不具合を修正 * `Google Author`が設定されてないときは `link rel="author"`を出さないように * meta タグのコード、`Blog Domain`が設定されてないときを考慮してちょっと整理 ### 2.1.1 (2013/12/12) * `Blog Domain`が設定されてないときは canonical とかの meta タグを出さないように ### 2.1.0 (2013/12/10) * ページャにページ番号を出した ### 2.0.3 (2013/12/10) * ヘッダナビゲーションの RSS リンクを消せるようにした * RSS そんな使ってない人いなそう、固定ページたくさん作る人だと邪魔な気がした ### 2.0.2 (2013/12/8) * Gist を貼り付けたときにシンタックスハイライトとスタイルが崩れるのを修正 ### 2.0.1 (2013/11/8) * ソーシャルボタンに Pocket を追加 ### 2.0.0 (2013/10/29) * これまでで最大のアップデートです * 新機能 * CSS, JS をチューニングしてページ読み込み速度を大幅に高速化 * 新しい`.btn`デザイン * 新しい`blockquote`デザイン * 新しい`hr`デザイン * 新しい`pre`デザイン * ブラウザ幅に合わせて文字サイズが変化 * 仕様変更 * 画像に影をつけるのをやめた * og-image をより大きい画像に * like, reblog ボタンを少し大きく * font-awesome を読み込まないようにした * canonical, og:description が正しく表示されないことがあったのを修正 * tagページ、dayページは検索エンジンにインデックスしないように * htmlの主要な要素に`role`属性を付与 * オプションの名称を`{text:OGP Toppage URL}`から`{text:Blog Domain}`に変更 ### 1.2.8 (2013/10/22) * `Hatena Star Token`が正しく動いてなかったのを修正(Typoしてたすみません) ### 1.2.7 (2013/09/23) * flickr で max-width 指定したとき高さがおかしくなるの修正 ### 1.2.6 (2013/08/24) * IE10で`img.noshadow`が効かない不具合を修正 * オプションから「Enable Image Shadow」で画像の影の有無を指定できるようにした ### 1.2.5 (2013/07/25) * Facebook の新しい OGP `article:publisher` とかに対応 ### 1.2.4 (2013/06/27) * iTunes Linker にスタイルをあてた ### 1.2.3 (2013/05/26) * タイトルのない記事は本文の先頭を`title`属性として使うようにした ### 1.2.2 (2013/05/04) * パーマリンクに Like & Reblog ボタンを表示 ### 1.2.1 (2013/04/03) * スマートフォンでヘッダナビゲーションのリンクが押しづらかったのを修正 ### 1.2.0 (2013/3/24) * 投稿タイプ Answer にスタイルあたってなかったのを修正 * HTML の整理 * PRE タグの途中改行はブラウザ幅が狭いときにだけするように * video タグにも img タグと同様のスタイルをあてる ### 1.1.2 (2013/3/23) * 「もっと読む」にスタイルをあてた * `hBookmark-widget-counter` (○users の画像)には影をつけない * はてなスターの設定が正しく行われていなかった不具合を修正 ### 1.1.1 (2013/3/19) * Twitter Cards の`twitter:image`にユーザーアイコンを出す ### 1.1.0 (2013/3/17) * canonical URL を設定 * トップページで`og:url`が空欄になるのでオプションに入力項目を追加 * Tumblrの変数でトップページを示すタグがないので手作業で入れる必要があり、このような仕様にしています * 投稿タイプが引用のときのタグを`h3`じゃなくて`blockquote`にする * 長い引用のときはフォントサイズを小さくする * リブログ元のユーザのアイコンを表示するように / 最初に投稿した人も表示するようにした * Disqus 対応 * リストを入れ子にしたときのマージン調整 ### 1.0.9 (2013/3/16) * twilog で「ソースを貼り付け」したときにスタイルをあてるようにした * sticky と Amazlet の背景色を統一する ### 1.0.8 (2013/3/14) * `
    `要素にスタイルをあてた * 文中の``要素にスタイルをあてた ### 1.0.7 (2013/3/8) * img要素を class="noshadow" と指定すると画像に影がつかないようにした * ブログタイトル画像がカラム幅を超えてはみ出る問題を修正 * テーマHTMLの更新が必要です ### 1.0.6 (2013/3/2) * Sticky と Amazlet 貼り付けたときにスタイルをあてた * CSS調整 ### 1.0.5 (2013/3/1) * VideoとAudioの投稿でキャプションが表示されない不具合を修正 * テーマHTMLの更新が必要です ### 1.0.4 (2013/2/27) * pre タグの中をシンタックスハイライトするようにした([google-code-prettify](https://code.google.com/p/google-code-prettify/)) * テーマHTMLの更新が必要です ### 1.0.3 (2013/2/25) * はてなスターの表示位置をタイトルじゃなくて記事下にした * 投稿タイプが Photo とかだとタイトル無いので ### 1.0.2 (2013/2/24) * Photoset をスマートフォンで見たときに画像が正しく表示されるようにした ### 1.0.1 (2013/2/24) * [class="btn" で記事中にボタンを出せる](http://memo.sanographix.net/post/43857022608) * [i class="icon-hoge" で記事中にアイコンを出せる](http://memo.sanographix.net/post/43857022608) * Font-Awesome のIE7対応 * CSS調整 ### 1.0.0 (2013/2/23) * 公開
    # ZEN #### ZEN is free responsive, minimal tumblr template. ## Features * Ultra simple design * Customizable * Responsive design ## Usage 1. [Copy this HTML file](https://raw.github.com/sanographix/tumblr/master/zen/1.x/zen-en.html). 2. Go to Tumblr dashboard, and open [design settings](http://www.tumblr.com/customize). 3. Press "Edit HTML", delete current HTML and paste ZEN HTML. 4. Press "Save". - Notice: Previous theme settings will be deleted. ## Options ### Recommended settings * Go to "▾ ADVANCED", and **Uncheck** "Use optimized mobile layout" ## License Copyright (c) SANOGRAPHIX.NET Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: zen/zen.html ================================================ {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title} {block:TagPage} {/block:TagPage} {block:DayPage} {/block:DayPage} {block:Description} {/block:Description} {block:PermalinkPage} {block:Posts} {block:Photo} {/block:Photo} {block:Photoset} {block:Photos} {/block:Photos} {/block:Photoset} {/block:Posts} {/block:PermalinkPage} {block:Description} {/block:Description} {block:IfOGPFacebookPageURL} {/block:IfOGPFacebookPageURL} {block:IfOGPFacebookURL} {/block:IfOGPFacebookURL} {block:IfGoogleAuthor} {/block:IfGoogleAuthor} {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {block:PermalinkPage} {block:IfEnableFacebookButton}
    {/block:IfEnableFacebookButton} {/block:PermalinkPage}
    {block:TagPage}

    Posts tagged "{Tag}"

    {/block:TagPage} {block:Posts}
    {block:Date}
    {block:NewDayDate}

    {/block:NewDayDate} {block:SameDayDate}

    {/block:SameDayDate}
    {/block:Date} {block:Text}
    {block:Title}

    {Title}

    {/block:Title}
    {Body}
    {/block:Text} {block:Photo}
    {LinkOpenTag} {PhotoAlt} {LinkCloseTag} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photo} {block:Photoset}
    {Photoset-700} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Photoset} {block:Quote}
    “{Quote}”
    {block:Source}
    {Source}
    {/block:Source}
    {/block:Quote} {block:Link}

    {Name}

    {block:Description} {/block:Description}
    {/block:Link} {block:Chat}
    {block:Title}

    {Title}

    {/block:Title}
      {block:Lines}
    • {block:Label} {Label} {/block:Label} {Line}
    • {/block:Lines}
    {/block:Chat} {block:Video}
    {Video-700} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Video} {block:Audio}
    {AudioPlayerBlack} {block:Caption}
    {Caption}
    {/block:Caption}
    {/block:Audio} {block:Answer}
    {Question}
    {Asker}

    {Answer}
    {/block:Answer} {block:ContentSource} {/block:ContentSource}
    {block:RebloggedFrom}
    Reblogged from {ReblogParentName} · Originally posted by {ReblogRootName}
    {/block:RebloggedFrom} {block:PermalinkPage} {block:Date} {/block:Date} {block:IfDisqusShortname}
    blog comments powered by Disqus {/block:IfDisqusShortname} {/block:PermalinkPage} {block:PostNotes}
    {PostNotes}
    {/block:PostNotes}
    {/block:Posts}
    {block:PermalinkPagination} {/block:PermalinkPagination} {block:Pagination}
    {block:PreviousPage} Prev {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}{PageNumber}{/block:CurrentPage} {block:JumpPage}{PageNumber}{/block:JumpPage} {/block:JumpPagination} {block:NextPage} {/block:NextPage}
    {/block:Pagination}
    {block:IfEnableSyntaxHighlight} {/block:IfEnableSyntaxHighlight} {block:IfEnableHatenaStar} {/block:IfEnableHatenaStar}