おすすめ!初心者にも優しい無料神テーマ「Cocoon(コクーン)」の設定を色々触ってみた!

私はWordPressのテーマを

無料のテーマ「simplecity2」を

利用していたんです。

 

しかし気づかなかったんですけれども…

実は3月に製作者の方がβ版として新たなテーマを配布してくださっていたんです。

そして正式版は7月に出ていたと!

 

その名は「cocoon(コクーン)!」

(ポケ○ンのコクーンを思い出した私w ちなみにコクーンって繭って意味らしいですね)

cocoon

 

今までのsimplecity2でも十分満足なのですが…

ちょっと好奇心がわき、使ってみると…

 

なんと私のブログが…

かっこよくなってしまったのです!(笑)

 

  • コクーンを使ってみた感想
  • 個人的にいいところ
  • 実際に設定した場所

といったことを書いてみようと思います!

 

スポンサーリンク

設定が簡単!

相変わらず使いやすいテーマです。

元々simplecity2でも使いやすかったのですが、さらに便利になっていました。

1番嬉しかったのは、プラグインが色々不要になったということです!

 

cocoonを使っていて、個人的に「良い…!」と思ったところをご紹介していきます!

 

目次プラグインがいらない

今まで目次を作成させるプラグイン「Table of Contents Plus」を入れていたのです。

が、これが不要になりました!

cocoonは何と、目次がすでに設定されているのです!

 

ルイ
ルイ

これは嬉しい!

なので、simplecity2からcocoonに入れ替わると、目次が二重に表示されてしまっています(笑)

今まで「Table of Contents Plus」を使っていた方は、まず停止させることがcocoonに変更したときの最初の行動だと思います。

 

プラグインは不要だと思ったら、停止して削除すればOKです!

 

AdSenseの設定が楽

もうね何て言うか、1回広告コードを貼りをつけたら、勝手にポンっ!とついてしまう!(ざっくりすぎw)

ルイ
ルイ

これは実際に、いっぺん触ってみてほしいです!

simplecit2であった、ウィジェットにあるダブルレンタル(記事の下に広告を二つ並べる方法)はなくなっていましたが、別の方法でも付けられるのでおすすめ !

 

  1. AdSenseでダブルレンタルの広告を取得
  2. (自分のWordPressのダッシュボード)cocoon設定
  3. 広告
  4. 投稿固定ページの表示位置のフォーマット

をいじれば可能でした。

 

ちなみに、記事中にもショートコードで貼り付けられます!

 

ルイ
ルイ

超便利すぎて、今までの苦労が報われる…!

サイドバー・タグ機能がかっこいい

ぶっちゃけSimpleCity2のサイドバーって…あまり好きじゃなかったんですよ(汗)

色々いじればできると思うんでしょうけれども…

  • 背景に色がなかったり
  • タグ機能がちょっとダサい

と思っていたんです。

 

しかし、cocoonになったことで、

  • すっきりまとめられ
  • 背景にもちゃんと色が付いている
  • 幅も広くなってなんか今風
  • 最新の記事で私はサムネイルに画像が付いている

という素晴らしい進化を経ていました…!!

 

simplecity2ってたぶん、最近の記事ではサムネが出なかったので、「Newpost Catch」というプラグインを使っていたんです。

けれどもこれすら不要になるという!

 

ルイ
ルイ

いいことづくしで、感動していました…!

 

なにげにテキストの背景にバーが入っていたのも、嬉しい!

 

ふきだしが簡単に作れる

私は今までふきだしに「speechbubble」というプラグインを使っていました。

ルイ
ルイ

しかしcocoonは、標準でふきだしが使えるようになっています!

 

さらに投稿画面でふきだしを選択し、一瞬でつけることも可能!

素晴らしすぎます、cocoonさん…!(これしか言ってない)

 

ついでに言うと、テンプレートも優秀。

 

◆コミュ障でも、頑張ってます。

アフィリエイト活動記録

 

定型文を雛形として作ることも出来ますし、いろいろ便利すぎる!!

 

メニューがかっこいい

Simplecity2のメニューは、ぶっちゃけ…個人的にはちょっとイマイチだったんです…。

ルイ
ルイ

シンプルでよかったんですけれども…

しかし今回のcocoonは何と言うか、かっこいい!

すごく洗練されたデザインになっています!

本当にちょっとした事なんですけれども、素敵です!

 

