AFFINGER6（アフィンガー)は、STINGERというシンプルな人気無料テーマからの流れをくんでいます。CocoonはWordpressの無料テーマですが、機能が多くできることが多いです。

デザインではざっくりと上のような特徴があります。

AFFINGER6とCocoonを徹底比較していきます。

ブロガーが欲しい機能満載のWordpressテーマ「AFFINGER6/ACTION」
⇒AFFINGER6（アフィンガー6）の公式ページを確認する。
※今なら、5大購入特典をお付けしています！

関連記事【AFFINGER6のレビュー】実際使ってみた感想と評判。

AFFINGER6（アフィンガー）とCocoonの比較一覧表

AFFINGER6（ACTION)とCocoonのデザインを考えると、AFFINGER6の基本形はシンプルで、色やレイアウトの変更で雰囲気を変更したり、着せ替えを導入して使います。

一方、Cocoonはシンプルですがスキンといういろんな方が作った着せ替えがあります。

AFFINGER6は、色とレイアウトの変更がワンクリックでできるだけではなくヘッダー、ヘッダーお知らせ、フッターのグラデーションなどデザインとパーツにおいては他を圧倒する内容です。

しかし、AFFINGER6（アフィンガー）は、飾りすぎず実用的で、カスタマイズ次第でいくらでも変化することとブロガー向けの機能が充実しています。

	AFINGER6	Cocoon
値段	14,800円（税込）	ー
おすすめ用途	全ての用途	個人ブログ
デザイン	12色のカラーと4種のデザインで組み合わせ48種 デザイン済データ	スキン（着せ替え）
ヘッダー	静止画ヘッダー（サイズ変更可） 動画 スライダー	静止画像 アピールエリア
背景	Youtube動画OK	×
アイコン	7種類カラー変更可	なし
記事装飾（投稿）	アイコン等が豊富	なし
初心者向け	○	〇
投稿ページショートコード	あり	なし
スライドショー	サイドバー、投稿画面、トップページなどにも配置可	なし
ランディングページ	あり	―
広告設置	簡単設置	管理画面で設定
ウィジェット機能	○	○
ランキング作成	○	〇
プラグイン不要	目次	目次
SEO対策	○	○
AMP	○	―
複数ブログに使用	OK	OK
サポート	マニュアル	―
公式ページ	AFFINGER6（アフィンガー）	Cocoon

　速報！
芸大卒のなつが作ったデザインのマニュアルも特典に追加しました。

⇒　詳しくはコチラをご覧ください。

※ヘッダーの画像は、イラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

AFFINGER6（アフィンガー）とCocoonの大きな違いはヘッダー画像部分です。AFFINGER6では動画や、スライダーの設定ができますし静止画でも配置できます。

最近の有料テーマは「動画」を意識したものが多いです。AFFINGER6でもヘッダー部分に動画を配置することができます。

Ccoonは静止画のみですが、アピールエリアという画像の真ん中に透過型のエリアを作りタイトル＆ブログの説明などを入れることも可能です。

AFFINGER6（アフィンガー）とCocoonのデザインの比較解説

AFFINGER6（アフィンガー)もCocoonも、基本形はシンプルです。デザインでは、双方「着せ替え」が用意されていますので、デザインに不安な方にはワンクリックで適用できるので設定が楽です。

AFFINGER6（アフィンガー）は無料テーマからのバージョンアップで、無料テーマのころからマイナーチェンジしながら新しくなってきているのでアフィリエイトやアドセンスにも対応してマルチに使えます。

ここからはAFFINGER6（ACTION)とCocoonのデザインの違いを画像を使って見ていきます。

AFFINGER6（アフィンガー）とCocoonデザイン比較

それぞれのデモ画面を並べてみました。AFFINGER6（アフィンガー)は、基本のシンプルなデザインです。Cocoonも一番特徴的なトップページを用意しています。

↓　クリックで拡大します。

出典：AFFINGER6（アフィンガー）

↓　クリックで拡大します。

出典：Cocoon

AFFINGER6（アフィンガー）とCocoonを2つ並べてみました。AFFINGER6は基本のデザインですが、この他に色とレイアウトが自由に組み合わせることができる機能があります。

AFFINGER6とCocoonをアレンジ比較

ちなみに、それぞれアレンジすると以下のようなデザインになります。どちらもデザイン面ではアレンジ次第みたいな部分もありますが、やはりできることの多さでいくとAFFINGER6の方が優秀と言えます。

出典：AFFINGER6デザイン

出典：Cocoonデザイン

以下のデザインは、遊び心で「メルカリ風」「Amazon風」「ロハコ風」の色を使ってCocoonのブログを作ったものです。

出典：Cocoonメルカリ風

関連記事Cocoonのデザイン変更を自分で作る！LOHACO風・Amazon風・セリア風・メルカリ風にアレンジも！

Cocoonの場合の設定は、それほど多くはないのでかえって色のみの変更などで、アレンジしやすいです。

