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

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

Cocoonのスキンとは？

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

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

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

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

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

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

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

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

Ｃｏｃｏｏｎスキンデモサイト | 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ホームページ制作、運用保守代行、カスタマイズ、エラー修正なら

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