Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.

readme.md

Tokusetsu 2

Free responsive tumblr template for doujin music artists

Tokusetsu 2 は、同人音楽 CD の特設サイトが簡単に作れる無料 Tumblr テンプレートです。
HTML の知識を必要とせず、フォームに情報を入力していくだけで特設サイトが作れます。
@sanographix が作っています。


[おしらせ] Tokusetsu 3 を作りました

新しいデザインと多数の新機能を盛り込んだ Tokusetsu 3 を作りました。これから Tokusetsu を使いはじめるなら Tokusetsu 3 をおすすめします。

紹介ページ→ https://sanographix.github.io/tokusetsu3/

(お知らせ終わり)


デモを見る

デモページはこちらです。

http://tokusetsu2.tumblr.com

対応ブラウザ

  • Chrome, Firefox, Safari, Opera の最新版
  • IE9 以降

設定手順

1. インストールする

事前に tumblr のユーザー登録を行なってください。

  1. テーマのhtmlファイルをコピーします。ここから Ctrl+a で全選択してコピーするとやりやすい
  2. Tumblr のテーマカスタマイズ画面を開いて、「HTMLを編集」を押します。
  3. もとの html を削除して tokusetsu2.html の中身を貼り付けて保存します。
    • ※ 保存すると、以前のテーマの設定は消えます。必要であればバックアップをとってください。
  4. 「▾ 詳細設定」の 「デフォルトのモバイルテーマを使用」のチェックを外します。
    • このチェックが外れていないとスマートフォンでうまく表示されないので必ず外してください。
  5. 下記の「カスタマイズ手順」に従って設定を行います。

Tokusetsu 1 からアップデートする方への注意

  • Tokusetsu 2 は、Tokusetsu 1 と 互換性がありません。 一部の設定項目は共通ですが、それ以外の設定はアップデートすると消えます。

2. カスタマイズする

テーマの機能を正しく使用できるようにするため、必ず下記の設定を行なってください。

デザイン設定

  • Tumblr のテーマカスタマイズ画面を開いて、下記の設定をします。
  • 必要な項目だけ入力すれば良いです。すべての項目を埋める必要はありません。
  • ※ 項目の順番が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 でアップロードしてください。画像はテンプレートを参考に制作してください。
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桁の数字>> です。
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

デモページはチョモさんのイラストを使用させていただきました。ありがとうございます!
http://asymmate.tumblr.com/

困ったときは

問い合わせる前にFAQを読みましょう。

一般的なよくある質問

よくある質問を下記にまとめたので参照してください。

このテーマのよくある質問

Q: 曲が10曲以上あるから入力欄を増やしたい
  • HTMLを直接編集してください。

曲名のところはこういう感じになっているので、ここをコピペして Track11 とか 12 とか増やせます。

	{block:IfTrack10Title}
	<li>
	  <span class="number">10</span>
	  <span class="title">{text:Track10 Title}</span>
	  <span class="meta">{text:Track10 Description}</span>
	</li>
	{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.

本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。

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.