特典機能について

シンプル志向でダークスキンにも対応した「one」スキンを同梱追加

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

ハイジブログを運営されているhaijiさんが作成されたCocoonスキン「one」を同梱させていただきました。

Cocoonのスキン、oneを作成しました! | ハイジブログ
サイドバー無い方がスッキリしててカッコいいけど、やっぱ何かしら新着記事や人気記事への導線欲しいよなー なんて思ったのがキッカケでした。 みなさんの中にもそう考えている方は少なくないんじゃないでしょうか。 今はスマホからの流入が多いし、そもそ

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

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

「one」スキン

oneスキンはこんな感じのスキンです。

oneスキンの外観

大きな特徴で言えば、パソコン画面でも以下のようにmobileメニューボタンが出る仕様になっています。

パソコンでもモバイルボタンが出る仕様になっている

レイアウト

主なレイアウトはこちら。

見出し

見出しのデザインはこちら。H2見出しには番号が入ります。

oneスキンの見出し

引用

引用部分は背景色が少し濃い感じ。

oneスキンの引用

エントリーカード

エントリーカードにマウスカーソルを乗せると、サムネイルに水の波紋が広がったようなアニメーションが出ます。

スキンのエントリーカード

画面左端にウィジェットエリアが新設

画面左下に固定で表示される以下のようなウィジェットエリアを独自で設けてあります。

1スキンの固定ウィジェットエリア

引用:Cocoonのスキン、oneを作成しました! | ハイジブログ_Cocoon

ダークスキン対応

oneスキンは、ダーク表示にも対応しています。

ダークスキンとしても使える

引用:Cocoonのスキン、oneを作成しました!

ダーク好きにするには、WordPress管理画面から「外観」→「カスタマイズ」を選択して「ダークスキン対応にする」を有効にしてください。

oneスキンのダークスキンを有効にする

その後、「Cocoon設定」→「全体」からサイトの背景色と文字色を好みの色に変更してください。

設定すれば暗色系のスキンにすることはできますが、OSやブラウザのダークモードに対応しているわけではありません。

カスタマイズに独自機能あり

その他にもoneには、「外観」→「カスタマイズ」に見た目を調整する独自機能が用意されています。

oneスキンのカスタマイズ

「見出し」や「影」、「ボタンなどの丸み」を変更できます。

設定方法

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

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

詳細はこちらをご参照ください。

Cocoonのスキン、oneを作成しました! | ハイジブログ
サイドバー無い方がスッキリしててカッコいいけど、やっぱ何かしら新着記事や人気記事への導線欲しいよなー なんて思ったのがキッカケでした。 みなさんの中にもそう考えている方は少なくないんじゃないでしょうか。 今はスマホからの流入が多いし、そもそ

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

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

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

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

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

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

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

スキン
スポンサーリンク
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をコピーしました