AFFINGERに比べてCocoonの方がシンプルに変更が可能なので、初心者としても使いやすいテーマですが、他の人と違うサイトを作りたい場合には、AFFINGER6（アフィンガー)の方が幅があると考えてください。

関連記事【2023年最新】WordPress有料テーマおすすめ8選比較まとめ！ カッコイイブログに変えるテンプレ！

Cocoon（コクーン）の特徴的な機能

Cocoonは、クセのないシンプルなデザインで無料なのによくできたWordpressテーマです。デザイン面でも、ヘッダーの工夫やヘッダーカードの配置など手の込んだことも可能。

独自管理画面があるので、そのタブを見ながらヘッダーや広告設定などをしていけば自分なりのサイトが完成します。

ただし・・・、AFFINGER6のようにあらかじめ用意されたパーツ類がないのがマイナスでカスタマイズが若干難しく感じる部分があります。

Cocoonで高度なことをする場合にはCSSが必須になります。

1. ヘッダーレイアウト
2. 広告配置
3. ランキング作成
4. 吹き出し
5. おすすめカード
6. 目次機能

1.　ヘッダーレイアウト

Cocoonのヘッダーは画像を挿入するだけではなくてその画像を利用して、アピールエリアを追加し、他とは違ったサイトにすることも可能です。

赤のラインで囲っている部分がアピールエリアと言いますが、よく見ていただくと透過になっています。

こうすることで、結構長めの説明を入れてもバランス悪くなりませんし逆に、キチンと感も出てきます。

2.　広告配置

Cocoonでは、アドセンスおよびアフィリエイトに便利な広告配置の機能があります。アドセンスに必要なテキストを自動で入れることもでき便利です。

配置は、記事の「本文上」「本文中」「本文下」など詳細な設定も可能。

3.　ランキング作成

ランキング作成は、有料テーマでも装備していない場合がありますが、アフィリエイトなどでは必須のアイテム。アドセンスでも、いろんな項目をランキングして見せるページも作ります。

Cocoonでは、ランキングを作ってショートコードで配置したりします。若干シンプルすぎるので、安っぽく見える場合もありますが、こういう機能はあるととても便利です。

4.　吹き出し

Cocoonでは、吹き出しがあらかじめ装備されています。画像も最初からありますのでそのままで使ってもよし、自分で作り変えてもよしなのでとても使いやすいです。

声に出しているセリフと、思っているセリフなどもありますので使い分けられます。

5.　おすすめカード

AFFINGERやJIN、STORK19などでも採用されて人気のある「おすすめカード機能」。ブログの上部に4枚のサムネイル（記事）を配置しクリックしやすくしてあるものです。

どうしても読んでほしい記事などを目立つように配置できます。

6.　目次機能

目次機能は、他のWordpressテーマの中にはプラグインを入れて配置することも少なくありません。その点、Cocoonには最初から目次機能がありますのでとても便利です。

AFFINGER6（アフィンガー）の特徴的な機能

AFFINGER6（アフィンガー)の機能は多く作りこみができる人気テーマです。無料テーマのスティンガーからの系統のテンプレートなので、シンプルかつ作りこめるようになっています。

高度なこともできるので、他のブログとの差をつけることもできますし、このキャッチフレーズが「見る人に刺さるテーマ」というもので、ブロガーが欲しくなる機能が多いです。

料金はかかりますが、それなりにコスパは高いです。

1. 48種のデザインレイアウトパターン
2. ランキング作成機能
3. ガイドメニュー
4. ヘッダーカード
5. AMP対応（SEO対策）
6. スライダー機能
7. コピー禁止機能
8. 動くアイコン＆文字

1.　48種のデザインレイアウトパターン

AFFINGER6（アフィンガー)のレイアウトは48種類。その他配色が12種類あります。管理画面で、色とレイアウトを選ぶといろんな表情となります。

出典：AFFINGER（アフィンガー)

2.　ランキング作成機能

AFFINGER6（アフィンガー)では、コンパクトで機能性の高いランキングが作れるようになっています。

おしゃれな王冠アイコンや星評価、ボタン2つと配置も丁度見やすいものが出来上がります。

3.　ガイドメニュー

どこから読めば良いかわかりづらいページがある場合に、順序をユーザーにわかってもらうように配置するガイドメニューがあります。

出典：AFFINGER（アフィンガー）

関連記事AFFINGER6のスマホ メニューの使い方！（ACTION）

4.　ヘッダーカード

Cocoonにも同じような機能があると前の章で説明をした通り、AFFINGER6（アフィンガー)にもページ上で記事をわかりやすく表示するサムネイルを目立たせるカードが用意されています。

AFFINGER6の場合には、画像をタブにできるためオシャレに見えます。

出典：AFFINGER（アフィンガー)

5.　AMP対応

AMPとは、Googleとツイッターが共同で開発しているブログをモバイルで高速表示する取り組みです。AFFINGER6では、簡易的にはなりますがAMP対応をしています。

6.　スライダー機能

AFFINGER6（アフィンガー)のスライダー機能はサイドバーや記事内にも追加することができます。ここぞという時にスライダーで動的な動きを見せるのも良いでしょう。

