さくらメモリーのお知らせ・雑記・小話・おもしろいこと探し

小説個人サイトの作り方6_トップページの作り方2

https://shousetu.work/wp-content/uploads/2019/12/7CBBC07F-0110-424E-BC4A-4A8D3C4DD9C5.jpeg
メモリー

小説サイトのトップページをどのように作成したらいいか、さくらメモリーを例にご紹介いたします

この記事で得られること

この記事では、

  • トップページに表示したらいい情報
  • トップページに必要な機能
  • トップページ表示にオススメプラグイン

をご紹介いたします。

個人小説サイトのトップページに表示する情報

小説サイトを作ろうと思って、一番最初にどんな情報を載せたらいいかという問題に当たるかもしれませんね。

https://shousetu.work/wp-content/uploads/2019/12/7CBBC07F-0110-424E-BC4A-4A8D3C4DD9C5.jpeg
メモリー

サイトデザインについて、以下の記事をご一緒にご参考ください

小説個人サイトの作り方2_サイトデザインを考えよう 小説個人サイトの作り方2_サイトデザインを考えよう

トップページイメージ

https://shousetu.work/wp-content/uploads/2019/12/9D8D64B2-8780-455E-94A9-D57CD633F4F4.jpeg
メモリー

さくらメモリーを使用してご説明させていただきますね

こちらが現在(2019.12現在)のさくらメモリーのトップページ画面です。

さらに、Linkという項目があります。

管理画面上では以下の画像のようになっています。

実際のページと大きな違いがないことがわかるかと思います。

WordPressは、実際に見た時の画面と、そう大きく変わらない画面で作成ができるのがいいですね。

画像を見ていただきました通り、さくらメモリーのトップページは、

  • サイト案内
  • 更新情報
  • Link

の三つの情報で構成されています。

https://shousetu.work/wp-content/uploads/2019/12/7CBBC07F-0110-424E-BC4A-4A8D3C4DD9C5.jpeg
メモリー

サイト上部にあるメニュー画面などは、トップページとはまた別で設定を行なっていますよ

個人小説サイトに必要な機能

トップページに限定する必要はないのですが、最初に表示されるトップページにあるといい機能をいくつかご紹介いたしますね。

  • メニュー(表示させたいページへのリンク)
  • サイトの説明
  • 更新情報
  • わかりやすい小説ページへの案内リンク
  • トップに戻るボタン(押すと上部に遷移)

こちらは一例なので、最初に見たときに何を表示させたいかを検討して作成してみてくださいね。

トップページ作成にオススメプラグイン

最後に、トップページ作成にオススメのプラグインをご紹介いたします。

以前さくらメモリーで実際に使用しているプラグインをご紹介させていただいたので、そちらの記事もご参考ください。

小説個人サイトの作り方4_小説サイトにオススメなプラグインを解説 小説個人サイトの作り方4_小説サイトにオススメなプラグインを解説

トップページ作成に必要なプラグインとしては以下のものかと思います。

  • Shortcodes Ultimate

更新情報を表示するのに使用しているプラグインですね。
こちらにつきましては、またまとめさせていただきますが、今は上記記事をご参考ください。

吹き出し表示プラグイン

さくらメモリーでは吹き出し機能を利用しています。

さくらメモリーはテーマに吹き出し機能がもともと導入されているのですが、吹き出しがテーマに導入されていなかった場合、以下のプラグインを利用することで吹き出し表示が可能になります。

  • Word Balloon

以下に開発者様のサイトをリンクでご紹介させていただきますので、ご参考にしてみてくださいね。

参考 Word Balloon 公式ページ 会話形式の吹き出しプラグイン 使い方 WordPressBack 2 Nature
https://shousetu.work/wp-content/uploads/2019/12/7CBBC07F-0110-424E-BC4A-4A8D3C4DD9C5.jpeg
メモリー

トップページはサイトの顔になるページなので色などで個性がでるように作ると面白いかもしれませね

https://shousetu.work/wp-content/uploads/2019/12/DB27C6FD-953E-4E4F-B1C5-F05FAFAB0D14.jpeg
メモリー

ただ、情報が多すぎると見にくくなってしまうこともあるのでご注意ください

https://shousetu.work/wp-content/uploads/2019/12/7CBBC07F-0110-424E-BC4A-4A8D3C4DD9C5.jpeg
メモリー

それでは、次回は一番重要な小説ページの作成方法をご紹介いたしますね