2024-03-12

記事ページに目次をつけよう

長い文章を書くあなたへ。

ブログやLPなどウェブサイトを運用したり作ったりしてると、長い文章って書きますよね。
WordPressだと簡単に管理画面からページを作成できます。

長い文章は読み物として面白い一方で、構造化する力が求められます。
それは、書き手にも、読み手にも。

頭の中で全体をイメージしながら読まないと、「あれ、今何の話だっけ」ってなっちゃいますからね。
それは書き手の文章力の問題だろっていう意見もあると思いますが。。。

書き手・読み手のための目次。

  • 書き手の構造化する力が足りてない
  • 読み手の構造化する力が足りてない

いずれにせよ、長い文章を書いたり読んだりする場合は、文章全体の構造が大事になってきます。

それをサポートしてくれるのが目次ですよね。

wordpressサイトって記事ページに目次機能がついているテーマって意外となかったりします。

やっぱり、文章の最初で全体の構造がわかる目次があると便利ですよね。

Javascriptだけで実装できる。

wodpressに目次機能を実装するプラグインはいくつもあると思います。
しかし、Artisanはプラグインをあまり好みません。。

ということで、今見ているこのページの目次もプラグインなしで実現しています。
そうですね、数行のjavascriptコードで実現できます。

仕組みは至ってシンプルです。

  1. ページのサブタイトルを収集してくる。
  2. サブタイトルを構造化して一列にする。
  3. 一列にしたものをページの上の方に出力する。
  4. せっかくなのでそれぞれの目次にジャンプできるようにする。

この処理をjavascriptで実装しています。

あなたがどんなテーマを使っていても、これくらいならサクッと実装できます。

Javascriptって便利ですね!

よくあるご質問

Artisanの活動頻度を教えてください

Artisanは基本的に1ヶ月に1回、2時間程度開催しています。そこでは、ブログのアイディアやサイトの改修を行なっています。 参加は強制ではないので、ご安心ください。そのとき暇なメンバーがフラッと参加する感じです。

エンジニアなのですが、Artisanに参加できますか?

Artisanは利益組織ではありませんので、給与はでず、有志の集団です。 趣味程度の活動です。 興味がありましたら、インスタグラムよりご相談くださいませ。 現在だと、ウェブデザイナーさんやフロントエンドのエンジニアさんにきていただけると、非常にありがたいです。

wordpressのテーマ作れますか?

ワードプレスのテーマ開発は得意なメンバーがいます。 実際にwordpressでサイト制作を請け負う際は、全てオリジナルテーマを作っております。 また、一般用にwordpressテーマ自体を販売もしております。

Artisanってデザイナー?

どちらかというと、エンジニです。 ウェブデザインやグラフィックも多少やりますが、メインはウェブ開発者ですね。

Wordpressテーマ販売中