WEB NOTEBOOK

どのようなデザインにするかをペイントソフトで描き起こしました。 web上の日記としてポートフォリオサイト内のブログを想像したので、自己紹介ページやギャラリーも作ることにしました。
また、この段階で先に動画講座を見ておき、少しWordPressやPHPについて予習しました。

アイデアスケッチをもとに基礎となるデザインをまずコーディングしていきました。 WordPressを組み込んだ時にどうなるかまだあまりわかっていませんでしたが、日記用のブログカードのようなものも考えて作りました。

ローカル環境の構築、WordPressのインストール、カスタマイズなど、すべてが初めてすることでした。
動画を何度も見直したり、検索したりして何とか形にしました。一通り終わってもまだ物足りなかったので、自分で調べてカテゴリーやフリーワードで検索できる機能を追加しました。

1週間程度、実際に日記帳として使ってみました。 WordPressでの記事の編集は本当にブログを書いているようで新鮮でしたし、実際に記事を書いたことで追加した検索機能のテストにもなりました。

最新３件の記事と、更新履歴が表示されます。 記事の抜粋がどうしてもうまくいかなかったことが残念でした。

ポートフォリオサイトのような雰囲気で自己紹介を書きました。

日記が一覧で表示され、検索もできるページです。 検索は本文からの検索とカテゴリー検索ができます。サムネイル画像があれば、緑の枠に表示されます。

日記の本文のページです。サムネイル画像を設定すると、トップの画像に溶け込むように表示されます。

作品置き場としておまけで実装したページです。 WordPressのプラグインを使って、画像をクリックすると拡大表示されるようにしました。