現在デフォルトスキンとして「Bizarre-food(ブルーカレー) 」適用中。近日同梱予定。

クールな黒系Cocoonスキン「モダンブラック」を追加同梱

スキン
この記事は約2分で読めます。

ミズタマブログ を運営されているアオイ(ΦωΦ)さんが公開されている「モダンブラック」スキンをCocoonに同梱しました。

デモサイトはこちら。

DEMO SITE | Cocoonスキン表示デモサイト

アオイさんは、Simplicityで人気の同梱スキン「SIMPLE BLACK」の作者さんです。

スポンサーリンク

モダンブラック

モダンブラックの外観はこんな感じ。

Screenshot-2018-5-22 デモサイト

見出し

見出しもモノクロでシンプル。

モダンブラックの見出し

目次

目次も格好いい。H2見出しが目立つように太字になっています。

モダンブラックの目次

引用

引用(Blockquote) のデザインもデフォルトから変更されています。

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

装飾ボックス

拡張ボックスもスキンコンセプトに合わせた落ち着いた色に統一されています。

インフォアイコンボックス
クエスチョンアイコンボックス
エクスクラメーションアイコンボックス
メモアイコンボックス
コメントアイコンボックス
プライマリーボックス
サクセスボックス
インフォボックス
ワーニングボックス
デンジャーボックス

モバイル表示も凝ってます。親テーマもこんな感じにしたいぐらい。

モバイルの拡張ボックス

キャプションつき画像

キャプションつき画像も、ポラロイド風。

キャプションつき画像

本文下

本文下もクール。

モダンブラック本文下

ページ送り

ページ送り部分。こういうデザイン発想が出来るようになりたい。

モダンブラックページ送り

モバイルボタン

黒のモバイルボタン。

黒のモバイルボタン

モバイル画面の足もとにこれがあることで引き締まります。

まとめ

このような感じで、基本真っ白いCocoonテーマを一気にシックな感じにしてくれます。

スキンを利用するには、テーマ設定の「スキン」タブから「モダンブラック」を選択してください。

スキン一覧からモダンブラックを選択

詳しい説明やスキンのダウンロードページはこちら。

WordPressテーマCocoonの黒系スキン「モダンブラック」を作りました
気軽にブログの着せ替えができるCocoonのスキン機能。シンプルなデザインを活かしつつ落ち着いた感じのスキンを作ってみました。

画像引用 ミズタマブログ

スキンに不具合があればご報告ください

「デザインが崩れている」とか「ここにデザインが適用されていない」等の不具合がありましたら以下でご報告いただければ幸いです。

Cocoon フォーラム
Cocoon ディスカッション掲示板

オリジナルスキンを紹介させてください

スキンを作成した場合は、是非お知らせください。

スキンを作成した際にはぜひ当サイトで紹介させてください
スキンを作成したならば、是非当サイトで紹介させていただければと思います。また、親テーマに同梱させていただければ幸いです。

当サイトの記事で紹介させていただきます。

スキン
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:2年10ヶ月

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:10ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:15年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:8ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon

コメント

  1. しなの より:

    はじめまして。
    行間を多めにあけようと、3〜5行改行しても、プレビューで見ると1行間に戻ってしまいます。

    で、プラグイン(行間自動修正機能を止めるもの)を入れたけれども、変わりなく。

    これぐらい↑これ以上の行間をあけたい時は、どうすればよろしいのでしょうか?

    マニュアル探したけれども、見つけられませんでしたので宜しくお願いします。

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