WordPressテーマでよく使われている「Cocoon」のスキンを作ってみました!

ゆーそうと

スキン「てがきノート」はCocoonを使いつつアナログ風なブログを作りたい方におすすめです。

Cocoonのスキンとは?

スキンとは、サイトのデザインを簡単に変更できる機能です。

通常、サイトのデザインを変えたいときは、CSSなどでデザインをカスタマイズしたり、テーマそのものを変えたりしますが、

テーマはCocoonのままがいいけどブログやホームページのデザインを簡単にガラッと変えたいけどどうすればいいんだろう…

という時に、カスタマイズ不要&ワンクリックでブログやホームページの雰囲気をガラッと変えられます!

スキン「てがきノート」適用前
スキン「てがきノート」適用後

Cocoonスキン「てがきノート」の特徴

Cocoonスキン「てがきノート」は、Cocoonのベース要素は残しつつつ、アナログ風で抜けのあるデザインが特徴です。カラーは全部で5種類あります。

クリックすると拡大できます。

ゆーそうと

ブログを書いてて楽しい!と思えるようなスキンにしたくて作りました。

デモサイトでスキン「てがきノート」の確認ができます

デモサイトでスキン「てがきノート」の全体的な雰囲気や細かな見出しなどのデザインを確認できます。

サイドバーからスキンのデザインを切り替えることも可能です。

Cocoonスキンデモサイト | Cocoonスキン「てがきノート(作:ゆーそうと)」のデモサイトです

Cocoonスキン「てがきノート」のデモサイトです。Cocoonのスキン機能で「てがきノート」をお選びいただくとデモサイトなサイトになります。

外観 > カスタマイズ からフォントや背景模様を変更できます

てがきノートの特徴の一つのスキンで、外観 > カスタマイズから細かな設定変更が可能です。

  • サイトタイトルや見出しなどのフォントを手書きっぽいフォントに変更
  • 背景模様の変更
  • 傍点の位置やデザインの変更

方法は以下のデモサイトの記事をご覧ください。

スキン「てがきノート」のオリジナル機能について | Cocoonスキンデモサイト

外観 > カスタマイザー からスキン「てがきノート」のデザイン設定を変更できます。 変更できる箇所は以下の通りです。 ロゴテキストや見出しなどのフォント背…

Cocoonスキン「てがきノート」の使用方法

Cocoonスキン「てがきノート」は、こちらからダウンロードできます。なるべく最新バージョンをダウンロードしてください。

Cocoon2.4.5からテーマ「Cocoon」に同梱されました!
同梱を記念してキャンペーンも行っておりますの詳しくはこちらをみてみてください。

Cocoon2.4.5からてがきノートを使用する際は、ダッシュボードから > Cocoon設定 > スキン > スキン一覧 から、お好きなてがきノートをお選びください。

みなさんもCocoonでブログを使ってみませんか?

Cocoonのスキンを作ってみて、改めてですがCocoonの多機能さに驚きの連続でした。

Cocoonは先ほど紹介したような、スキン機能で気軽にデザインを変えたり、テーマに吹き出しやマーカー機能が標準搭載されていたり、トップページの表示方法の多様さなど、ブログの書きがいや作り込みがいのあるテーマです!

以前に【メリット3選】WordPressのブログならテーマはCocoon!Cocoonで町田駅付近の生活・地域情報ブログ「まちさがさんぽ」を運営中という記事を書いておりますので、Cocoonについてもっと知りたい方はこちらをみてみてください。

【メリット3選】WordPressのブログならテーマはCocoon!Cocoonで町田駅付近の生活・地域情報ブログ「まちさがさんぽ」を運営中

今まで町田駅は遊びに行く程度だったのですが、拠点を移して初めて町田駅付近にはびっくりするほどたくさんのお店や面白い場所があることに気づきました! そんな町田駅周…

ホームページの新規作成・リニューアルで
お困りの担当者様へ

WordPressの機能を活かして運用しやすいホームページを作成

せっかくのWordPressなのに「自分で文章が書き換えられない」「ブログの更新ができない」などWordPressの機能を活かしきれていないことはありませんか?

ゆーそうとではWordPressの機能を最大限発揮して、HTMLなどの知識がないお客様でも運用しやすいホームページを作成します。

この記事のご依頼・お問い合わせの方はこちら