出典：AFFINGER（アフィンガー)

7.　コピー禁止機能

せっかく自分で作成したものが他の人に盗られないようにコピー禁止機能がついています。（簡易的な禁止機能）

プラグインでもコピペができない（右クリックができない）ものがありますが、プラグインは重くなる原因とも言われていますので、こういったものがあると使いやすいですね。

8.　動くアイコンボックス

左端の枠の部分のアイコンが小さく動くようになっています。長い文書などで流されがちな部分でもこのボックスを配置すると目を引くことができます。

出典：AFFINGER6（アフィンガー)

※画像なども同じようにブルブルと動かすアニメーション機能もあります。

AFFINGER6（アフィンガー）とCocoonの比較まとめ

AFFINGER6（アフィンガー)とCocoonの大きな違いはやはりパーツの数とカスタマイズ性だと思います。

デザインをより高度なものにしたい場合にはAFFINGER6（アフィンガー)が良いですし、そこそこのクオリティでお金を使いたくない場合にはCocoonでしょう。

AFFINGER6（アフィンガー)とCocoonの共通した機能

• 内部SEO対策
• レスポンシブデザイン
• ランキング
• ヘッダーカード（タブ機能）
• 広告設置が簡単

内部SEO対策やアレンジなど基本的な部分は双方押さえています。AFFINGER6の基本デザインとCocoonの使い勝手の難易度は似ています。

AFFINGER6（アフィンガー）とCocoonの違い

AFFINGER6（アフィンガー)はユーザーに記事を読ませる工夫がされていますし、Cocoonはシンプルな中でも、ちょっとした工夫が見られます。

AFFINGER6では、上記のパーツ以外にも独自バナーを作ったり、タブ付きの囲い枠であったり、ブルブル震える文字や絵文字など遊び心も随処に見られます。

Cocoonには、アイコンや投稿ページに使う装飾などがないために、基本的には自分でCSSとHTMLを駆使して作らないといけません。

• タブボックス（AFFINGER6）
• コピー禁止機能（AFFINGER6）
• デザインレイアウトパターン（AFFINGER6)
• ガイドメニュー（AFFINGER6）
• 着せ替え機能（AFFINGER6・Cocoon)
• ヘッダーアピールエリア（Cocoon)
• 目次（Cocoon）

大きく分けると以上のような違いがあります。

【結果】AFFINGER6（アフィンガー）とCocoonのどっちが向いてる？

さて、AFFINGER6（アフィンガー)とCocoonのどっちがあなたに向いているのでしょう？好みにもよりますがデザインや機能から以下のようなブログやサイトに向いています。

AFFINGER6（アフィンガー）に向いているブログは

• アフィリエイトブログ
• アドセンスブログ
• 育児ブログ
• マガジンサイト
• 旅行ブログ・グルメブログ
• 投資ブログ
• 車のブログ

AFFINGER6（アフィンガー)もCocoonも用途は個人ブログが主になりますが双方カスタマイズで他の用途にも使えます。

しかし、ビジネスとなるとAFFINGER6（アフィンガー)が向いています。

Cocoonに向いているのは

• 趣味ブログ
• 雑貨ブログ
• 料理ブログ
• 日記ブログ

Cocoonの場合は、見た目にデザインが可愛いのでやはり使う用途は決まってきます。ビジネスにも使えなくないのですが、有料に比べるとほんの少しだけ安っぽく見える場合があります。

その点、レイアウトはシンプルなAFFINGER6（アフィンガー)はいろんな種目のブログになるのでコスパが高いですし、シンプルな分応用が利きます。

使い勝手に関してはどちらにも利点がありますのでデザインの好みで選ぶと良いと思います。

なつの5段階評価（AFFINGER6とCocoonの比較）

どんな内容にも合うテーマならAFFINGER（アフィンガー)、シンプルでも良いならCocoonを選ぶと良いと思います。

稼ぐブログにしたいならAFFINGER6（アフィンガー）に軍配があがります。いずれアフィリエイトをするならAFFINGER6（アフィンガー）を選ぶべきです。

 AFFINGER5、6（アフィンガー）の5段階評価

Cocoonの5段階評価

AFFINGER6（アフィンガー)はブロガーのための機能とデザイン、個別アイテムの面でバランスがとれているテーマですしCocoonの場合にはバランスよく作られているテンプレートだと思います。

↓　当ブログからWordpressテーマAFFINGER6を購入くださった方に特典をプレゼント！

記事を取得できませんでした。記事IDをご確認ください。

初心者だからこそWordpress有料テーマ を使うべき理由

Cocoonには、サムネイル付きの記事を配置する方法がいくつかあります。人気記事やナビカードもそうですし、関連記事もあります。

関連記事独自のルールも少しありますので、そのあたりも含めてみていきます。

ここでは、Cocoonの関連記事のカスタマイズ方法と同じページでできるページ送りナビの設定をお伝えしてきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

Cocoonの関連記事とは

まずは、Cocoonの関連記事がどんなものか見ていきましょう。関連記事とは、そのページが含まれているカテゴリー内の記事、同じタグの記事などをピックアップして投稿ページなどの上下に出すものです。

