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

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

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

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

Cocoonスキン 見出し

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

 

見出し1（H2）

 

見出し2（H2）

 

見出し3（H2）

 

見出し4（H2）

 

 

見出し（H3）

H3の見出しです。

 

見出し（H4）

H4の見出しです。

 

見出し（H5）

H5の見出しです。

 

見出し（H6）

H6の見出しです。

 

 

ページネーション

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

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

目次

目次です。

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

  
目次
    

    
Cocoonスキン 見出し
見出し1（H2）
見出し2（H2）
見出し3（H2）
見出し4（H2）
見出し（H3）
見出し（H4）
見出し（H5）
見出し（H6）
ページネーション
目次
テーブル
引用
ウィジェットの変更
フッター
テキストカラー
インライン
マーカー
ボックス（アイコン）
ボックス（案内）
ボックス（タブ）
ボックス（白抜き）
ボックス（付箋風）
バッジ
マイクロコピー
ブログカードラベル
    
  

テーブル

テーブルはこんな感じ。

引用

引用も変更。

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

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

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

ウィジェットの変更

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

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

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

フッター

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

テキストカラー

インライン

インラインです。（太字）

インラインです。（赤字）

インラインです。（赤太字）

インラインです。（赤アンダーライン）

インラインです。（青）

インラインです。（青太字）

インラインです。（緑）

インラインです。（緑太字）

インラインです。（打ち消し線）

インラインです。（キーボード）

マーカー

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

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

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

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

アンダーラインマーカー

アンダーラインマーカー

ボックス（アイコン）

ボックス（案内）

ボックス（タブ）

ボックス（白抜き）

ボックス（付箋風）

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

バッジ

マイクロコピー

 

ブログカードラベル