新テーマ「Cocoon」のスキン「m-sora」を作ってみました。

Wordpress
まりん
まりん
こんばんは。marine です。

WordPress 用のテーマ「Simplicity」の作者である わいひら 様が作成された新しいテーマ「Cocoon」ですが、早速導入して試しています。

無料WordPressテーマ「Cocoon(コクーン)」を公開しました
SEO・高速化・モバイルフレンドリーに最適化した無料テーマCocoonの紹介記事。

最初は、「Simplicity」のスキンが使えないんだぁ〜って思って、寂しく思ってたのですが、試しにコピーしてみたら案外使えそうな感じでした。

 

スキン「m-sora」をテーマ「Cocoon」用に修正してみた

もひとつ試しに、「Simplicity」用のスキンとして作成途中だった「m-sora」をスキンフォルダにコピーして少し弄ってみたら、何とか使えるような感触が・・・

案外いけるかもしれませんね。
全体は、こんな感じになりましたよ。

 

段落とかはこんな雰囲気になってます。

 

ダウンロード

ということで、スキン「m-sora」をアップしましたので、ご興味のある方はお試しくださいませ。

まりん
まりん
テーマ「Cocoon」にも同梱していただけました。うれしいですね。
そうそう。このスキンに関する動作報告とか不具合とかご要望がございましたら、このブログにコメントをいただければ幸いです。
背景が牧歌的な空の絵のCocoonスキン「m-sora」を同梱。「m-tomato」も追加。
Webのことを運営されているmarineさんが作成されたスキン「m-sora」「m-tomato」を追加しました。m-soraスキン追加画像のように、背景の空の絵が印象的なスキンです。ちなみに背景画像は、PixabayのCC0画像です。見出
  ダウンロードはこちら「m-sora

 ※ 2018.5.20 少し修正しました。

 

コメント

  1. 国島輝彦 より:

    イメージにぴったりのスキンをありがとうございます。手間隙かけずに希望がかないました、感謝です。

  2. インパラ より:

    初めまして。

    僕もイメージにぴったりなスキンでしたので、現在利用させていただいてます。

    少し質問なのですが、このスキンの背景画像はオリジナルでしょうか?それとも無料画像を利用しているのでしょうか?

    同じような画像があれば、変更したいな考えております。

    通りすがりの質問で申し訳ありませんが、教えていただけませんか?

    • marine より:

      ご利用ありがとうございます。
      背景画像ですが、無料画像(クリエイティブコモンズ、CCライセンス)です。

      ご利用者が好きな背景画像に変えるのは、何も問題ありませんので、色々試して見てくださいませ。

  3. みどり より:

    はじめまして。

    ブログの雰囲気に合うスキンで、楽しく使わせてもらっています。
    作成ありがとうございました。

    • marine より:

      はじめまして。管理人のmarineです。

      気に入っていただけて、本当に良かったです。
      素敵なブログになると良いですね。

  4. Green Days より:

    はじめまして。
    ブログ作成中で、こちらのスキンを使わせて頂こうと考えています。

    右サイドのカテゴリーが記述されている枠組みと同様に
    本文背景をハーフトーン(?)にする事は可能でしょうか。

    もしかすると設定等あるかもしれませんが、見つけられません。

    お手数をお掛けしますが、教えて頂けないでしょうか?

    • marine より:

      ご利用ありがとうございます。
      設定ではなくCSSを追加する形になろうかと思います。
      確認しますので、しばらくお待ちくださいね。

    • marine より:

      Green Days さま

      背景をハーフトーンにする方法を確認しましたので、おしらせします。
      管理画面で「外観」「カスタマイズ」「追加CSS」にて、以下の記述を追加してみてくださいな。
      末尾の 0.9 が透過する率で、少なくすると透明度が上がります。おためしください。

      #main {
      background: rgba(255,255,255,0.9);
      }

  5. KKH より:

    素晴らしいスキンだと思い使わせて頂いております^^

    ウィジット部分のカテゴリーや最近のコメントの文字先頭にある丸い青は表示しないようにできますでしょうか?

    お手数をお掛け致しますが宜しくお願い致します。

    • marine より:

      お返事が遅くなり失礼しました。

      丸い青の件ですけど、個人的にはあれもデザインポイントなんですけど・・・
      追加CSSに次のコードを記載してみてくださいな。

      h3.widget-title:before {
      background:transparent;
      }

  6. tom より:

    いつもありがとうございます。
    ほんわかしたデザインが好きで使わせてもらっています。
    今回のWordPressのアップデート?でなのか画像を配置した時にいつも大きい画像で配置をセンターにし50%とか75%にして使っていたんですが、左寄りになってしまうようになってしまいました、治りますかね?

    • marine より:

      ご利用ありがとうございます。
      ご自身で何かカスタマイズされていますでしょうか?
      このスキンでは、元々50%とかの表示する設定になっておりませんので…

      せめて、どこにどのような設定をしているかを教えてもらわないと、ちょっと困ってしまいます。

      まあ、治るとは思いますけど…