同人イベント告知にピッタリ!素敵すぎる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

関連記事

ジャケットのワイシャツの襟から革靴の底まで~オンラインで無料のスーツ作画資料 ぱくたそ「奇妙なポーズをする男性 >> 胸元を開く夢のあるビジネスマン [モデル:OZPA](「OZPAの表4」の人)」 

ジャケットの切れ目、ワイシャツの襟から、革靴の底まで~オンラインで無料のスーツ作画資料

    『ぱくたそ』 << 奇妙なポーズをする男性 <

記事を読む

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

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

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

記事を読む

Town Block by Matija Grguric, on Flickr Some rights reserved  アイキャッチ画像:創作において、制約なく表現できる「創作ステージ@まちペディア」を建設中

創作において制約なく表現できる「創作ステージ@まちペディア」を建設中

Town Block by Matija Grguric, on Flickr Some rig

記事を読む

世界一斬新でシュールな魅惑のストーリー!『BCCKS』エディタの使い方ビデオの秘密 箔押しっぽいテキスト作ってみましたよ♪ やっぱBCCKS楽しー♪

世界一斬新でシュール!魅惑のストーリー「『BCCKS』エディタの使い方ビデオ」の秘密

今週は先週の『BCCKS』表紙編集編に引き続き、『BCCKS』の基本的な使い方編記事のはずで

記事を読む

Twitterでおすすめリツイートしたクリスタ素材まとめ 全品サンプル画像つき♪ 起毛ブラシ「もふぃ」で描いたうさぎ illust by サトウトシオ @310104o

Twitterでおすすめリツイートしたクリスタ素材まとめ 全品サンプル画像つき♪

もふぃでうさぎを30秒以内に描く illust by サトウトシオ@310104o &

記事を読む

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ  自己出版者さん向けtumblrテーマA Tumblr theme for self-publishersサンプルサイト

創作家さんに朗報!電子書籍の試し読みも出来る電書ちゃんのtumblr無料テーマがなまらスゴイ!

  激烈なまら素敵なtumblrテーマ『A Tumblr theme for self-pub

記事を読む

books by Elizabeth M, on Flickr 「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版

「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版

  books by Elizabeth M, on Flickr もくじ

記事を読む

2016 あけましておめでとうございます。  その他、イントロ論文-『「見るなのタブー」についての一考察』 からはじまる小説のお知らせ。 自作伊達巻き。梅の形というより雲?

2016 あけましておめでとうございます。  その他、イントロ論文-『「見るなのタブー」についての一考察』 からはじまる小説のお知らせ。

だてまき   登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

SAI2始動! 3Dパース定規からバケツの隙間調節まで、クリスタ、FireAlpacaとざっくり比較してみたよ♪ 「FireAlpaca」の3Dパースは神!この発想はなかった!!!!2

SAI2始動! 3Dパース定規からバケツの隙間調節まで、クリスタ、FireAlpacaとざっくり比較してみたよ♪

「SAI2」ツールの漏れ出し防止幅は上限100px!スライダーで直感的に使えます♪ &

記事を読む

電子組版試行錯誤中 各部名称 行送り字送り

お手軽に使える電子書籍の組版フォーマットを試行錯誤中

  前回までのあらすじ 「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版 の相関関係に

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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