ブログトップページを少しカスタマイズして、作品情報を表示できるようにした!-創作日誌

Mizucics Notesのトップページ

2018年6月20日の創作日誌。

ここ数日、取り組んでいた当ブログのトップページのカスタマイズ。

まずひとつ形作ることができました。

当ブログは、Wordpressで運用しています。直接、サーバー上でデザインをいじるのは怖いので、まずはPC上で作業をはじめました。

しかし、少々作業前に、問題にぶつかっていましたが、その問題を解消して作業に取り組めました。

トップページのコンテンツヘッダー

Mizucics Notesのトップページコンテンツ

サイトのデザインは、WordPressテーマ「ハミングバード」を使用しています。

このテーマの機能であるヘッダーコンテンツを利用。ここは、少し前から使用していました。毎日、新作の一文物語をアップしています。

時々、更新するのを忘れてしまうのですが、ここでも新作を読むことができます。

もちろん、レスポンシブなので、スマホでも見ることができます。

その下に、小説作品一覧のカルーセルを設置。テーマ付属の機能としてあったカルーセル。今まで使っておらず、今回初めて使用しています。

Webサイトっぽく、コンテンツを並べる

Mizucics Notesのトップページコンテンツ

今までは、ブログの最新記事が表示されていたのですが、それを下方にずらし、新しく情報を追加できる部分を作りました。

この位置は、管理画面から更新もできるのですが、テーマの仕様がPCとモバイルで2つ作る仕様だったので、それも面倒なので、直接コードをカスタマイズしました。

これで更新は、二度手間にならずに済みます。

最後に

Webサイトっぽく自分の作品情報を見てもらえるような形を目指しています。

トップページのバージョンアップ第1弾でした。

まだ、追加したい要素もあるので、引き続きトップページのカスタマイズに取り組んで行きます。

OPENCAGE(オープンケージ)には、他にもブロガー向けWordpressテーマを販売しています。

関連記事

Web小説連載中!

ファンタジー小説「理想水郷 ウトピアクアの蝶」
泳げない少女が、予言の子として理想水郷を作る異世界に移動してしまう。蝶の羽を生やす妖精の力を得て、理想水郷となる島を巡って、この世界に隠された力を奪い合う争いに巻き込まれる。

weBlog初心者個別相談室!

ブログをこれから始めたい。ブログを始めたはいいが、 どう書いていいか悩む、など、ブログスターター向けの素朴な悩みの質問に、ブログを拝見しながら、あなたにあった解決方法をご提案していきます。

手製本ポケットに入る宇宙の万華鏡 中 ckip-2018-vol.2の見開いたところ

手製本販売中!

一文で完結する物語集最新作。2018年5月〜8月の一文物語。手の平サイズの小さな本。