サイト改修メモ


image

本サイトを新しく作ってから、一年が経った。それを機に、デザイン変更や機能追加を行ったので、今回はそのメモ書き。

技術的な話も含まれるので、かなり自分向けの、備忘録的なものである。あしからず。

ヘッダ画像・メインメニューの変更


image

変更前。暗くしたステンドの画像をバックにして、横並びのメニュー。


image

変更後。ロビー邸のステンドっぽい感じの、ゴテゴテの装飾を施したメニューを右上に配置。ステンドだけだと隙間が目立つので、バックにクラッケルの画像を入れている。

技術的には、PNGの透過画像を用い、サイドバーの上に重ねるように表示しているところがミソ。クラッケルの画像もPNGであり、CSSのbackground-imageプロパティで同時に2の画像を指定している。

メニューのアイコンは、WebアイコンのFont Awesome(バージョン5)を使用。


image

最下部のほとんど見られないであろうメニューも・・・


image

同じテイストに。

正直、あまりしっくりきていない。まあ、また気が付いたところは細かな修正を随時入れていきたいと思う。

コメントのサイドバーへの表示

ブログ記事などへのコメントを頂くことがあるが、今までは個々の記事に行かなければコメントを確認することができなかった。結果、殆ど埋もれてしまっていた。


image

それを、右のサイドバーに最新のコメントを集約して表示することにより、一元的に閲覧できるようにした。

その他、細部の修正、コンテンツの追加など

それ以外にも、細部の修正を。

サイトマップの一新

GalleryとWorksが表示されなかった点を修正。全体の体裁も少し整えた。サイトマップ自動作成プラグインを、「PS Auto Sitemap」から「WP Sitemap Page」に変更することにより、これらを実現できるようになった。

Aboutページの刷新

これまでは言葉足らずだったので、文章を充実させた。

Galleryの追加

公共の場にあるステンドを幾つかアップ。

Worksの追加

自作のステンドを幾つかアップ。

これからも徐々に修正を加えて、理想のカタチに近づけていきたい。


コメントを残す

メールアドレスが公開されることはありません。