形としては、サムネイルとタイトルが一覧になっているものをイメージしていただければと思います。

表示デザインとしては、人気記事とかナビカードなどとだいたい同じです。

関連記事の設置手順

Cocoonの関連記事の設定や設置は、順を追って確認すればそれほど難しくはありません。基本的な操作方法は同じなので、ひとつひとつ設定をしていきましょう。

1. 関連記事の表示・デザイン等設定
2. 関連記事をウィジェットで配置

上記1で関連記事の細かな設定をして、ウィジェットで設置するというイメージです。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

【動画】Cocoonの関連記事設定

00:00　オープニング
00:08　関連記事設定
01:36　ページ送りナビの設定

Cocoonの関連記事の設定

Cocoonの関連記事の設定自体は難しくありません。ただ、「関連記事」という名前でのタブがないので、操作できる場所に行くまでちょっと迷ってしまうかもしれません。

▼　Cocoon設定　⇒　投稿　

ページを開き、下へスクロールしていくと「関連記事設定」というタイトルが出てきます。

上記の必要部分だけ設定していきます。「表示」部分では「関連記事を表示する」にチェックが入っていないと他を設定しても表示されないので注意です。

次では、頻繁に使いそうな設定をしていきます。

表示

投稿ページの関連記事を表示するかどうかの設定です。

「関連記事を表示する」にチェックを入れます。

関連性

「カテゴリー」もしくは「タグ」に関連付けをするかどうかをここで決めます。ここでタグを選んで、タグがない場合には、カテゴリーが出ます。

逆に、カテゴリーを選んでカテゴリーがなかったらタグで関連付けが行われます。

• タグ選ぶ（タグなし）・・・カテゴリー表示
• カテゴリー選ぶ（カテゴリーなし）・・・タグ表示

カテゴリーとは

設定時のカテゴリーは投稿ページの中で設定するものです。カテゴリーの文言等は自分で考えることになります。

例えば、コーヒーのブログだと仮定して、スタバの記事やドトールの記事を複数書いた場合に整理するために「スタバ」や「ドトール」などのカテゴリーを作って記事を設定していきます。

最初から書きたいものがあれば最初からカテゴリーを設定しておきます。もし、記事を先に書いていたならある程度記事が多くなってきたらカテゴリーを設定して整理しておきましょう。

タグ付けの方法

ここでいう「タグ」というものが何かわからない人のために、設定方法を記載しておきます。タグは、投稿ページの右側に設置する場所がありますので決まった文字列を入れます。

投稿ページ一覧でもクリック編集を開くと「タグ」を入れる部分がありますので、まとめて一括で入れたい場合にはこちらで設定してください。

関連記事見出し

関連記事の見出しをここで設定します。サブのタイトルもつけられますので、必要に応じて設定してください。

表示タイプ

ここでは関連記事の表示の大きさ・デザインを選びます。アドセンス関連コンテンツユニット以外は、4種類あります。

• エントリーカード
• ミニカード・・・推奨表示数：偶数
• 縦型カード3列・・・推奨表示数：6, 12, 18…
• 縦型カード4列・・・推奨表示数：4, 8, 12…
• AdSense関連コンテンツユニット

最初の設定はエントリーカードになっています。

表示数

関連記事に表示させる数の設定です。最小では2個、最大では30個設定できます。

取得期間

関連記事に新しい記事を載せる時に、一定の時間を設定しておくと表示されます。あまり更新していないブログでは、いつも同じ記事になってしまうので設定しない方がいいです。

枠線の表示

記事ごとに区切る枠の表示です。境目をはっきりさせたい時などにチェックをいれましょう。

最大自動生成抜粋文字数

デフォルトの関連記事エントリーカードでその記事の自動生成の抜粋文が表示される最大の文字数を設定します。最大500文字までです。

投稿関連情報の表示

投稿関連情報の表示では以下のことができます。スニペットとか難しい言葉がでてきますが、抜粋文の表示やスマホで表示するかどうかとか関連記事枠内に何を入れるのかの設定です。

• スニペット（抜粋）の表示
• スマホ端末でスニペットを表示（480px以下）
• 投稿日の表示
• 更新日が存在しない場合は投稿日を表示
• 更新日の表示
• 投稿者名の表示

Cocoonの関連記事の配置

さて、Cocoonの関連記事の設定が終わったら、次にどこに設置するのかを指定していきます。場所の指定はWordpressの場合、ウィジェットでやりますが、関連記事の場合にはちょっとだけ気を付けることがあります。

▼　外観　⇒　ウィジェット

左側の「利用できるウィジェット」の中に、[C]関連記事という枠がありますので、こちらを配置させたい場所に移動させます。

サイドバーに記事一覧のようなパーツを追加したい場合には、人気記事や、ナビカードなどを活用しましょう。

↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！

Cocoonのページ送りナビとは

ページ送りナビとは、記事の前と後ろの記事を表示している部分です。よく投稿ページの下に矢印がついているサムネイルを見る事があると思いますが、あの部分です。

