このページは「ダークエンジ」について書いているので、サイドバーの「スキン切り替え」から「ダークエンジ」を選択してください。
久々に新しくスキンを作ってみました。
ダークモードというのが流行っている（？）ようなので、それっぽいのにしています。
以下に特徴をまとめます。
Cocoonスキン 見出し
H2～H6の見出しは次の通り。
見出し（H2）
H2の見出しです。
見出し（H3）
H3の見出しです。
見出し（H4）
H4の見出しです。
見出し（H5）
H5の見出しです。
見出し（H6）
H6の見出しです。
ページネーション
ページネーションは「次のページ」ボタンを廃止して、ページボタンを変更。
マウスを乗せると、ちょっとだけ変わったアニメーションします。
目次
目次です。
リンクにマウスを乗せると背景色が変わるようにし、枠はグラデーションしてみました。
テーブル
テーブルはこんな感じ。
| ヘッダー | ヘッダー |
|---|---|
| 項目左１ | 項目右１ |
| 項目左２ | 項目右２ |
| 項目左３ | 項目右３ |
| 項目左４ | 項目右４ |
引用
引用も変更。
Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように便利な機能を織り込んで作りました。
100％GPLテーマなので自由にご利用いただけます。
ウィジェットの変更
コクーンのウィジェットで以下のものを主に変更しました。
どんなウィジェットになっているかは、サイドバーで確認してください。
- プロフィール
- 新着記事
- 人気記事
- カテゴリ
フッター
フッターの背景を緑とエンジのストライプに変更。
テキストカラー
インライン
インラインです。（太字）
インラインです。（赤字）
インラインです。（赤太字）
インラインです。（赤アンダーライン）
インラインです。（青）
インラインです。（青太字）
インラインです。（緑）
インラインです。（緑太字）
インラインです。（打ち消し線）
インラインです。（キーボード）
マーカー
これは黄色マーカーで書いています。
これは赤色マーカーで書いています。
これは青色マーカーで書いています。
黄色アンダーラインマーカー
アンダーラインマーカー
アンダーラインマーカー
ボックス（アイコン）
ボックス（案内）
ボックス（案内）プライマリー（濃い水色）
ボックス（案内）セカンダリー（濃い灰色）
ボックス（案内）サクセス（薄い緑）
ボックス（案内）インフォ（薄い青）
ボックス（案内）ワーニング（薄い黄色）
ボックス（案内）デンジャー（薄い赤色）
ボックス（案内）ライト（白色）
ボックス（案内）ダーク（暗い灰色）
ボックス（タブ）
ボックス（白抜き）
ボックス（白抜き）
ボックス（白抜き）
ボックス（白抜き）
ボックス（白抜き）
ボックス（白抜き）
ボックス（付箋風）
ボックス（付箋風）
ボックス（付箋風）
ボックス（付箋風）
ボックス（付箋風）
ボックス（付箋風）
バッジ
バッジ
バッジ
バッジ
バッジ
バッジ
バッジ
バッジ
バッジ
バッジ
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
マイクロコピー
コメント