Cocoonのスキン「てがきノート」を作りました！アナログ風で抜けた感じのデザインが好きな方におすすめ

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

Cocoonのスキンとは？

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

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

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

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

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

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

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

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

ＳＫＩＮデモサイト | 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でホームページの制作/IT顧問なら〜

WordPressによるホームページ制作はゆうそうとへ！

ゆうそうとでは「おまかせホームページ制作パック」によるホームページ制作をを行っています。

• ホームページがないけれども、自分で更新できるというWordPressで作成したい
• 今のホームページはWordPressではないけど（HTML、無料ブログなど）、独自ドメインでWordPressのホームページにしたい

の方など、どうぞご利用ください！