関連記事と同じページで設定できますので、変更したい方は試してみてください。

Cocoonのページ送りナビの設定

こちらの設定も、関連記事とほぼ同じです。以下の項目の設定ができますので、必要に応じてやっていきます。

• 表示
• 表示タイプ
• 表示位置
• カテゴリー
• 枠線表示

表示

投稿ページにページ送りナビを表示させるかどうかの設定です。ここにチェックが入っていないと他の設定をしても表示されません。

「ページ送りナビを表示する」にチェックを入れる。

表示タイプ

表示タイプとは、ページ送りナビの画像の構成のことです。

「デフォルト（長方形）」「正方形」の2種類

表示位置

最初の設定では、関連記事の下に配置されます。それ以外は以下の場所に変更します。

• 本文下
• 関連記事上
• 関連記事下（デフォルト）
• コメント下

カテゴリー

表示させるカテゴリーを選びます。「同一カテゴリーのものを表示する」もしくはどのカテゴリーにするのかここで選びます。

枠線表示

ページ送りナビのサムネイルの周りを枠線で囲むかどうか選びます。これも好みなので、一度設置してみた上で決めてください。

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

Cocoonでは、ショートコードでプロフィールボックスを表示させます。記事の最後に、「この記事を書いた人」というボックスやサイドバーにプロフィールカードが配置されているのを見たことがあると思います。

表示させるには、あらかじめ設定しておく部分があります。

Cocoonのプロフィールの作り方と配置の方法をお伝えします。

関連記事Cocoonのショートコードの使い方！

2022.06.28

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

Cocoonのプロフィール例

Cocoonのプロフィールボックスは、ショートコードで記事内に表示させる方法と、ウィジェットで表示させたい位置を選択する方法があります。

あと、例えば、外注さんに記事を書いてもらっていたりした場合にはＩＤコードを使って、複数のプロフィールを配置することも可能です。

Cocoonのプロフィールの2例をご紹介しています。

上記画像はそもそも同じものですが、配置する位置によって見た目の構成が変わります。あと、ユーザーの登録をすることによって、違う人のプロフィールを表示させることができますので便利です。

Cocoonのプロフィールの内部構成

ひとことにプロフィールと言っても、画像や自分のアピールやSNSなども配置していきます。それぞれ簡単な設定ですので難しく考えずにやっていきましょう。

あらかじめ設定しておく項目

AFFINGER6ほどいろんな色を作ったり画像を背景にしたりなどはできませんが、シンプルながらも必要なものは目立たせることができるのが一番の利点です。

• 自分の画像
• プロフィールの文章
• SNSボタン

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

Cocoonのプロフィールの設定動画

チャプター

0000　オープニング
0008　ユーザー登録
0055　投稿ページでの表示方法
0112　別なユーザーで表示させる
0132　サイドバーにプロフィールを設置する

Cocoonのプロフィールの設定手順

まずは、Cocoonのプロフィールを作る設定の手順をお伝えします。工程としてはシンプルなのでちょっと頭に入れておいていただくと途中で迷いません。

具体的な手順（カッコ内は設定場所）

ユーザー登録で設定をするだけであとは配置の操作だけになります。

1. 画像設定（ユーザー登録）
2. SNS ID登録（ユーザー登録）
3. プロフィール文章設定（ユーザー登録）
4. ショートコード or　ウィジェットで配置
5. 直接コードを設置

これだけの設定で、プロフィールを表示させることができます。配置の場合には直接コードで対応する方法もありますので後からお伝えしますね。

プロフィールで開く場所はユーザー登録がほとんどですので簡単です。

ユーザー登録の場所

ユーザー名などをあらかじめ設定する場所は以下の通りです。

▼　ダッシュボード　⇒　ユーザー　⇒　プロフィール

画像設定（ユーザー登録）

ユーザー登録の場所に展開したら、まずは画像を設定しましょう。下にスクロールしていくと、「プロフィール画像」というタイトルがあります。

プロフィール画像のアップロードの部分で「選択」というボタンを押すとWordpressに取りこんだ画像がでてきます。

好きな画像を選んで「プロフィールを更新」をクリックします。

SNS ID登録（ユーザー登録）

ユーザー登録の画面の真ん中あたりにSNSのIDを登録する場所があります。それぞれのSNSのご自身のURLをコピーしこの部分に配置します。

この部分にURLを設定するとプロフィールの下にSNSのアイコンが出てきます。

プロフィール文章設定（ユーザー登録）

ユーザー登録の画面にプロフィールの文章を入れる部分があります。「あなたについて」というタイトルの「プロフィール情報」に簡単な自己紹介を入れます。

どんな文章でもいいですが、ネガティブなことはあまり書かない方がいいです。ブログを訪れた人が好感が持てるような長くない文章を心がけましょう。

好感といっても、とってつけたようなものではなく、毎日コツコツとやってる趣味とかスポーツとか、何もなくてもたとえば朝の散歩で出会う犬とかそんなでもほのぼのしてて好感が持てますよね。

ショートコード or　ウィジェットで配置

