私は「読者にもっと楽しんでもらえるようなコンテンツを作るにはどうしたらいいだろう?」と日々模索しています。以前私はこんな記事を書きました。有名な会社やサービスには、それぞれパッと聞いて分かるよ...このブログ内の記事で使っている「クイズ形式で使えるパーツ」が意外と好評だったため、ブロガーさん向けに少しアレンジした形で配布しようと思います。記事のセッション継続時間が上がったまとめクイズパーツはどんなブログパーツか記事内において、回答を隠しておきたい時などに利用できます。「答えを見る」ボタンをクリック、タップするとあらかじめ仕込んでおいた回答が表示される仕組みになっています。一つの記事内に複数設置できるため、クイズ形式のまとめ記事などに使えるんじゃないかなと思います。その他、下記のようにテキストを入れ替えることで、記事内で読者に自然に考える時間を与えることもできます。これまでキングダムの人気キャラについて色々とまとめてきましたが、ここで問題です。min)WordPressのブログサイトに導入する方法について説明します。手順としてはこんな感じです。style.cssにcssコードをコピペ記事投稿画面の「テキスト」エディタにhtmlコードをコピペ回答テキストなどを書き換えstyle.cssにcssコードをコピペこちらのコードをstyle.cssにコピー&ペーストしてください。以降の説明テキストは削除してください。記事投稿画面の「テキスト」エディタにhtmlコードをコピペ続いて記事投稿画面に移り、テキストエディター画面に切り替えたら、パーツを配置したい箇所に下記のコードをまるっとコピペします。部分)を書き換えます。一つの記事内に複数このパーツを設置する場合は、少しだけコードに手を加える必要があります。いっても2箇所だけです。先ほどのhtmlコード内のq-1の部分の数字を、パーツごとに記事内で利用する順にq-2、q-3...と変えてあげてください。</div></div>この「q-◯」の部分は、ボタンと回答の紐付けをする記述になっています。複数利用する際は先ほどのコードをコピペした後、この「q-◯」の部分だけを変えて利用してください。記事のセッション継続時間が上がったこのパーツを導入したことにより、読者がブログに滞在してくれる時間が長くなりました。実際に渡しのブログでは、このブログパーツを導入した記事のセッション継続時間がサイト内の他の記事に比べて3〜4倍長くなっています。読者が記事内で何らかのアクション(今回はクリック、タップ)をすることで、読者の記事に対する没入感が増し、コンテンツを長く楽しんでくれているものだと捉えることができます。読者にブログをもっと読み込んでもらえるような仕組みを作ることができました。Designer野うさぎ会社から脱走して野に放たれたフリーランスのウサギ。Web制作会社に5年間勤務し、エンジニアとして独立。ブログでWeb制作、フリーランスの働き方、ガジェットレビューなどの記事を書いてます。