約2年ぶりに暁の事業サイトを全面リニューアルいたしました。
これまでは静的なHTMLで1ページのみ作成していましたが、今回はWordPressサイトとして構築しています。
本記事ではリニューアルの経緯やシステム的な点について紹介します。
WordPressサイトとしてリニューアルした経緯
もともと静的サイトとして作成していたのは「WordPressの仕様にとらわれず、自由に作りたい」という理由でしたが、勉強も兼ねてpugなどで作った（作ってしまった）ことで、かえって更新しづらくなってしまい、結局ほとんど更新することはありませんでした。
少し複雑なレイアウトもブロックエディターが登場して編集画面から簡単に作成できるようになっていることもあり、HTML・CSSを書くよりもブロックを使ったほうがコンテンツ作成も早いためWordPress化することにしました。
今後は制作実績やブログ・お知らせをよりタイムリーに発信できるようにしていきます。
レイアウトは目立ったことはせずシンプルに
企画段階ではアニメーションを駆使した「スタイリッシュでカッコいいサイト」にする案もありましたが、サイトのターゲットと今後の展開も考えて「どこか見たことのあるような安心感のあるサイト」を目指しました。
「スタイリッシュでカッコいいサイト」についてはクリエイターとしての個人プロフィールをGitHub Pagesで作成しようと思います。
※現在はTVアニメ「エウレカセブン」のCM前後のアイキャッチを模したものになっています。
画像についてもリニューアル前とは違いイラストを多めにしています。
イラストについては下記サイトを利用させていただきました。
※似たようなテイストのイラストをダウンロードできるサービスを探しております。有料・無料は特にこだわりは無いのでもしオススメがあれば教えて下さい。
また、最近はスクロールに合わせてアニメーションするサイトがほとんどになってきた気がしているので、あまりうるさくない程度にスクロールに合わせてふわっと表示されるアニメーションを取り入れています。
テーマはオリジナル、ブロックはyStandard Blocks
今回、事業サイト用にテーマをオリジナルで作成しました。
私が開発・配布しているyStandardを使うことも考えましたが、ブロックプラグインのyStandard BlocksをyStandard以外のテーマでテストするた為に、あえて「独自テーマ × yStandard Blocks」という組み合わせで運営しています。
これにより、事業サイト用テーマ・yStandard・yStandard Blocksで機能面やレイアウト面でお互いにフィードバックを活かすことができるようになると考えています。
お知らせ（News）、ブログ、制作実績の追加
サイトをWordPress化したことにより、コンテンツの追加が（以前に比べて）容易になりました。
そのため、お休みのお知らせやイベント開催情報を発信する「News」、WordPressの操作方法などのお役立ち情報を発信する「ブログ」、制作の実績を紹介する「制作実績」を更新コンテンツとして用意することにしました。
「News」「ブログ」は投稿で作成し、カテゴリーで分類する運用ルールとしました。
「制作実績」はカスタム投稿タイプを作成し、実績だけ別で管理しています。
カスタムフィールドなどで入力項目のカスタマイズをすることはなく、全てブロックエディターを使ってフリーレイアウトで文章を作成しています。
定型の内容については再利用ブロックを活用し、再利用ブロックの呼び出し→通常ブロックへの変換 で各ページがほぼ同じフォーマットでコンテンツを作成できるように工夫しています。
※Newsカテゴリーだけnoindexを指定したり、投稿一覧(home.php)に表示されないようにするカスタマイズをしていますが、そこまでやるならカスタム投稿として作っても良かったのではないかとも思っています。
事業サイトのブログと既存ブログの棲み分け
これまで、ブログは /blog/ (blogサブディレクトリ) で作成しており、今回事業サイトにブログ機能を追加すると、2つのブログが存在することになります。
そのため、事業サイトのブログはWordPressの操作方法やおすすめプラグインについての情報など「WordPressサイト・ホームページ作成に役立つ情報」を掲載し、これまでのブログはプログラミングなどの技術的なこと・フリーランスとしての活動の話や個人的な話などいわゆる「ブログ」として作り直すことにしました。
一部のコンテンツをこれまでのブログから移行＆リライトしていきます。
これまでのブログでは技術的な内容が多く、WordPressの操作などに関するコンテンツを探すのがやや面倒だったので、ブログの棲み分け完了後は必要なコンテンツが探しやすくなるのではないかと思います。
※そしてその恩恵を一番に受けるのは私自身だと思っています…
これからも暁をよろしくおねがいします
名刺・看板としての必要最低限の情報を掲載したホームページから、WordPressサイトの細かなカスタマイズまで対応できます。また、最近はブロックの開発も行っていますのでもし何かあればご相談ください。
2020年の活動予定などは技術ブログの方に書こうと思いますのでそちらも引き続きよろしくお願いいたします。