同人イベント告知にピッタリ!素敵すぎるTumblrテーマ『Tokusetsu2』の使い方

くつキッチュ!SCRAPス アイコン creator-help創作支援)カテゴリへ

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 サンプル画像3
Share on Tumblr

まえおき

 

当サイトプロデュース実験室の被験者SS(以下佐藤※6.0.2 被験者SSの呼び名変更についてのお知らせ)が、来年同人イベント参加という目標を掲げました。

というわけイベント告知ツールなど検索してみたのですが、そこで発見したこのTumblrテーマ『Tokusetsu2』が素敵すぎて即ノックアウトされました(笑)

 

Tumblrテーマ『Tokusetsu』について

『Tokusetsu』は、佐野章核さん @sanographixというグラフィックデザイナーの方により、”同人音楽CD特設サイトを一瞬で作れる”をコンセプトに作られたTumblrのテーマです。

実は、佐藤もくつきも去年リリースを見かけてはいたのですが、そのころはWordpressブログ開設準備中でしたので、すっかり忘れてしまっていました。

が、改めて使ってみるとなんて使い勝手が良く、素敵なのかと!

佐藤と話し合った結果「同人小説や電子書籍発売の告知用特設サイトとしても応用できるのでは?」ということで、今回イベント告知サイトとして使用させていただくことになりました。

ただ、作者の佐野さん的にはあくまでも「同人音楽特設サイト」用テーマを作成したわけです。

それがあまりにも使い勝手の良い素敵なテーマだったため『Tokusetsu2』同人音楽CDサイト以外にも多種多様に使われているようで、そのあたり作者さんのブログからも少し困惑気味の印象を受けました。

といっても、音楽の[トラックリスト]をそのまま小説の[章]や[タイトル]に置き換えれば特に問題なく応用できるので、同人音楽CD用だけにしておくのはちょっともったいないんですよね;;

というわけで作者の佐野さんブログの、”発信の面白さは誰にでも開放されるべきだと思う。”というお言葉を都合よく解釈させていただきまして……

本日記事にて素敵すぎるTumblrテーマ 『Tokusetsu2』の使い方を記事にさせていただきました。

 

『Tokusetsu2』の使い方

『Tokusetsu』は『Tokusetsu』と最新バージョン(2013-12-09リリース)『Tokusetsu2』がリリースされていますが、今回は作者の佐野さんオススメの『Tokusetsu2』の方の使い方の解説となります。

 

1.『Tokusetsu2』のダウンロード

まずは、デモ&ダウンロードページ『Tokusetsu2』⇒ [DOWNLOAD Tokusetsu2]ボタンをクリック

 

2.『Tokusetsu2』ファイルページヘ移動

ダウンロードボタンよりGitHubページに移動するので、設定手順を参考に”ここからCont+aでz線洗濯してコピー”のテキストリンクをクリックし該当ページへ移動しておきます。

ちなみに移動先は、こんな文字だらけのページです。

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 GitHub該当ページより『Tokusetsu2』ファイルをコピーする

慣れない方は面食らってしまうかもしれませんが、このページの文字を選択してTumblrの設定に貼り付けるだけなので簡単です。

※このページ(タブ)は開いたままにしておきます。

 

3.Tumblrで新ブログを作成する

※Tumblrアカウント取得済みの前提です。

ログイン⇒Tumblrページリストプルダウンボタンをクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 ログイン⇒Tumblrページリストプルダウンボタンをクリック

[新しいブログを作る]をクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 [新しいブログを作る]をクリック

 必要項目を記入し、[新しいブログを作成]ボタンをクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 新しいブログの必要項目を記入し、作成ボタンを押す

 Tumblrブログリストに新しいブログが追加されているので、それをクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 Tumblrブログリストに新しいブログが追加されているので、それをクリック

 新しいブログのタイトルをクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 新しいブログのタイトルをクリック

 

 新しいブログウィンドウからURLをクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 新しいブログウィンドウのURLをクリック

 右上のメニューより[テーマ編集]をクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 [テーマ編集]をクリック

これで、テーマ編集画面に移動できます。

 

 4.新しいブログに『Tokusetsu2』のデザインを反映させる

設定ページ左上の[HTMLを編集]をクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 設定ページ左上の[HTMLを編集]をクリック

 Tumblr[HTMLを編集]画面を開いておく

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 Tumblr[HTMLを編集]画面⇒[すべてを選択(Control+A)]⇒[(『Tokusetsu2』ファイルページのテキストを)貼り付け(Control+V)]

