個人サイトをワードプレスで作る〜デザイン編５

ピッコマノベルズ大賞通過作品【ピッコマノベルズ】で連載中

現代ダンジョン×最強主人公快進撃
かつて英雄だった少年が再び最強に

お嬢様×ハイスペックイケメン
すれ違う二人の切ない恋のお話

こんにちは、塩羽間つづりです！

前回で基本的な小説サイトの作り方は終わったのですが、デザインをカスタマイズしたいけどどこに何があるのかわからない！というときのために、サクッとデザイン設定の場所をご紹介します！

本格的なカスタマイズ方法というより、何がどこにあるかのご紹介です。

困っている方はぜひ参考にしてみてくださいね。

参考サイトは例に漏れず、自サイト・さくらメモリーです。

塩羽間つづりの個人サイトさくらメモリー

サイトのデザインをいじる

サイトを作りはじめたら、まず色を変更したいですよね。

『外観』→『カスタマイズ』を選択で、様々な設定画面がでます。

下の画像は当サイトのものです。

サイトの基本設定では、サイト名・説明・ロゴなどが設定できます。ロゴ画像は、サイトのトップヘッダー部分にあるものです。

さくらメモリーだと、下の画像がロゴにあたります。

そして、『色』で、サイトのカラーが変更できます。

上のような画面になるので、色を選択を押して好きなカラーに変更しましょう。

他にも設定項目がいろいろありますので、好きにカスタマイズしましょう。

ウィジェット

次にウィジェットをご紹介します！

これも結構使うので、覚えておいてください。

ダッシュボード画面に戻り、『外観』→『ウィジェット』を選択します。

上の画像のような設定画面が出ると思います。

ここは、どのページにも共通して表示される機能を設定する場所といったらいいでしょうか…。

以下の画像のように設定したりしています。

サイドバー・・・PCで見たときに横に出る。（スマホは下に表示するかどうか選択ができるはずです）

フッター・・・サイトの下。本文が終わった後に必ず表示されるものたちです。

さくらメモリーは上のように設定しています。どのページにとんでも、下部にこの設定した項目が表示されているので、興味があればご確認ください。

他にも、いろいろと場所が分けられているので、何か表示したいものがあったら設定するのがオススメです。

フッター左に、トップに戻るとか、全小説のリンクを設定しておくのがおすすめです。

メニュー

さてさて、また『外観』を選択し、その中の『メニュー』を押してください。

デザイン系のカスタマイズは基本的に『外観』で行います。

メニューを押すと、メニュー作成画面に移ります。

最初は何もないと思うので、『新しいメニューを作成しましょう』の文言をクリックして、メニューを作成します。

小説一覧メニューを作成してみましょう！

当サイトの画面は上のようになっています。

左側に固定ページ・投稿・カスタムリンクなどなど並んでいるので、チェックボックにチェックをいれ、メニューに追加を押すと、右側に表示されます。

カスタムリンクはURLを直接入力できます。

上のURLは、トップページのさらにアンカー指定をしています。（ページジャンプ機能）

また、階層の指定もできるので、自由に作成してください。

最後に、一番下に『メニュー設定』がありあます。

ここで、作成したメニューをどこに表示させるかが選べます。

今回の小説一覧は、ウェジェットなどで利用しているのでどこも設定していません。

最後に、右下の『メニューを保存』を押して完了です！

ウィジェットでは、以下のように設定します。

ナビゲーションメニューを選択。

基本的なカスタマイズ方法は以上です！

なんとなく操作方法が伝わっていたらうれしいです！

本格的なカスタマイズをするときは、『外観』→『テーマファイルエディタ』を選択することで、コードの書かれているファイルをいじれます。

子テーマがあると思いますので、子テーマのスタイルシートにコードを書いてカスタマイズしていきます。

といっても、基本的に親切な方々がカスタマイズ方法をネットに流してくれているので、基本的にコピペでできます！

使っている方が多いと、コピペだけでカスタマイズできるのがいいですよね！

また何かありましたら更新していきますね！

それでは、ここまでお読みくださり、ありがとうございました！

最後にサイト作成記事をまとめておきますね！