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

関連記事

小説に実際の商品名、店舗名、人物名は使えるか? くつキッチュスクラップス アイキャッチ画像 はてな標識

実際の商品名、店舗名、人物名は小説などの創作作品に使えるか?

  最近、当サイト創作支援被験者 ⇒ SS が読んだ本に、おもいっきり実在の商品名、作品名、作

記事を読む

「あの」アプリが使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 空を夜に変えて写真をアニメ背景風(夜)にしてみた2♪

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪

都市伝説らしい理想の泥犬と記憶の中の泥犬 illust by サトウトシオ@310104

記事を読む

Sea Change by Pen Waggener, on Flickr ブログちゃんと電子書籍くん

禁断の素朴な疑問…?(*´・д・)o0○(ブログと電子書籍の違いってなんだろう?)

  追記: 1年以上間の記事になぜか今頃になってアクセスが増えました……;; とい

記事を読む

「それ引用じゃなくて盗用でしょ」と、無断転載を祓う御札(おふだ)の話 アイキャッチ画像 イラスト:佐藤利音 illust by @310104o

無断転載を祓う御札(おふだ)と、「それ引用じゃないでしょ」の話

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

記事を読む

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

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

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

記事を読む

創作者さんのコリを癒す!セルフマッサージ動画5選 アイキャッチ画像 design by くつき 素材 by CELSYS

創作者さんのコリを癒す!セルフマッサージ動画5選

創作者さんのコリを癒す!セルフマッサージ動画5選 アイキャッチ画像 design by

記事を読む

BCCKSの表紙編集方法……っていうか電子書籍楽しい(>▽<) 自分でタイトル編集した場合1 ブーブー紙(蝋紙)の帯をつけてみた

めちゃ楽しい(>▽<)電子書籍Webサービス『BCCKS』の表紙編集メモ♪

  昨日、姉妹サイト:創作支援用素材屋『イチパン!』にて、 フリー素材 電子書籍用表紙イラスト

記事を読む

Tumblrボタン(フォロー、共有)設置方法 記事下設置やプロフィールへの設置、その他シェア方法など イチパン!サンプル

WordPressでTumblrボタンを実装してみた(記事下、サイドバーへの設置、その他シェア方法など)

  Share on Tumblr こちら、昨日作ったくつキッチュの姉妹サイト『イチ

記事を読む

校正・推敲を支援してくれるツール『tomarigi』のインストール、及び「音声読み上げプラグイン追加」までメモ

鳥・枝・葉っぱブラシ素材はクリスタ『CLIP STUDIO ASSETS』から ⇒  鳥

記事を読む

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

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

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

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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