cocoonスキンをカンタンに変更【初心者も安心】着せ替え感覚で選ぶだけ!

cocoonスキンワードプレス
スポンサーリンク
銀ペン
銀ペン

cocoonを有効化したけど、なんかさみしくなっちゃったよ
HTMLとかcssとか銀ペン分からないんだけど・・・

sabo
sabo

大丈夫!
今からcocoonのスキンを変えてみよう♪
見た目が変わると俄然やる気が出てくるよ♪

今回はcocoonをワードプレスで有効化した後、一番初めにやりたい「やる気UPポイント」
ブログ(サイト)のスキン(見た目)を変える方法をご紹介します。
選ぶだけなので、とても簡単です。安心してくださいね。

ちなみにデフォルトのcocoonは意図的に極限までシンプルなものになっています。
その方が知識のあるクリエイターさんなどはカスタマイズを施しやすく、表現の幅が広がるからです。
そういった上級者向けにも、もちろん初心者向けにも考えつくされたテーマなのでファンが多いんですよね。
私もわいひらさんの大ファンです。わいひらさんの【寝ログ】も大変勉強になるので、興味がある人は見に行ってみてくださいね!

スポンサーリンク

cocoonスキンのデモを見てみよう!

cocoon製作者であるわいひらさんが運営しているcocoonのオフィシャルサイトではcocoonスキンのデモを見れるようになっています。

cocoonのオフィシャルサイトを覗きに行きましょう

サイドバーの一番上にスキン動作デモがあります。
さすがわいひらさんです。

さて、ここのタブでたくさんのメニューが出てくるので、ひとつ選んでみます。

cocoonスキン-デフォルト

cocoonスキン-カモノハ

銀ペン
銀ペン

わぁ!見た目が変わった!

sabo
sabo

実際に適用させたときのブログ(サイト)の雰囲気が分るよね♪

cocoonのオフィシャルサイトで変更できるスキンはあなたのワードプレスでも適用できます
もちろん簡単なので安心してくださいね。

タブメニューの中をいくつか見てみてあなた好みのスキンを選びましょう♪
好きなスキンは決まりましたか?では、そのスキン名を書き留めておきましょう。
※あとで選ぶ際に必要です。

あなたのワードプレスのcocoonにスキンを適用させる手順

ではあなたのワードプレスのダッシュボードを開きましょう。
サイドメニューcocoon設定を開きます。

スキンタブが選ばれているかと思います。
そのままスクロールして下に移動しましょう。

すると先ほどcocoonのオフィシャルサイトでも確認しましたが、たくさんのスキンがあるのが確認できると思います。

ひとつひとつに画像アイコンがついているので、ここでもデモ表示を確認することができます。※画像アイコンの上にカーソルを載せると確認できます。

では、さっそくあなたが選んだスキンを選びましょう。
※ここではダークカモノハを選択しています。

一番下までスクロールして、変更をまとめて保存をクリックしましょう。

保存が完了したことを確認して、自分のサイトを見てみましょう。

銀ペン
銀ペン

おぉ!変わってる!

sabo
sabo

カンタンだよね♪

こんな形で、cocoonのスキン設定はとても簡単です。
そして種類が沢山あり、今も増え続けています。

というのもわいひらさんはもちろんですが、わいひらさん以外のクリエーターさんがスキンを制作して公開してくれているのです。
なので、今後も増えていくと思います。

好きなスキンを見つけて自分のブログ(サイト)を自分らしくするとワクワクしますよね♪(^^)

銀ペン
銀ペン

俄然やる気が湧いてきた!

sabo
sabo

うんうん良いね~!

コメント

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