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

関連記事

縦書き小説PDFメーカー使ってみた♪ 縦書き小説PDFメーカー 挿絵⇒本文サンプル2 ※芥川龍之介『あばばばばば』青空文庫より2 http://www.aozora.gr.jp/cards/000879/files/14_14602.html

縦書き小説PDFメーカー使ってみた♪

  縦書きPDFメーカー使ってみた♪   登場人物:くつきちよこ ※管理人   佐藤

記事を読む

【創作者さん向け】アレやコレが写り込んだ写真って背景素材に使えるの?【写り込み規定メモ】 自分が撮影した写真に写り込んだ様々な著作物(付随対象物)+人物

【創作者さん向け】アレやコレが写り込んだ写真って背景素材に使えるの?【写り込み規定メモ】

  写真の権利説明図:くつきちよこ   登場人物:くつきちよこ ※管理人   佐

記事を読む

「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」を使ったGIFPALの使い方補足 元絵を描く2 ※マール社さん『コマ送り - 動くポーズ集5 武器編』60P 斧 振り下ろす(上から)トレース

『GIFPAL』と『コマ送り-動くポーズ集』を使った簡単GIFアニメーションの作り方 「あの子のほうが かわいいから 私と別れたの?……(ΦωΦ)フフフ…」

今回はマール社さんの『コマ送り-動くポーズ集』とフリーオンラインツール『GIFPAL』を使っ

記事を読む

Muscles by Thomas Fisher Rare Book Library, on Flickr

『ArtPose』がPCで使えなくて絶望したーっあなたへ贈る無料3Dモデルソフト3選+オマケ

当サイト被験者SSが珍しく『ArtPose』という、いま巷で大人気のポーズアプリを絶賛していまし

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

『異世界』要素についてgdgd談義 ファンタジーには「ハイ」と「ロー」がある? アイキャッチ画像 illust by ss

『異世界』要素についてのgdgd談義 異世界モノと呼べるのはハイファンタジーだけ?

  最近の小説に欠かせない『異世界』要素について再考してみました。  

記事を読む

【宣伝回】 電子書籍の表紙や挿絵、ブログのポイント使いなどに便利な素材屋やってます♪

    と と 姉妹サイト くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

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

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

  • マウスコンピューター/G-Tune