ユーザー登録が終わったら、次は、プロフィールをどこに配置するのか設定をします。投稿ページの中ではショートコードを挿入もしくは直接コードを貼り付けます。

サイドバー（他の部分にも配置可能）に配置するときには、ウィジェットを使います。

ショートコードでの配置

投稿ページの最後などに「この記事を書いた人」というボックスを見たことがあると思います。これは、投稿ページの中のショートコードで配置することができます。

ショートコードのプロフィールボックスを選択すると以下のようなコードが入ります。

直接コードを設置

もうひとつの方法として、直接コードを入れる方法もあります。ユーザーが2人以上いる場合などには便利です。

「id=」のところにユーザーのID番号を入れます。

ユーザーIDの調べ方

ユーザーIDコードはユーザー一覧から確認できます。

▼　ユーザー　⇒　ユーザー一覧

名前のところにカーソルを持っていくと左下に番号が出てきます。

↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！

アイコン画像（当ページで使ったもの）

今回このページで使ったアイコンのサイトとそのダウンロードの方法をお伝えします。イラストACなどでも多いのですが、加工してから使わないといけないものが多いのですぐに使えるものがあると使い勝手がよいです。

かぶりっこメーカー　iconpon

• 髪形・・・前髪
• 髪形2・・・後ろの髪
• 目
• ほほ・・・チークの色形
• 口
• 着ぐるみ

髪形や目やほほなど、自分の好みに設定をしてダウンロードします。シンプルですが表情を変えれるのでアイコンにすると可愛いです。

目を引くプロフィール文章の考え方

最後に、プロフィールの文章について考えてみましょう。プロフィールは経歴も大事なのですが、輝かしい経歴というわけではなく、自分がどう思ってこのブログを書いているのかとか、得意分野など書き添えてもいいと思います。

特に、決まりがないからこそ難しい部分はありますが、文章の印象としては文末に「良いイメージ」をもってくるとだいたい読んでいて良い印象が残ります。

上記の2つの例はササッと考えたものですが、丁寧に自分の仕事や状況を伝える事によって読み手との距離を縮めています。

Cocoonのプロフィール設定　まとめ

Cocoonのプロフィールの設定は、2つの工程で出来上がります。「ユーザー設定」「配置の設定」だけでできますので、ブログを作ったらすぐにプロフィールの設定をしてみてください。

記事を書いている人の人となりを見てファンになってくれるかもしれません。

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

Cocoonの使い方やカスタマイズをお伝えしてきましたが、ショートコードも豊富です。うまく使いこなせれば時間短縮にもなります。

ショートコードは広告だけではなく、タイムラインのようなもの、星評価、カウントダウンなど多種にわたります。

Cocoonのショートコードの使い方をお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

Cocoonの便利なショートコード

Cocoonのショートコードには、楽天やAmazonの広告に特化したものもありますし、普通の広告への対応や、星評価、カウントダウンなどがあります。

ものによってはあまり使わなさそうなものもありますが、このページでは知っておくと使い勝手が良い汎用ショートコードを中心にお伝えします。

Cocoonの汎用ショートコード一覧

汎用で使えるショートコードは以下の通りです。

• 広告[ad]
• 新規記事一覧
• 人気記事一覧
• ナビカード一覧
• プロフィールボックス
• Amazon商品リンク
• 楽天商品リンク
• タイムライン
• タイムラインアイテム
• 過去日時
• 過去年
• 年齢
• カウントダウン
• 評価スター
• ログインユーザーのみの表示
• キャンペーン期間中のみ表示

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

ショートコードの出し方

まずは、ショートコードを使うために表示をさせます。広告などはCocoon設定であらかじめ設定が必要になりますが、投稿ページで簡単に操作可能です。

投稿ページもしくは固定ページを開きます。

エディターの中に、「ショートコード」とありますので▼をクリックすると一覧が現れます。

このページでお伝えするのはすべてこの部分からの貼り付けとなります。後は個別に微妙に違う部分がありますので、表示できない場合には以下を読んでみて操作し直してください。

ショートコード【個別】の使い方

ここからは、ショートコードの個別の使い方をお伝えします。それぞれちょっとずつ表示を気を付けないといけない部分などもありますので、ここを見ながら設置してみてください。

↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！

広告[ad]

汎用で使える広告設置のショートコードです。Cocoonでは、アドセンスやアフィリエイトなどの広告配置にも対応していますので、あらかじめ固定場所に設置する設定をします。

ここで説明するのは、記事作成中に手作業で広告を差し込む時などの広告と思ってもらえばいいです。

1.　Cocoon設定でのチェック

アドセンスの広告設定の部分にコードが入っているのが前提です。

▼　Cocoon設定　⇒　広告

2.　投稿ページで場所を指定

投稿ページのエディターのショートコード枠の▼をクリック、広告[ad]を選びます。

エディター内に[ad]と入れば、設定しておいた広告が挿入されます。

新規記事一覧・人気記事一覧

投稿ページや固定ページで新規記事一覧を挿入したい時に使います。

