サイト全体に「モダンブラック 」スキン適用中。

Cocoonのデフォルトスタイルをシンプルにしている理由

テーマについて

当テーマの、デザインは白を基調としたシンプルなものとしています。

悪く言えば地味というか。

その理由としては以下の2つがあります。

  • デフォルト状態でカスタマイズしやすいように
  • 凝ったデザインはスキン機能で実装したいから

以下では、これらについて説明します。

    スポンサーリンク

    デフォルト状態でカスタマイズしやすいように

    このテーマのデフォルトスタイルを、あまり凝ったものにしていない1番の理由は、ユーザーさん一人一人が思い思いのカスタマイズをしやすいようにです。

    当テーマでは、なるべくカスタマイズがしやすいように、カスタマイズ対象となりやすいところは、基本的に以下のスタイルしてしか行なっていません。

    • マージン(margin:外側の余白)
    • パディング(padding:内側の余白)
    • 文字色(color)
    • 背景色(background-color)
    • 文字サイズ(font-size)
    • 枠線(border)
    • 枠線の丸め(border-radius)

    出来る限り上記のスタイリングのみにしているのは、このスタイルならば、CSSを始めたての人でも、打ち消して自分なりのスタイルを上書きしやすいからです。

    僕もCSS初心者だったときは、上記くらいのスタイリングなら、すぐに覚えられました。

    もしデフォルト状態から、複雑なスタイルシートを書くと、打消しすら困難になってしまいます。

    ちなみに、CSSの打消し方法はこちら。

    CSS初期値一覧なチートシート - Qiita
    CSSを書いていて、設定してしまった値を戻したいことはよくあることだと思います。 戻したくてGoogle検索してみても、reset.cssやブラウザデフォルトCSSがヒットしてなかなか思うように見つかりません。そこで一覧を作成しよう...

    なので、初期状態ではカスタマイズしやすいようにしています。凝ったデザインだと、どうしてもカスタマイズしづらくなってしまうので。

    凝ったデザインはスキン機能で実装したいから

    で、凝ったデザインは、スキン機能にどんどん実装していければと思っています。

    後々、スキンは増やしていって、いろいろなデザインを着せ替える形にできればと思っています。

    これは、「できればCSSを書きたくない」なんて人向けのための設定です。

    自分でスタイリングをしない(したくない)場合は、好みの外観をスキンで選べる形にできればと考えています。

    なので、Cocoonテーマ自体の仕様が落ち着いたら、いくつか作らねばと。

    もし、スキンを作成した場合は、フォーラムメールでお知らせいただければ、可能な限り当サイトで紹介させていただきます。

    またもしかしたら、当テーマへの同梱をお願いさせていただくかもしれません。

    もし、同梱させていただける場合は、わずかではありますがAmazonギフト券を送付させていただいています。

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

    また同梱された際には、テーマの管理画面にも作者名とサイトへのリンクが掲載される設計になっています。

    まとめ

    こんな感じで、デフォルトではカスタマイズしやすいように、凝ったデザインは、スキンで手軽に選べるようにという仕様を目指しています。

    そのために、時間がある時にスキンをいくつか作成できればと思います。

     

      テーマについて
      スポンサーリンク
      わいひら

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

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

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

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

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

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

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

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎http/2・QUIC(高速化プロトコル)に対応
      ◎東京・大阪でリージョン選択が可能
      ◎プランのアップ・ダウングレードが自由自在
      ◎同サービス内でドメイン管理が可能
      ◎転送量が多い
      ◎毎日無料バックアップ(14日分)
      ◎復元ポイントを指定して復旧可能(無料)
      ○サーバ引っ越しオプションあり(有料)
      △アダルト・出会い系サイト可(条件あり)
      △開始したてなので運営能力は未知数(対応良)

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

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

      Cocoon

      コメント

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