2.0.2 2.『Tokusetsu2』ファイルページヘ移動で説明したページより

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 GitHub該当ページより『Tokusetsu2』ファイルをコピーする

ページのテキストを[すべてを選択(Control+A)]⇒[コピー(Control+C)]でコピー

TumblrのHTML編集画面を[すべてを選択(Control+A)]⇒[貼り付け(Control+V)]

貼付け後、[プレビューの更新]をクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 貼付け後、[プレビューの更新]をクリック

 変更が反映されていればOK!⇒そのまま[保存]をクリック

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 変更が反映されていれば⇒[保存]をクリック

 

左矢印マークより設定画面へ戻り

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 左矢印マークより設定画面へ移動

各種設定をします。

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 各種項目設定

 サンプル画像のように、メインイメージを変更したい場合は、[Main Image]をクリックして、任意の画像を選択すればOKです。※サイズ1600px × 600px

宣伝(*´∀`*)ノシ サンプルに使用しているのと同柄のTwitterヘッダー素材は姉妹サイトよりダウンロードできます。⇒ツイッター新仕様サイズ☆雪の結晶&クリスマスツリーヘッダー画像フリー素材ダウンロードはこちら♪

 

おまけ:スペック項目名の変更方法

各種設定は、作者佐野さんGitHubページに詳細があります。

ここでは、同人音楽CD告知以外に応用できるよう、見出し「TracList」の変更方法をメモしておきます。

同人イベント告知にピッタリ!素敵すぎるTumblrテーマ『Tokusetsu2』の使い方 おまけ:項目変更方法

見出し名を変更したい場合は353行目の<h3>に該当の項目「TRACKLIST」があります。

例えばこの[TRACK LIST]を、[BOOK INDEX]に変更したい場合は、HTML編集画面より、テキストを書き換えます。


<h3>TRACK LIST</h3>
   ↓
<h3>BOOK INDEX</h3>

※項目の書かれた行を探したいときは、[Control+F]で検索窓を表示させ「h3」などのキーワードで検索すると簡単に見つかります。

 

設定項目にもどってもこちらの項目名は[TracList]のままですが、反映には特に問題ありません。

同人イベント告知にピッタリ!素敵すぎるTumblrテーマ『Tokusetsu2』の使い方 おまけ:項目変更方法後の記述

ちなみに、フッターの 項目を変更した際は、ヘッダーのフッター項目変更しておきましょう。※こちらは、180行目に記述があります。


<a href="#tracklist">TRACKLIST</a>

↓

<a href="#tracklist">BookIndex</a>

 

 

おまけ2:設定ページへの行き方

通常のテーマと違い、[テーマの編集]メニューがありません。メニューからはTumblr設定ページに戻れなくなってしまいますが、

https://www.tumblr.com/customize/作成したブログのtumblr.com/前部分

を、カスタマイズページのURLに付与しと直接URLを入れて、エンターすれば設定ページに移動できます。


http://tokusetsu2-sample-kutsukitsch.tumblr.com/

https://www.tumblr.com/customize/tokusetsu2-sample-kutsukitsch

2015年6月15日追記:ログイン ⇒ 右上の設定アイコン ⇒ 任意のTumblrブログ名 ⇒ テーマの設定 でも、設定ページへ移動できます。(こちらのほうが簡単かもです。)


 

もちろん、自分がブログを作成したアカウントでログインしてなければ下記のようなエラーが表示されますので、第三者のアクセスは不可です。ご安心を。

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 設定ページへの直接URL ※Request denied. you do not have permission to access this page 要求が拒否されました。 あなたがこのページにアクセスする権限がありません

Request denied.you do not have permission to access this page (要求が拒否されました。あなたがこのページにアクセスする権限がありません)

 

まとめ

告知ページとして素敵すぎ、使い勝手の良すぎるTumblrテーマ『Tokusetsu2』

作者佐野さんのコンセプト「音楽CD特設サイト」以外にも色々と応用が効くデザインです。

ぜひぜひあなたの素敵な創作作品の告知にも使ってみてはいかがでしょうか?

 

ちなみに今回の記事は「Tumblr自体あまりよくイメージがつかめていない」という方向けの、ごくごく初歩の解説です。

詳細は、配布元ページで手順や注意などのよく読まれてご確認頂ければと思います。

音楽同人CD特設サイト TumblrテーマSANOGRAPHIX.NET Tokusetsu2

作者:佐野章核さん

作者さんTwitter:@sanographix(twitterアカウント名 歳納京子さん)

 

でっは~~楽しい創作、同人、Tumblrライフを~(*´∀`*)ノシ♪

 