ショートコードを入れると以下のようなコードが入ります。

プレビューで見ると以下のように入ります。

HTMLの「count＝」の部分が5になっていますので5記事配置されますが、もし少なくしたかったらこの部分の数を調整します。

人気記事一覧

人気記事一覧も同じです。コードこそは若干違いますが、HTMLの「count＝」部分の数字を調整して表示記事を変更できます。

ナビカード一覧

ナビカードはひと手間かかりますが、設定するととても見栄えのよい一覧となりますので試してみてください。

• 一覧のタイトル下に説明文を入れることができる
• 帯を追加できる

1. メニューを作る
2. メニューの表示オプション設定
3. 個別の設定

1.　メニューを作る

まずは、通常通りのメニューを作ります。

▼　外観　⇒　メニュー

「新規」もしくは、「新しいメニューを作成しましょう」をクリックしてタイトルを入力します。

メニュー項目を追加の部分から要素を右のメニュー構造に移動させます。

2.　メニューの表示オプション設定

上部右側にある、「表示オプション」内の、CSSクラスと説明の部分にチェックを入れておきます。

3.　個別の設定

最後に、メニュー構造の部分に移動させた項目の▼マークをクリックして展開し、cssオプションと説明に入力します。

cssオプションに入力するコード

cssオプションに数字を入れるとたすき掛けの帯が表示されます。

それぞれ、きれいな色で目立つので工夫して貼り付けてください。

プロフィールボックス

「この記事を書いた人」の表示ができます。あらかじめユーザー設定でご自身のプロフィールと画像を入力しておき表示させます。

▼　ユーザー

• ニックネーム設定
• プロフィール情報入力

これだけしておけば、この記事を書いた人が表示されます。

あらかじめご自身のプロフィールを考えて記載しておきます。

タイムライン・タイムラインアイテム

なにかの申し込みを促進するときに、わかりやすく段階を追って説明するアイテムです。手順にそって例を表示させることでイメージしやすくなりますよね。

完成図

ショートコードの使い方

上記のタイムラインを作ろうと思えば、ショートコードのタイムラインとタイムラインアイテムの両方が必要です。

以下のように配置をしてください。

それぞれ、項目や説明文を入れていき、タイムラインを完成させましょう。

タイムラインアイテムで詳細を構成して、タイムラインのコードで囲むようなイメージです。

過去日時・過去年

特定の日時から、何か月たったのか、何年経ったのかを記事内で返してくれる機能です。例えば、ショートコードで2020年12月1日から現在までの経過日時を表示させたい場合に使います。

それぞれショートコードに年月日（20201001など）を入れて使います。

年齢

こちらも、過去日時、過去年とよく似た機能です。誕生日を入れておくと現在の年齢を記事上で返してくれます。

ブログの記事が古くなっていっても、この部分で設定しておけばユーザーが見た時の正しい年齢が表示されることになります。

カウントダウン

例えば、記事の中に2024年まであと〇日みたいな文章があったとすると、この〇日のカウントダウンをして数字を入れてくれる機能です。

↓↓↓

数字をつなぐ部分にスラッシュを入れます。

評価スター

ランキングや比較記事を書くときには必須の星評価。Cocoonではショートコードで挿入できるようになっています。

この黄色の部分に1～5の星を入れて表示させます。小数点以下も表示できるので、例えば、2.5とか3.5とかでも上手に星が区別されますよ。

ログインユーザーのみの表示

ユーザー登録した人だけが見れる構成にすることができるのがこの部分です。会員制にしていたり、ビジネスなどにも使えそうですよね。

キャンペーン期間中のみ表示

これはある一定の期間だけ表示させるというとても便利なショートコードです。例えば、お正月期間だけ文章を出したいとか、なにか募集をかけて一定期間で消滅させたい場合などに便利です。

上記の場合だったら、2022年6月17日から2022年6月18日までの期間で「ワクワクキャンペーン実施中」の文言を表示させたい場合に使います。

応用としては、クリスマス期間中とか、お正月松の内期間に新年のあいさつを表示させるとかいろいろ考えられますよね。

ここで注意したいのは、数字のつなぎがハイフンということです。

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

ブログのトップページなどでよく見かける「スライドショー」ですが、Cocoonでも管理画面で設定が可能です。

Cocoonのカルーセル機能（スライドショー）についてお伝えします。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

Cocoonのカルーセル（スライドショー）とは

Cocoonで操作する場合、一般でいうスライドショーは「カルーセル」という呼び名となっています。初めて使う人にとっては馴染のない言葉で迷うかもしれませんが、スライドショーと同じ機能ということを覚えておいてください。

Cocoonでいうカルーセルとは、スライダーのこと。知らない言葉を聞くと初心者の場合にはドキッとしますが、言い替えると親しみがわきますね。

Cocoonのカルーセルでできること

Cocoonのスライドショー（カルーセル）では、細かな設定もできるようになっています。例えばサムネイルの流れる「速さ」とか、「表示数」とかです。

