【WordPress】Cocoonテーマを使うことによるデザイン的な既視感をなくしたい。【コラム】

Base photo by Larm RmahCocoonカスタマイズ
Base photo by Larm Rmah
この記事は約3分で読めます。

無料で高機能のワードプレステーマ、Cocoonのカスタマイズについて、個人的なカスタイマイズの方針を書いておこうと思います。 このブログのための 、いわゆるデザインガイドラインというものになります。

(こういう記事をITエンジニアの方々はポエムというそうですが、私はITエンジニアではないので、コラムと呼ばせていただきます)(`・ω・´)

sponsored

高機能無料ワードプレステーマ『Cocoon』。

数ヶ月前から導入している無料WordPressテーマCocoonが、高性能すぎて惚れ惚れしています。
かゆいところにも手が届く、本当に優秀なテーマでほとんど不満がありません。
個人的実感ですが、SEO的にも効果があると感じています。構造化データとか地道な設定がちゃんとしてるんだろうな。。
これを無料で使えるだけでも日本人で(日本語が読めて)良かった!!

もし、1つ不満というか不安があるとしたら、グーテンベルグの記事ブロック要素も含めて、Cocoonにどっぷり浸かってしまっているので、もう乗り換えが効かないという点でしょうか。😂 😂

sponsored

Cocoonを使うことによるデザイン的な既視感をなくしたい。

上述の通り機能的に申し分ないCocoonテーマですが、気になる箇所が1点ありまして、それはデザイン関係です。
デフォルトのデザイン自体もシンプルで好みのデザインなのですが、無料でこれだけ高機能なテーマだけあって、かなりの数のWordPressユーザーさんがCocoonを利用しているようです。
なので最近、いろいろなブロガーさんのサイトを巡るたびに、「あ、Cocoonだ!」、「見たことある」という、デザイン的な既視感を感じることは否めない状況になっています。
おそらく有料テーマでもここまで細かく設定できて、SEO的にも構造化されたテーマは少ないので、自然とCocoonを選んでしまうというのは、現在運営しているサイトすべてがCocoonになってしまった私にはすごくうなずける状況です。
このCocoonテーマを使うがゆえのデザイン上の既視感をなくしたい、というのが私の目指すところです。
カスタマイズすることによって、思わぬところでSEO的に不利になる可能性がありますので、極力触らない方針ですが、最低限、既視感をなくすという点についてはやっていければな、と考えています。

sponsored

具体的なカスタマイズ内容 [随時更新]

具体的なカスタマイズの内容について、以下に随時更新という形で載せていこうと思います。

他の方の役に立ちそうなカスタマイズ内容については、別途記事で紹介できればと思います。

以下、検討済みのカスタマイズです。

  • ドロップシャドウの導入
  • アイコンフォントの変更
  • リンク要素のツールチップ(タイトル属性)を非表示に

ドロップシャドウの導入

これはデスクトップのみの話になりますが、外観全体を極力枠線などもないシンプルな見た目にしてるのもあって、リンク要素ホバー時にドロップシャドウを大きく使って動きを出しています。

ソーシャルボタンも同様に、シンプルに枠線無しとし、ドロップシャドウの見つけています。

アイコンフォントの変更

アイコンフォントをFont Awesomeから変更しています。
このカスタマイズについては、別記事で詳しく解説予定です。

↓【追記】書きました!↓

リンク要素のツールチップ(タイトル属性)を非表示に

こちらも別記事にて解説予定です。

コメント

  1. […] 高機能な無料テーマ、Cocoonをどういう姿勢でカスタマイズしていくか、ということについては、以前の記事で書きました。 […]