あと、cocoonにした時、長すぎる名前は2段に折れていてびっくりしました。

  1. cocoon設定
  2. ヘッダー
  3. グローバルナビメニュー幅
  4. メニュー幅をテキストに合わせる

に設定すると、綺麗に表示されるようになりました!

 

 

全体的に幅が広くなっている

simplecity2では、記事幅はおそらく680pxぐらいだったと思います。

cocoonになってからは、横幅が800pxになっていました!

ルイ
ルイ

広くなっただけで、かっこいいんですよね!

 

ちなみに幅が広くなっていたので、simplecity2では680pxで画像を作っていたため、画像が左端に寄っていたのですが…真ん中に移動できました!

  1. cocoon設定
  2. 画像
  3. アイキャッチの中央寄せ

を選択すると、真ん中になります!

 

 

カルーセル機能が簡単

カルーセルとは、よく大手企業であるトップページの画像が自動的に次々と変わっていく、あれです。

ルイ
ルイ

cocoonでは、それが簡単に実装できるになっています!

最初はつけていたのですが、今はオフにしています。

ちょっと重かったので、気分によってつけたりつけなかったりしてます(笑)

 

カテゴリーページにアイキャッチを入れられる

私は「Visual Term Description Editor」というプラグインを使っていました。

しかし、cocoonは、最初からカテゴリーページの上にアイキャッチ画像を入れられるようになっています!

 

こんなふうに

 

ルイ
ルイ

これでまたプラグインが一つ減った!嬉しすぎる…!!

高速化

詳しくはよくわからないのですが、cocoonは高速化が可能で、開くページが早くなるそうで。

実際に設置してみたところ、体感ではよくわからないのですが、ページ速度を測るページで計測してみると、高得点を取っていました。

 

●PageSpeed Insightsで計測

 

●Test My Siteで計測

 

ルイ
ルイ

よくわからないけど、きっとよくなっていたのでしょう

トラブルが起こった…

ちなみに、別に趣味で使っているWordPressがあるのですが…

この高速化をすると、500 Internal Server Errorになってしまい…ログインすらできず…

ルイ
ルイ

対処が大変でした…

 

結局、そのブログは初期化しました。

ちなみにそのブログは、無料のサーバー(スターサーバーフリープラン)を利用しています。

無料サーバーは制限があるので、こういったトラブルが多いみたいです。要注意!

 

cocoonに変えて最初に行ったこと

cocoonに乗り換えてから、色々とカスタマイズが必要だったことをメモしておきます。

 

  1. 目次プラグイン「Table of Contents Plus」を使っているならダブルので削除する
  2. メニュー部分のテキストが長い場合、テキスト幅に合わせる
  3. ヘッダーとロゴ画像が消されているので再設定する
  4. フッター部分も少し変更されているので必要に応じて変更する
  5. AdSenseを付けている場合は付けなおす
  6. パンくずリストがないのでをつける

 

ルイ
ルイ

あくまで私のやったことなので、参考程度で

おわりに

cocoonに変えて、もう素晴らしいの一言です!!

デザインもかっこよくなったし、もうカスタマイズが楽しくて!!

 

ルイ
ルイ

時間を忘れて行っていましたw

 

本当にこれ無料でいいの?ってぐらい素敵なテーマです!

ちなみにcocoonは、ダッシュボードにある「cocoon設定」という新たな項目が増えています。

これを触ることで、色々とカスタマイズできるので、楽しいですよ!

 

ルイ
ルイ

まだ使いこなしていない機能もあると思いますので、色々ゆっくりと触っていきたいと思います!

 

Simplecity2を使っている方、一度cocoonに入れ替えてみてはどうでしょうか?

快適で、とても楽しいと思いますよ♪

cocoonダウンロードページ

 

 

無気力で居場所が無くて毎日つらいあなたへ

生きづらくて、人生詰みかけて辛かった私が…
自分を好きになり、かつ残酷な世界で戦える方法を伝えています。

WordPressの知識
スポンサーリンク
引きこもりながらお仕事しませんか?

コミュ障のせいで、人間関係も上手くいかず、働くのが辛い!苦しい!
この先、ずっとコミュ障に悩まされないといけないの!?将来が不安だ!!
「コミュ障なんかじゃなかったら…!!」
と考えたことはないでしょうか?

実はそのコミュ障、ネットのお仕事では大きな武器になるんです!
新しいあなたらしい働き方、見つけてみませんか?

コミュ障でもいいのです。
トップへ戻る