無料のWordPressテーマCocoonに感動!わいひらさんに感謝

私は今まで同じくわいひらさんが作成した「Simplicity」 というテーマを使用させてもらっていました。

このSimplicityもよいテーマだったのですが、ブログでランキング形式で紹介したいと思い、Simplicity ランキング と調べてもなかなかランキング形式で表示させる方法が見つかりませんでした。

Simplicityでランキング作成するのは無理なのか?と思い、Wordpressの無料でランキング形式で記載できるテーマやテンプレートが無いかを探していたら、まさかの「Simplicity」の作成者であるわいひらさんが新しいテーマを開発しており、そのテーマではランキング形式をサポートしているということがわかりました!!!

それが今回紹介する「Cocoon(コクーン)」です。

Cocoon(コクーン)を使用する場合の重要メリット3つの紹介と設定方法

まず、Cocoon(コクーン)、Simplicity共通のメリットとして、以下があります。

・内部SEO施策済み。

・SNSボタンがデフォルト設置。

・レスポンシブ対応となっており、パソコンでもスマホでも参照できる。

・無料!!

上記がありがたかったので、Simplicityを使用していたのですが、Cocoonは無料のままなのに、機能が進化したのです!!!。

メリットは複数あるのですが、私が特に気に入っているメリットを3つ紹介します。

メリット1:ランキング機能サポート!!ランキング機能使用方法

まずは私がCocoonに切り替えた要因にもなったランキング機能についてのご紹介です。

ブログを始めた方にとって、私のようにランキング形式で書いてみたい!!と思っても書き方がわからなくて断念した人も多いのではないしょうか?

ランキングを作るのは初心者にはきついですもんね。。。私には作成できませんでした。。。

だけど、Cocoonを導入したらできるようになりました!!!。Cocoonでのランキング機能の使用方法を紹介します。

まずはCocoon設定を選択します。

 

Cocoon設定からランキング作成を選択し、新規追加を選択します。

 

ランキング作成画面でタイトル等の入力を行います。

画像・バナータグについて。現状では画像のコピペができないため、以下のような形式で画像のパスを指定する必要があります。
<img class=”alignnone size-full wp-image-1171″ src=”https://xxxxxx.com/wp-content/uploads/2018/04/xxxx.png
” alt=”” width=”1600″ height=”1066″ />
全部の項目を入力したら、「追加」を押下し、2つ目のランキングを表示させ、「保存」を押下すると、ランキングの作成完了です。

ランキング作成完了したら、記事にランキングを張り付けよう

先ほど、タイトルに入力したランキングがメニューから選択できるようになっていますので、メニューから選択しましょう。

もしもランキングや吹き出しなどがそもそもメニューにない!!!と思ったら、下の青枠で囲っている「ツールバーの切り替え」ボタンを押下してください。そしたら、メニューに表示されるはずです。

選択したら、以下のように[rank_id=X]という表示が現れます。

これでランキングが表示されるようになっているのですが、本当に作成できているか不安ですよね。

そのため、「プレビュー」ボタンを押してみましょう!!

そうすると、以下のようにランキングが表示されます。

感動の瞬間ですね。

■メリット
・一番安い

■デメリット
・最安価格を紹介している会社が信用できるかを確認する必要がある

■メリット
・大手なので、安心安定

■デメリット
・トリップアドバイザーより高いことがある。

 

メリット2:吹き出し機能サポート!!吹き出し機能使用方法

吹き出し機能のサポートもかなりうれしいです。

くま
くま

吹き出し機能うれしいな~~~

ねこ
ねこ

最初からサンプルが入っているので、メニューの吹き出しを選択するとこんな感じに会話形式で話すことができるんだ。

自分でオリジナルの画像を使用したい場合は、Cocoon設定→吹き出し→新規追加とおすと、設定できるよ。

 

ねこ
ねこ

吹き出しの新規追加を押すと、以下のような画面が表示されるので、好きなpngを設定しちゃいましょう。

なお、よい画像が持ってないよ~と思ったら、このSAMPLEを提供してくれている「いらすとや」さんからダウンロードできるよ。

 

いぬ
いぬ

わぁい(^^)

 

メリット3:1行を2個、1行を3個に分けるカラム分け機能サポート!!

1行を2つに分けたり、3つに分けたいなぁと思ったことはありませんか?

左にはこの文字を表示して、右側にはこの文字を表示したいよ~。たまには真ん中も~と。

そういうときにCocoonでも簡単にわけることができちゃいます。

タグから「2カラム」「3カラム」「検索フォーム風」を選択するだけですね。

2カラムに分けた場合の表示

左だよ。

右だよ。

 

3カラムに分けた場合の表示

左だ!

中です!

右よ!

 

検索フォーム風の表示

このブログをまた見たい!と思ってくれたら、以下のように検索してね。

okanenayami.com
検索

「お金悩み.com」と検索しても、一番上には表示されないのです。。。

最後に

いかがでしたでしょうか。

当サイトではCocoonの嬉しい機能を一部紹介させて頂きました。

今回紹介していませんが、Simplicity から Cocoonに変更したことで、他にもいろいろ良いことがあります。簡単に紹介すると、以下のようなうれしい機能があります。

・ページ高速化機能

・広告機能の強化

・テンプレート機能(一度書いたものはランキングと同じように簡単に呼び出すことができる。)

Cocoon欲しいなぁと思ったら、わいひらさんの以下ページからテーマをダウンロードできますが、2018年4月現在はまだリリースされて1か月程度しか経っておらず、不具合が発生する可能性があるため、ユーザ登録(Eメールアドレスだけで登録可能)しないとダウンロードはできなくなっています。

テーマのダウンロード
Wordpressテーマ「Cocoon」の親テーマと子テーマのダウンロードページです。
なお、私は使用して2週間程度経過し、重要な問題は見つかっていないため、紹介させて頂きました。万が一を気にする方は正式版がリリースされてからでよいと思いますが、変えようと思ったなら、早めに登録した方がページの確認時間が減るので、早めに登録することをお勧めします。

コメント

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