• カルーセルの表示
• スマホでの表示オンオフ
• 人気記事・カテゴリー・タグ記事の選択
• 並び替え
• 表示させる数
• カードの枠線
• オートプレイ有・無し
• オートプレイの時間調整

Cocoonのカルーセル表示例

トップページに人気記事を表示させた例です。画像だけなので動きはわかりませんが、オートプレイを設定すると指定した秒数でサムネイルが流れてくれます。

上記はおすすめカードとアピールエリアも一緒に配置していますが、タグをつけて指定することもできるので、便利です。

使い方でタグをつける方法もお伝えしていきます。

スライドショーがブログにあるとグッとブログが華やかになりますのでぜひチャレンジしてみてください。

【動画】Cocoonのカルーセル設定

Cocoonのカルーセル設定です。アピールエリア+カルーセルにするとスマートに配置できます。動画内ではおすすめカードと上下の配置としていますが、ちょっとゴチャついて見えています。

00：00　オープニング
00：08　表示設定
01：11　タグのつけ方
02：43　枠線
02：59　オートプレイ設定

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

Cocoonカルーセルの設定場所

ここからご説明していく内容の操作場所は以下のようになります。全部同じページで設定可能です。

▼　Cocoon管理画面　⇒　カルーセル

ここさえわかれば、あとは楽勝で設定できますので、どういった設定にするのかこの先でご確認ください。

カルーセルの表示 / スマホでの表示オンオフ

最初に設定するのは、ブログのどの部分でカルーセルを表示させるのかを決めます。表示されないという場合はだいたいここで「表示しない」になっていますのでご注意ください。

カルーセルをどのページで表示させるのかをここで設定します。

• 表示しない
• 全ページで表示
• フロントページのみで表示・・・トップページ
• 投稿・固定ページ以外で表示
• 投稿・固定ページのみで表示
• 投稿ページのみで表示
• 固定ページのみで表示

人気記事・カテゴリー・タグ記事の選択

カルーセルに表示させるサムネイル（記事）の選択をします。人気記事もしくはカテゴリー、あと任意で設定したタグをつけた記事なども表示させることができます。

記事のタグ設定の2つのやり方

記事のタグといってもわかりづらいと思いますので、それぞれの記事にタグをつける方法をここでお伝えします。

1. 投稿画面で設定
2. 投稿記事一覧のクイック編集で一括設定

1.　投稿画面で設定

それぞれの記事の投稿画面で設定します。右側にタグというタイトルがありますのでそちらにpicupと文字を入力しておきます。（ブロックエディターの場合も右側にありますのでそちらに文字を入れてください）

2.　投稿記事一覧のクイック編集で一括設定

複数の記事にタグを入れる場合にはこのやり方が便利です。

投稿一覧を開きそれぞれの記事のタイトルの下あたりにカーソルをもっていくと文字がでてきます。その中に「クイック編集」という文字を探してクリック。

すると以下のような画像がでてきますのでタグの部分にpicupと入れて左下の更新をクリック。

Cocoonカルーセルサムネイルの並び替え

カルーセルの並び替えは3種類あります。「ランダム」「投稿日順（降順）」「更新日順（降順）」です。

• ランダム
• 投稿日順（降順）
• 更新日順（降順）

サムネイルの表示させる数調整

表示させるサムネイルの数の調整もここでできます。最大表示の数を設定します。ただ、数には制限がありますので以下を参考にしておいてください。

• デフォルト・・・18
• 最小・・・12
• 最大・・・120

表示される数はPCとスマホでも決まっていますので、特に気にせず設定をしてみてください。

サムネイルのカードの枠線

表示されるサムネイルの枠線を追加することができます。デザインはひとつだけですが、キャプチャの文言と一緒に入るので整理整頓された感じになります。

Cocoonのカルーセル　オートプレイ

オートプレイとは、サムネイルが勝手に流れる指定です。ブログに訪問した時、一定期間で横にサーッと流れる演出をご覧になったことがあると思います。

その設定をこの部分でやります。

オートプレイの実行

「オートプレイ」タイトルの「オートプレイを実行」にチェックを入れ変更をまとめて保存をクリックします。

オートプレイの時間の指定

「オートプレイインターバル」タイトルの部分で秒数を選びます。3秒～30秒まで。最後に変更をまとめて保存をクリックします。

この秒数については設定をして流れるのを見ながら調整してください。

ちょうどよい長さは？

カルーセルのサムネイルを動かすちょうど良い時間なのですが、デフォルトでは5秒となっています。一応、その設定でやってみると微妙に長かったので3秒くらいでよいと思います。

あまり長すぎると、ユーザーも帰っちゃいますしね。

Cocoonカルーセル設置の注意点

カルーセルは動きもあるので、ユーザーの目を引くのには効果的です。Cocoonではアピールエリアやブログカードなど目を引く演出が多いです。

全部設定できるからと盛ってしまうと逆に見づらくなったりしますし、サムネイルの画像が重くなる場合もありそうです。

ブログ運営の経験上、サムネイルいっぱいのスライドショーってちょっと重くなりがちなんですよね・・・

設置するページのバランスを考えて設置しましょう。

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！