WordPress Cocoonスキン『ダークエンジ』の特徴

WordPress無料テンプレートCocoonのスキン「ダークエンジ」スキン
このページは「ダークエンジ」について書いているので、サイドバーの「スキン切り替え」から「ダークエンジ」を選択してください。

久々に新しくスキンを作ってみました。

ダークモードというのが流行っている(?)ようなので、それっぽいのにしています。

以下に特徴をまとめます。

Cocoonスキン 見出し

H2~H6の見出しは次の通り。

 

見出し(H2)

H2の見出しです。

 

見出し(H3)

H3の見出しです。

 

見出し(H4)

H4の見出しです。

 

見出し(H5)

H5の見出しです。

 

見出し(H6)

H6の見出しです。

 

 

ページネーション

ページネーションは「次のページ」ボタンを廃止して、ページボタンを変更。

マウスを乗せると、ちょっとだけ変わったアニメーションします。

目次

目次です。

リンクにマウスを乗せると背景色が変わるようにし、枠はグラデーションしてみました。

  

テーブル

テーブルはこんな感じ。

テーブルのキャプション
ヘッダーヘッダー
項目左1項目右1
項目左2項目右2
項目左3項目右3
項目左4項目右4

引用

引用も変更。

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。

見た目はシンプルですが、初めての方でも感覚的に使えるように便利な機能を織り込んで作りました。

100%GPLテーマなので自由にご利用いただけます。

ウィジェットの変更

コクーンのウィジェットで以下のものを主に変更しました。

どんなウィジェットになっているかは、サイドバーで確認してください。

  1. プロフィール
  2. 新着記事
  3. 人気記事
  4. カテゴリ

フッター

フッターの背景を緑とエンジのストライプに変更。

テキストカラー

インライン

インラインです。(太字)

インラインです。(赤字)

インラインです。(赤太字)

インラインです。(赤アンダーライン)

インラインです。(青)

インラインです。(青太字)

インラインです。(緑)

インラインです。(緑太字)

インラインです。(打ち消し線)

インラインです。(キーボード)

マーカー

これは黄色マーカーで書いています。

これは赤色マーカーで書いています。

これは青色マーカーで書いています。

黄色アンダーラインマーカー

アンダーラインマーカー

アンダーラインマーカー

ボックス(アイコン)

ボックス(アイコン)補足情報(i)
ボックス(アイコン)補足情報(?)
ボックス(アイコン)注意喚起(!)
ボックス(アイコン)メモ
ボックス(アイコン)コメント
ボックス(アイコン)OK
ボックス(アイコン)NG
ボックス(アイコン)GOOD
ボックス(アイコン)BAD
ボックス(アイコン)プロフィール

ボックス(案内)

ボックス(案内)プライマリー(濃い水色)
ボックス(案内)セカンダリー(濃い灰色)
ボックス(案内)サクセス(薄い緑)
ボックス(案内)インフォ(薄い青)
ボックス(案内)ワーニング(薄い黄色)
ボックス(案内)デンジャー(薄い赤色)
ボックス(案内)ライト(白色)
ボックス(案内)ダーク(暗い灰色)

ボックス(タブ)

ボックス(白抜き)

ボックス(白抜き)
ボックス(白抜き)
ボックス(白抜き)
ボックス(白抜き)
ボックス(白抜き)

ボックス(付箋風)

ボックス(付箋風)
ボックス(付箋風)
ボックス(付箋風)
ボックス(付箋風)
ボックス(付箋風)

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

マイクロコピー

マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー

 

マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー

ブログカードラベル

コメント

タイトルとURLをコピーしました