ブログランキング・にほんブログ村へにほんブログ村

佐野章核さんの記事が掲載されている書籍

GRAPHIC DESIGN 2014 グラフィックデザイン 2014
GRAPHIC DESIGN 2014 グラフィックデザイン 2014

 

Web Designing (ウェブデザイニング) 2013年 09月号 [雑誌]
Web Designing (ウェブデザイニング) 2013年 09月号 [雑誌]

 

Web Designing (ウェブデザイニング) 2013年 08月号 [雑誌]
Web Designing (ウェブデザイニング) 2013年 08月号 [雑誌]

 

 

おまけ:その他宿題

「創作ステージ@まちペディア」ひながた作成中

・Tumblrボタン設置方法 来週にでも

・テレビ画面のキャプチャ引用 調査頓挫中;;あくまでも仮定ですが、テレビ局的にはこの件にあまり触れたくないのでは?と想像してます。問い合わせの反応が芳しくないもので……曖昧なままの方が良いこともあるかもしれませんので今はなんともいえない状態です(´∀`;)

 

被験者SSの呼び名変更についてのお知らせ

あはははははは… illust by ss

いきなりですが、「SSという小説のジャンルと混同しやすい」と本人からのい申し出があり、当サイトプロデュース実験室の被験者SSの呼び方を「SS」⇒「佐藤」に変更いたしました。

TOPへ戻る

 

  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

マウスコンピュータのHDが壊れました illust by 3104o ©佐藤利音

ヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Widget Logic』は創作家サイトに必須のWPプラグイン!

26歳社畜之図 佐藤利音 on Twitter  ハイ、広告表示されてないですね?

記事を読む

flickr-3400039523-original_mini くつキッチュ/スクラップス!『キャプテンキッドが財宝を隠したってマジですか?吐噶喇(トカラ)列島宝島の話 』アイキャッチ画像

キャプテンキッドが財宝を隠した?鹿児島県吐噶喇(トカラ)列島『宝島』の話

  鹿児島県吐噶喇列島というところにキャプテンキッドが財宝を隠したという言い伝えの残るその名も

記事を読む

Jesus crown of thorns - West Pier Brighton by Leonski Oh Leonski, on Flickr くつキッチュ/スクラップス! アトリビュートをここへ

『茨の冠』から『初音ミクのメガフォン』まで 単なる小道具ではない『アトリビュート』って一体何?

Jesus crown of thorns - West Pier Brighton b

記事を読む

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です』宣伝回:その1 アイキャッチ画像:表紙ラフ案

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です』宣伝回:その1

  ※ラフ案:佐藤利音 デザイン:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 

記事を読む

Booth進出の準備編として、Pixivの「テンプレのテンプレ」を作ってみました♪  Pixivイメレス用素材テンプレートのテンプレートと引き換えにいてもらった女の子 illust by サトウトシオ@310104o

Pixivのテンプレートを作ってみたキッカケで、Pixiv共同管理アカウントの意外な事実が判明した件

Pixivテンプレートサンプル 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &

記事を読む

【一次創作】防御と開放のバランスを取るには?|著作者とユーザー両方を守る御札(おふだ)その2

  イラスト:佐藤利音 デザイン:くつきちよこ 無名一次創作者が大手にパクられたら

記事を読む

『知的財産管理技能士』という資格があるらしいよ! アイキャッチ画像 ※住所部分は隠してます。

コンテンツ発信の強力な武器になる?『知的財産管理技能士』という資格があるらしいということで、ちょっと調べてみました!

  『ユーキャン』で資料請求しました。※住所部分など、加工しています くつきちよこ ※管

記事を読む

架空の商品、店、サービス等の設定進捗状況+オマケ 架空グルメアニメ【えんたんぐるめんと!】ロゴ

架空の商品、店、サービス等の設定進捗状況+Tumblrのあれ

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』【1】登場予定の架空グルメアニメロゴ Sto

記事を読む

気になるアイツ、三点リーダーのこと……。 創作支援屋くつキッチュスクラップス 三点リーダーと戯れる小学生 illust by サトウトシオ@310104o

気になるアイツ、三点リーダーのこと……。

  三点リーダーと戯れる小学生 illust by @310104o 登場人物:くつきちよこ

記事を読む

創作ブログに最適な「LINEトーク吹き出しCSS」で、表示が崩れるときの忘備録 カスタマイズサンプルアイキャッチ画像

創作ブログにピッタリな「LINEトーク風フキダシCSS」の表示が崩れるときの忘備録

あけましておめでとうございます。   会話形式の多いブログにピッタ

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場