「文脈をつなぐ」トップページ改変。淫夢クッキー☆syamu_gameMAD2ちゃんねるハセカラ・恒心教バーチャルYoutuberプロフィール・お問い合わせホームネット文化考察・運営コラム「文脈をつなぐ」トップページ改変。0どうも、木村(@kimu3_slime)です。この度、このブログのトップページを大きく変更し、情報サイト化を図りました。「文脈をつなぐ」はウェブサイトになったのです。どんな改変をどんな風にしたのか、なぜそれをしたのかを書いていこうと思います。情報サイト・オーソリティに関する本を読んだネット文化のことならなんでものっているサイトを作りたい情報サイト化の過程で苦戦したこと「文脈をつなぐ」これまでの1年、これからの1年こちらもおすすめトップページの改変もともとのブログ・トップページは、以下のようなデザインでした。最新記事5件フッターという作りですね。これは多くのブログと同じトップページ構成です。新着記事をいくつか表示しておくというスタイルですね。改変後は次のようになっています。各カテゴリの最新記事(8カテゴリ、合計28記事)フッターという構成になっています。(シェアボタンのデザイン、カテゴリページも改変しました)これは一般的な(情報)ウェブサイトのトップページ構成です。新着記事だけではなく、サイト概要や各カテゴリの紹介など動かないページ(=静的なページ)が記述されています。情報サイト化を図った理由なぜこんな変更を施したのか、その意図を話そうと思います。情報サイト・オーソリティに関する本を読んだトップページのデザインを変更しよう、と思った直接のきっかけは、「情報サイトでオーソリティーを目指そう!」という本を読んだことでした。ブルースとアコギと初心者のためのギター講座」を見てください。ブルースギターに関することはなんでものっているサイトです。ブルースギターを練習しようとする人は、何度もアクセスし、そのサイトを自分から探して見にいくようになるでしょう。やって、サイト名・専門性で想起してもらえるのが、オーソリティ(権威)のあるサイトですね。ネット文化のことならなんでものっているサイトを作りたい僕ももともと、単なるブログではなく、ネット文化に関する情報がなんでも載っていて信頼できるサイトにしたいと考えていたんですよね。ブログというよりも、Wikipediaのような役目のサイトにしたいのです。他のブログ・サイトよりも網羅性が高く、まずはそこを探してから他をあたるか、と思えるようなサイトに。昨年末から、自分がネット文化研究家という肩書きを名乗り始めたことも影響しています。ネット文化という分野・専門性でトップを取ってやろう、という気持ちになってきた。2017そのために、ネット文化・例のアレが全部わかる213記事まとめというまとめ記事を作り、ブログのフッターメニューに常に表示させるようにしていました。ネット文化について各ジャンルごとに情報が揃っていますよ、ということが見せたかったのです。考えると、ブログのトップページはそのためには役に立たない作りでした。最新の5記事がのっているだけなのですから。特定のジャンルを見に来た人の場合、関係のない記事ばかりだったら帰ってしまいますよね。そもそもトップページを各ジャンルのまとめ記事のようにしてしまえば、数多くのジャンルに関するサイトなんだな、と見てもらえるだろう。情報サイト化の過程で苦戦したことそう考えて、トップページの改変に取り掛かりました。先ほどの本に書かれていたデザイン案を参考にしています。引用:情報サイトでオーソリティーを目指そう!成田空港周辺スポット案内というサイトも参考にしています。このくらいシンプルでも、メニューが揃っていて普通に使いやすいじゃん、と思ったんですよね。改変でつまづいたのは、トップページをどんな方法で作るかという一番最初の部分でした。基本的に新着記事しか表示されないトップページを、静的なトップページに変更する方法がわからなかったのです。(このサイトは、ワードプレスというサイト・ブログ作成システムによって動いています。)調べてみて、ダメだなと思った方法をふたつ紹介します。ひとつは、トップページに固定記事を表示する方法。これはまるで自由度がありません。記事中では思った通りに表示できないhtmlタグが多く、メニューが作れないです。ひとつは、静的なトップページをhtmlで作り、そこでワードプレスの機能を呼び出す方法。Storeちゃんとやろうとするならこれなのか、と最初は思ってしまいました。トップページをhtmlで1から書くって、めんどくさすぎるんですよね(それをしないためのワードプレス)。htmlで作ったページのデザインと、もとからワードプレスで作ってあったページのデザインを合わせるのも至難の技。最後に気づいたのが、ワードプレスの「テーマの編集」で、トップページの表示をつかさどるphp(home.php)を書き換える方法。「ワードプレスを使っていて、サイトのデザインを変えるなら、phpを書き換える」というのは、言ってしまえばものすごく当たり前の方法です。ワードプレス」みたいなキーワードでGoogle検索していても出てこない情報だったんですよね。今回この記事で書いておきました。a-kiさんのいうような情報サイトをワードプレスで作るなら、トップページの表示をつかさどるphp(home.php)を書き換えるのが最適です。home.phpを変更すればデザインは自由に変えられると気づいてからは、わりとスムーズに進みました。ワードプレスを使っているので、「各カテゴリの新着記事を自動的に表示させる」みたいなことがphp関数で簡単に実装できます。「検索ボタンをカスタマイズしたい」と思ってGoogle検索すれば、それなりに先人の情報が出てきます。自分でカスタマイズする方法がネット上にたくさんアップされているのがワードプレスの利点ですね。「文脈をつなぐ」これまでの1年、これからの1年2016年の12月あたりから、このブログはニコニコ動画・例のアレに関することをたくさん書くようになりました。動画に関連する記事を書くうちに、扱う範囲がTwitterやにちゃんねるにも広がっていき、今に至ります。2016年代はソーシャル(Twitter)で感想を見ることの少ないブログでしたが、この1年で「文脈をつなぐってブログが面白い」みたいなコメントをいただく機会が増えています(ありがたい)。記事単体だけでなく、サイト・ブログ自体を認識して来てくれる読者が増えている。これはデータからも読み取れることです。以下は、新規訪問者(青)とリピーター(緑)の割合を示すグラフです。(厳密に言えば、リピーターではなく、2回目以降の訪問ですが...)この1年で、リピーターの割合が16.6%から30.7%に伸びています。1年後にはさらにリピーターを増やしたいですね。僕は「文脈をつなぐ」をサイトと考えて運営していきます。新鮮な情報を追加しやすいブログシステムを使っていますが、それはサブ。サイトを更新しやすくするためのブログ機能と考える。ブログ運営者は、記事を更新してアクセスを獲得することにどうしても目が向きがちな気がします(僕はそうです)(検索エンジンからの訪問者が多いという理由もある)。良い記事を書くのは大事ですし、そこに力は入れていきたいと思います。「記事単体ではなく、全体としてどんなサイトなのか?」を考えるのも大事だと思います。記事を書かずに、記事の価値を上げる・読者に価値ある記事を提供する方法はあります。それは使いやすいサイト・ブログを作る(デザインする)ということです。記事単体の質を一定にするだけでなく、その周りに広げるウェブサイトを快適にする。その積み重ねが、信頼されるサイトにつながっていくんじゃないか、と思いました。木村すらいむ(@kimu3_slime)でした。blogのサイト制作・運営」は本の無料お試しのような感じで読めるのでオススメ。実際、ブログを読んで肌が合いそうだな、と思ったので購入しました。木村すらいむ(木村一輝)ネットと言葉が好きなだけの人。1992年・群馬生まれ、茨城在住。他に「趣味の大学数学」を運営。ご連絡はTwitter(@kimu3_slime)のDMへお願いします。木村すらいむ(木村一輝)ネットと言葉が好きなだけの人。1992年・群馬生まれ、茨城在住。他に「趣味の大学数学」を運営。ご連絡はTwitter(@kimu3_slime)のDMへお願いします。バーチャルYouTuber文化論書きました。ユリイカのバーチャルYouTuber特集に寄稿してます。