WORDPRESS ブログとビジネスを融合したトップページのブラッシュアップ

https://norrya.com/

WORDPRESSトップページのブラッシュアップの意味

クラウドワークスにて安田様より、WORDPRESSサイトのトップページのブラッシュアップについてご相談いただき、企画と実装を担当させていただきました。

WORDPRESSのテーマには、有名なCOCOOONが使用されており、Adsenseの運用なども入っていたことからテーマは入れ替えずそのままCOCOOONを利用することにしました。

スクラッチでオリジナルなトップページを制作することにしました。

安田様よりいただいた要望に、個人ベースのブログテイストでありつつもトップページでビジネス部分のキャリアやヒストリーなどをさりげなく紹介したいというものがありました。

トップページをブラッシュアップするということは、サイトイメージやメッセージを変更することと考えています。

今回は、「イメージ踏襲+変化」が課題です。

どこが「同じ・継承」していて、どこが「新しい」部分になるのか考えます。

ビジネス過ぎず、個人趣味ブログ過ぎずというバランス

印象や味わいの部分を配色や、レイアウトなどでコントロールすることになります。

https://norrya.com/ 様 トップページ トップビュー

クライアント様のご要望に合わせ、ネイビーをベースからーとし、グラフィックやアイコンなども大人っぽい落ち着いた印象になるものをチョイスしました。

noteの最新記事をサムネイル付きで掲載 APIを使用

ご自身のnoteを紹介したいということで、WORDPRESSからリンクしてほしいというご要望をいただいていました。

ただリンクするだけじゃつまらないだとということで、noteのAPI経由で最新記事をWORDPRESS上にサムネイル付きで表示することになりました。

技術

  • アドバンスカスタムフィールドでコンテンツ更新
  • ブログ最新記事の取得と表示 get_posts($args);
  • note APIにて記事情報取得
  • contactform7 埋め込み

どれもWORDPRESS標準機能や、PHP、JSのベーシックなパターンの機能です、それらを組み合わせることでどのテーマにもないフィーリングや機能を作り出しています。

独自デザイン・機能のトップページ制作承ります

WORDPRESSの独自デザイン・機能のトップページ制作承ります、お気軽にお問い合わせください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です