特典機能について

サイトが手書きテイストになる「てがきノート」スキンを追加

スキン
この記事は約3分で読めます。

ゆうそうとを運営されているゆうそうとさんが作成されたてがきノートスキンを5種類同梱させていただきました。

スキン「てがきノート」の特徴
スキン「てがきノート」はアナログな手書き風をイメージした少し抜けのあるスキンです。ゆうそうと書くことを楽しんでいただきたいと思い、このようなスキンを作りました。スキン「てがきノート」は全部で5種類のカラーを用意しております(ダークモードあり

このスキンを利用すると、アナログ手書きされたような風合いになるので、全体的にやわらかい印象のサイトにすることができます。

[PR]
【ロリポップ】Cocoonが自動でセットアップ!

記事作成から報酬を得るまでの一連の流れを体験

「てがきノート」スキン

今回同梱したスキンは、以下の5種類になっています。

  1. ブルーコーラル
  2. グリーンオレンジ
  3. ピンクレモン
  4. ホワイトバナナ
  5. ダークスカイ

それぞれの見た目はこちら。

ブルーコーラル

tegakinote-blue-coral

グリーンオレンジ

tegakinote-green-orange

ピンクレモン

tegakinote-pink-lemon

ホワイトバナナ

tegakinote-white-banana

ダークスカイ

tegakinote-dark-sky

レイアウト

「てがきノート」スキンの特徴となりそうな部分をいくつか紹介します。

全部は紹介できないので、ライトスキンから「ブルーコーラル」、ダークスキンから「ダークスカイ」のデザインを紹介させていただきます。

見出し

フリーハンドで書いたような見出しになります。

てがきノートスキンの見出し

ダークスカイの見出しがこちら。

てがきノートスキンの見出し(ダーク)

引用

引用もCocoonとは大きくデザインが違います。

てがきノートスキンの引用デザイン

ダークスカイの引用がこちら。

てがきノートスキンの引用(ダーク)

シェア・フォローボタン

本文下のシェア・フォローボタンがこちら。

てがきノートスキンの本文下シェア・フォローボタン

ダークスカイのものがこちら。

てがきノートスキンのシェア・フォローボタン(ダーク)

目次

目次も目を惹くものになっています。

てがきノートスキンの目次

ダークスカイの目次がこちら。

てがきノートスキンの目次(ダーク)

アイコンボックス

頻繁に利用するアイコンボックスのような装飾もリデザインされています。

てがきノートスキンのアイコンボックス

ダークスカイのアイコンボックスがこちら。

てがきノートスキンのアイコンボックス(ダーク)

案内ボックス

てがきノートスキンの案内ボックス

ダークスカイの案内ボックス。

てがきノートスキンの案内ボックス(ダーク)

ブログカード

てがきノートスキンのブログカード

ダークスカイのブログカード。

てがきノートスキンのブログカード(ダーク)

エントリーカード

てがきノートスキンのエントリーカード

ダークスカイのエントリーカード。

てがきノートスキンのエントリーカード(ダーク)

サイドバーウィジェット

サイドバーのウィジェットは、穴どめノート風になっています。

てがきノートスキンのサイドバーウィジェット

ダークスカイのものがこちら。

てがきノートスキンのサイドバーウィジェット(ダーク)

検索フォーム

てがきノートスキンの検索フォーム

ダークスカイの検索フォーム。

てがきノートスキンの検索フォーム(ダーク)

こんな感じで、「手書き」という世界観で統一されたデザインになっています。

ただでさえ手の込んでいるスキンなのに、それに加えてダークスキンもあるなんて、かなりの労力がかかっていることが推測されます。

オリジナル機能あり

その他に以下のようなスキン独自のオリジナル機能もあります。

  • ロゴテキストや見出しなどのフォント
  • 背景パターン
  • ロゴテキストの傍点

オリジナル機能は、テーマカスタマイザーから変更できます。

てがきノートスキンのテーマカスタマイザー

上記はフォント設定画面。フォントを設定することにより、より手書き感のあるサイトに仕上げることも可能です。

機能について詳しくはこちらを参照してください。

スキン「てがきノート」のオリジナル機能について
外観 > カスタマイザー からスキン「てがきノート」のデザイン設定を変更できます。変更できる箇所は以下の通りです。ロゴテキストや見出しなどのフォント背景パターンロゴテキストの傍点ロゴテキストや見出しなどのフォント変更ロゴテキストや見出

その他にも、style.cssで手軽にキーカラーを変更できるようになっているので、詳しくは以下をご参照ください。

【てがきノート】プライマリーカラー・セカンダリーカラーなどの色は一箇所で変更できます
てがきノートでは、プライマリーカラー(メインカラー)・セカンダリーカラーなどの色をCSS変数で制御しています。CSS変数を使うと繰り返し使う色などを一か所で定義し管理することができるため、例えばプライマリーカラーを一箇所を変更するだけでプラ

設定方法

今回紹介したスキンは、Cocoon親テーマに同梱されています。

利用するには、Cocoon設定の「スキン」タブからスキンを適用して保存してみてください。

てがきノートスキンの設定

スキンの詳細はこちら。

スキン「てがきノート」の特徴
スキン「てがきノート」はアナログな手書き風をイメージした少し抜けのあるスキンです。ゆうそうと書くことを楽しんでいただきたいと思い、このようなスキンを作りました。スキン「てがきノート」は全部で5種類のカラーを用意しております(ダークモードあり

デモサイトはこちら。

SKINデモサイト
Cocoonスキンのデモサイトです

スキンに不具合があればご報告ください

「デザインが崩れている」とか「ここにデザインが適用されていない」等の不具合がありましたら以下でご報告いただければ幸いです。

スキンの不具合
スキンに不具合があればご報告ください。デザイン性を保ったままなるべく修正できればと思います。

オリジナルスキンを紹介させてください

スキンを作成した場合は、是非お知らせください。

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

当サイトの記事で紹介させていただきます。

スキン
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひら

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

わいひらをフォローする
わいひらをフォローする
おすすめサーバー(コスパ重視ランキング)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

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

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

サービス運営期間:18年

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
×DBは手動で復旧(データ取得は無料)
×ファイルも手動で復旧(データ取得は無料)
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
×ファイルは手動復旧(データ取得は無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

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

サービス運営期間:6年

Cocoon

コメント テーマの質問はフォーラムへ

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