Cocoonには便利なショートコードがたくさんあり、ブロガーを大いに助けてくれます。

中でも新着記事や人気記事一覧を簡単に表示できるショートコードは、ブログのフロントページ（ホーム画面）をカスタマイズするのにはかかせません。

当ブログの代表記事となった【Cocoon】脱ブログ！固定ページでサイト型トップページにカスタマイズする方法でも、存分に利用させてもらってます。

本記事では、フロントページをショートコードで新着記事を表示する際に、デザインを垢抜けさせる横並び表示にするカスタマイズの方法をご紹介します。

はまちゃん

もちろん誰でも簡単にカスタマイズできるよう、CSSはコピペするだけなのでご安心ください。

少しの工夫でオシャレになるのでお試しあれ。

【Cocoon】フロントページの新着記事一覧を横並び表示にした完成イメージ

まず、最初に完成イメージを確認しておきましょう。

当ブログのフロントページを見てもらうとよりわかりやすいかもしれません。

◆横並び表示

[Before]

[After]

ちょっとしたデザインの変更ですが、印象はかなり違いますよね。

「神は細部に宿る」と言われるように、そのこだわりがあなたらしいブログを作ることにつながります。

ブログトップページ全体をオシャレにカスタマイズする方法や、Cocoon全体のカスタマイズする方法は別記事で詳しく書いていますので、合わせてご覧ください。

【Cocoon】脱ブログ！固定ページでサイト型トップページにカスタマイズする方法

wakuwaku-keigo.com

2022.05.17

WordPressテーマ「Cocoon」カスタマイズまとめ！初心者でもCSSコピペでおしゃれに

wakuwaku-keigo.com

2022.05.17

【Cocoon】ショートコードでフロントページの新着記事一覧を横並び表示にカスタマイズする方法

手順は以下のとおり。

はまちゃん

ステップも少ないし簡単だね！
フロントページに書く前提で以下は書きますが、普通の投稿ページにショートコードで新着記事を表示する場合は、STEP1は必要ありません。

「さっそくカスタマイズ！」といきたいところですが、簡単とはいえCSSをいじるのでブログデザインが崩れてしまうリスクがあります。

最低限、変更前の設定内容やCSSをバックアップしておくことはするようにしてください。

より慎重にいくなら、テーマ全体のバックアップを取ることも有効です。

以下の記事で注意点やバックアップ方法に触れているので参考にしてください。

WordPressテーマ変更手順まとめ！注意点・エラー対処法・事前準備・プラグインのテスト方法

wakuwaku-keigo.com

2019.07.23

（１）フロントページ用の固定ページを作成

ワードプレスのダッシュボードから、「固定ページ」＞「新規作成」をクリックします。

タイトルはなんでもいいです。

この記事ではわかりやすく『【Cocoonトップページ】固定ページテンプレ』としておきましょう。

パーマリンクの設定は関係ないので必要ありません。

（２）新着記事一覧を表示するショートコードをアレンジ

新規作成した固定ページに、新着記事一覧を表示します。

Cocoonであれば、投稿画面のショートコード＞新着記事をクリック。

すると以下のようなnew_listショートコードが自動入力されます。

[〜new_list count="5" type="default" cats="all" children="0" post_type="post"〜]

それぞれオプション部分は以下を意味します。

• count=アイテムの表示数
• type=新着記事の表示方法の種類
• cats=ブログで設定しているカテゴリ
• children=子カテゴリを含めるか否か

全体の新着記事を想定しているので、count=”3” type=”large_thumb“に設定変更すれば他はイジらなくてかまいません。

[〜new_list count="3" type="large_thumb" cats="all" children="0" post_type="post"〜]

新着記事一覧の詳細なショートコードの使い方を知りたいなら、新着記事一覧を表示するショートコードの利用方法を参考にしてください。

（３）CSSをコピペ

最後にスタイルシート（CSS）を書きます。

「外観」から「テーマエディター」を選択し、Cocoon Childのスタイルシート (style.css)に書き込んでもよいですが、固定ページ下にあるカスタムCSSに書き込むことをオススメします。

Cocoon Childのスタイルシート (style.css)はテーマ全体に影響するので、誤って削除してしまったりエラーが起きるリスクがあります。

プログラミングなどにあまり詳しくない初心者は、極力触るべきではありません。

カスタムCSSなら、最悪CSSが間違えてしまってもそのページのみなので影響は小さいです。

以下をカスタムCSSに入力してください。

/*******************************
* 新着記事を横並びに
********************************/
.widget-entry-cards.card-large-image .a-wrap {
width:32.5%;
height:auto;
display: inline-flex;
}

@media screen and (max-width: 800px) {
.widget-entry-cards.card-large-image .a-wrap {
width:auto;
display: inline-flex;
}
}

.widget-entry-cards.not-default figure img {
padding: .5em;
}

.widget-entry-cards.card-large-image .a-wrap {
font-size: 95%;
text-align: left;
padding:.5em;
}

これでページの更新をかけると、フロントページの新着記事一覧が横並び表示になります。

お疲れ様でした。

まとめ：フロントページの新着記事を横並び表示にするカスタマイズは簡単

無事に横並びで新着記事一覧が表示されましたか？

CSSの知識がないと難しいですが、3つの手順

1. フロントページ用の固定ページを新規作成
2. 新着記事一覧を表示するショートコードをアレンジ
3. CSSをコピペ

通りにすれば誰でも簡単にカスタマイズができたはず。

プラグインも必要なくショートコードで実現できたのは、Cocoon様様です。

質問などあれば、記事下のコメント欄までお願いします。

ちなみに僕のブログでは、以下のように最新記事を3つ表示させて、その下の新着記事一覧ボタンをクリックすると、新着記事が全体で表示するようにしています。

当ブログの新着記事一覧の設定

こちらのやり方は、別記事で紹介していますのでマネしたい方はどうぞ。

WordPressの固定ページに新着記事一覧を表示させる方法【プラグインなし】

wakuwaku-keigo.com

2022.05.17

質問などあれば、記事下のコメント欄までお願いします。

コピペもいいですが、ブログを自分好みにカスタマイズして個性を出したいなら、HTMLやCSSの知識は最低限必要ですよ。

将来調べる時間を少なくするためにも、自己投資と思って一冊ぐらいは手元に置いておきましょうね。

デザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版]

posted with カエレバ

千貫 りこ 技術評論社 2017-05-26

Amazonで探す

楽天市場で探す

Yahooショッピングで探す

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

2019年、去年はブームになったスポンサーや純広告も、あまり聞かなくなりました。

ブログにスポンサーが付いている人も、最近では少ないのではないでしょうか？

そんな中、当ブログ「婿養子の島根移住」に新しくスポンサーが就きました。

新スポンサーは、脱サラして家族で地方移住したすずきち（@szkjpx）さんです！

僕と同じ地方移住をテーマにした「地方移住部。」を運営されています。

初めて拝見させていただいた時、「ブログ名を交換してほしい」って思いました。笑

僕はあまり考えずにブログ名をつけてましたが、部活にしてしまうのはセンスがありますよね〜。

脱サラして限界集落に家族で移住したいと考える人にとっては、必見のブログになっています。

この記事では、スポンサーになっていただいたすずきちさんと、ブログ「地方移住部。」を紹介していきますね。

脱サラして家族で地方移住したすずきちさんとは？

地方移住した(い)人と等身大の移住戦略をシェアするブログ「地方移住部。」の運営者✍🏻/ 稼ぐ個人が地域を救う🏃/最近のブログ収益は月収32,307円😇６月の見込収益は8万円😹ブルーハーツファン歴15年

引用 Twitterプロフィール

すずきちさんは、縁もゆかりもない豪雪地の限界集落に家族で移住されました。

家族と一緒に今までの生活をガラッと変えられるフットワークの軽さはすごいですね。

現在は、『地方移住コンサルきこりブロガー』という肩書きで、活動されています。

地域おこし協力隊で林業を生業にする『木こり』

すずきちさんは、木こりです。

地域おこし協力隊として自伐型林業に携わっておられます。

View this post on Instagram

コナラの薪！ とりあえず30束納品に参りますー^^ #薪割り #ぜんぶ手割り #田舎暮らし #里山暮らし #自伐型林業

A post shared by 地方移住部。 (@iju_suzukichi) on Nov 26, 2018 at 6:14pm PST

がっつり、林業されていますね！

また、木のスプーンを作り販売もされておられます。

オシャレですよね^^

Instagram

www.instagram.com

地方移住のきっかけは会社員時代にうつ病になりかけたから!?

すずきちさんは、サラリーマン生活でうつ病になりかけたという経験があります。

そして、地方移住ブロガーの第一人者　イケダハヤトさんの影響を受けたそう。

今の時代は、どこでも生きていけますし、無理して働き続けて自分も周囲も不幸にするぐらいなら環境を変えるべきですね。

とはいえ、一歩踏み出すのが怖いですよね。

決心ができずに、モヤモヤしている方はすずきちさんのブログを読むのをオススメします。

すずきちさんの運営ブログ「地方移住部。」について

『地方移住部。』は、「読者さんに前向きな地方移住を実現してもらい、心と身体と時間にゆとりのある暮らしを送ってもらいたい！」ことを信念に、発信されているブログです。

ブログでは、脱サラして家族で地方移住した実体験をとおして感じた、

• 移住成功の秘訣
• 笑えない失敗例
• 地方暮らしのメリット・デメリット

などを包み隠さずオープンにされていますよ。

個人的に絶対読んで欲しいおすすめ記事ベスト３

第1位　すずきち誕生から地方移住で田舎暮らしをするまでの話まとめ

この記事は、すずきちさんの生い立ちから地方移住を決心されるまでの人生をまとめたプロフィール記事です。

すずきちさんは、アーティスト（映像作家）→サラリーマン→きこり＆地方移住ブロガー→移住戦略家と、様々な経験をされています。

その時々に何を感じ、どうしてきたのかという人間ドラマは、惹かれるものがあります。

ぶっちゃけおもろいです。

めっちゃ濃い人生歩んでますねww

いきなり脱サラして田舎に家族で移住して、上手くいっているのも頷けます。

これを読めば、すずきちさんのファンになっちゃうこと間違いなし^^

https://www.the-jibatsu.work/archives/profile-matome.html

www.the-jibatsu.work

第2位　【素人×古民家DIYリノベーション】衝撃！床板を剥がしたらシロアリ出没？

床下にシロアリ！？

すずきちさんは、普通の賃貸ではなく茅葺き屋根の古民家を改修して住まれています。

家賃も安いし、広いし、田舎暮らしの理想ですよね〜

でも、都会で暮らしていると、今までDIYをやったことがない人は大変。

改修って言っても、何をどうしたらいいかわからないですよね。

すずきちさんは経験0から、どのように古民家を再生させてきたのかをブログで綴られています。

その中で、古民家にありがちなシロアリ被害。

写真付きで、どんな光景だったのかと対策方法を解説してくださってます。

https://www.the-jibatsu.work/archives/5253264.html

www.the-jibatsu.work

第3位　【米原・伊吹山テレビ】自伐型林業について白目を剥いてTV取材を受けた話

すずきちさんは、地域おこし協力隊として自伐型林業（小さい林業）をされています。

その活動が、なんと米原市が運営しているケーブルテレビ【伊吹山テレビ】に取材されたそうです。

里山を再生させる『やまもりびと』の動画。

僕も拝見させていただきましたが、自伐型林業がめちゃくちゃ大事な活動であることを学びました。

1. 過疎化↓
2. 里山に関わる人が減る↓
3. 山林が荒廃する↓
4. 生態系のバランスが崩れる↓
5. 土砂崩れや獣害の発生する↓
6. 山村からますます人が離れる（①に戻る）

15分ほどの動画なので、ぜひお楽しみください。

https://www.the-jibatsu.work/archives/ibukiyamatv.html

www.the-jibatsu.work

ちなみに、僕も元々は地域おこし協力隊になろうと応募したんですよ！（落ちたけど。笑）

地方移住する方にとって、地域おこし協力隊は最善の選択肢の一つ。

僕の失敗経験から、合格する方法をまとめたので合わせてご覧ください。

>> 地域おこし協力隊になるには？条件～選考の必ず知っておきたい全知識【保存版】

地方移住コンサルきこりブロガー「すずきちさん」を僕は応援していきます！

すずきちさんは、家族で限界集落に地方移住する方のロールモデルとなる活動をされています。

田舎暮らしの様子が、写真たっぷりで生きた情報として伝わるブログを運営されているのは本当にありがたいこと。

僕も地方移住する前だったら、絶対『地方移住部。』を隅から隅まで見ていたことでしょう。

理由は2つ。

1. 田舎のリアルがわかるから
2. 田舎でビジネスを展開する方法がわかるから

ブログを読めばわかりますが、すずきちさんはめちゃくちゃビジネスの勉強をされています。

地方移住を成功させるためには、綺麗事抜きに副業などビジネスを絶対しておくべき。

それを協力隊として実践されておられるので必見です！

スポンサーとして応援いただいた側ですが、僕はこれからもすずきちさんの活動を応援していきます！

僕のスポンサーになってもらったご恩。

これをしっかり返せるように、ブログを育てて、未来の地方移住者とすずきちさんを繋げれるように発信していきたいと思っています！

はまちゃんの一言

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

【スポンサー様大募集】純広告の募集内容とスポンサーを募集する目的

wakuwaku-keigo.com

2022.06.24

「婿養子の島根移住ブログ」の現在&過去のスポンサー様一覧

wakuwaku-keigo.com

2019.06.02

「ブログのトップページが、新着記事一覧なんてつまらない」

そう考えて、ブログのトップページ（フロントページ）を固定ページ化して専門サイトのようにする人が増えています。

特に、WordPressテーマ「Cocoon」の利用者は、当ブログの【Cocoon】脱ブログ！固定ページでサイト型トップページにカスタマイズする方法を読んでくださった方も多いのではないでしょうか？

しかし、この方法には一つデメリットが。

「トップページに新着記事一覧なのはイケてないけど、新着記事一覧も固定ページに載せたい」という、こだわりの強いブロガーのニーズに答えきれていないんです。

はまちゃん

まぁ、最新記事がないとそれはそれで困るよね。

と思い、新着記事一覧ページの作り方を当記事で解説することにしました。

プラグインなしでサクッと作れますよ。

パクってOKですが、シェアするとかコメント欄で感想を書くとかしていたけると励みになるので、よろしくお願いします。

WordPressのトップページを固定ページ化したら新着記事一覧が消える？

まずはおさらい。

固定ページをトップページにする理由は、

といったところでしょうか。

最新記事がズラーッと並ぶブログばかりなので、個性を出したいですよね。

この問題を解決するのが、固定ページでブログのトップページをサイト化させる方法です。

詳しい、カスタマイズ手順は以下の記事をご覧ください。

【Cocoon】脱ブログ！固定ページでサイト型トップページにカスタマイズする方法

wakuwaku-keigo.com

2022.05.17

上記の記事はトップページを固定ページ化するので、新着記事一覧は表示されません。

しかし、しばらくして僕はこう思ったんですよね。

はまちゃん

新着記事一覧がわからないと、リピーターが来なくなるんじゃね？
何度もブログを読んでくれてる数少ないファンは、僕の最新の記事を待ってくれているじゃね？

一般的に、初めての訪問者は個別記事から、リピーターやお気に入り登録してくれた訪問者はトップページからブログに流入します。

そんなファンの期待に応えたく、トップページに新着記事一覧のページを作りました。

「新着記事一覧のURLってどうやって作るんだ？」と、悩む人も多いですよね。

僕もいざ作ろうと調べると、プラグインが必要そうでめちゃくちゃ迷いました。

だって、今まではトップページのURLで勝手に表示されていたので、新着記事一覧を0から作るという発想がなかったんです。

Cocoonはショートコードで新着記事一覧を表示できますが、全記事を最新記事一覧で表示させるのはできませんしね。

でも、実はめっちゃ簡単に実装できるんですよ。

もちろん、プラグインも必要ない簡単な方法で。

WordPressの固定ページに表示させる新着記事一覧ページの作り方【プラグインなし】

手順は、たった2ステップ。

1. 固定ページを作る
2. 投稿ページに設定する

1分ぐらいでできます。

①固定ページを作る

ワードプレスのダッシュボードから、「固定ページ」＞「新規作成」をクリックします。

タイトルはなんでもいいです。

わかりやすく『新着記事一覧』とでもしておきましょう。

パーマリンクの設定は、新着記事一覧を読者がクリックした時に表示されるURLになります。

読者がわかりやすい名前をつけておきましょう。

僕は『/new』を選択したので、

で新着記事一覧ページが表示されます。

試しにクリックしてみてください。

新着記事一覧はこちら

タイトルとパーマリンクを決めたら、本文は何も書かずに公開します。

②投稿ページに設定する

操作はあと一つです。

「ダッシュボード」＞「設定」＞「表示設定をクリック」します。

「ホームページの表示」で投稿ページをクリックし、あなたが作成した新着記事一覧ページをトップページにしたい固定ページを選択して保存します。

はい！

これで無事に、ワードプレスに新着記事一覧ページが作成されました。

あとは、Cocoonの設定を駆使して、トップページに新着記事一覧を表示させましょう。

まとめ：プラグインなしで簡単！WordPressの固定ページに新着記事一覧ページを表示させてみよう

今回の記事では、プラグインなしでWordPressのトップページを固定ページで作った人向けに、新着記事一覧ページの作り方と表示させる方法を解説してきました。

無事に新着記事一覧ページを、固定ページに作成できましたか？

1. 固定ページを作る
2. 投稿ページに設定する

の2ステップなので簡単。

プラグインが必要ないのもありがたいですね。

知ってればすぐに設定できるけれど、知らないといつまでもできないカスタマイズでしょう。

新着記事つながりで、固定ページのフロントページで最新記事を横並び表示にする方法も書きました。

【Cocoon】ショートコードで新着記事を横並び表示にするフロントページカスタマイズ

wakuwaku-keigo.com

2022.05.17

質問などあれば、記事下のコメント欄までお願いします。

コピペもいいですが、ブログを自分好みにカスタマイズして個性を出したいなら、HTMLやCSSの知識は最低限必要ですよ。

将来調べる時間を少なくするためにも、自己投資と思って一冊ぐらいは手元に置いておきましょうね。

デザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版]

posted with カエレバ

千貫 りこ 技術評論社 2017-05-26

Amazonで探す

楽天市場で探す

Yahooショッピングで探す

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

この記事は、

というあなた向けの記事です。

ブログのWordPressテーマを変更するのが初めてだと、テンプレートを変更するのは不安たっぷりですよね。

僕もそうでした。
そして、見事に撃沈（笑）

その理由は、注意力不足と事前準備をしていなかったからです。

WordPressテーマ変更手順まとめ！注意点・エラー対処法・事前準備・プラグインのテスト方法

wakuwaku-keigo.com

2019.07.23

ワードプレスの変更のリスクとしてよく聞くのは、

• ブログのアクセス数が減少
• SEOに悪影響
• カスタマイズしていたデザインが崩れる

といったところでしょうか？

ご安心ください。

僕が人柱となって、実際にワードプレステーマを変更した体験談をベースに、あなたの不安点・リスクに一問一答していきます！

あなたの不安を解消してWordPressテーマを変更できるようになりますように。

僕がSEOやアクセスなどのリスクを承知でワードプレステーマを変更したかった理由とは？

僕はもともと、無料ワードプレステーマのSimplicity2を利用していました。

Simplicity2をおしゃれにカスタマイズしていたので満足していた僕。

Simplicity2のカスタマイズ初心者へ！必ず読みたい厳選5記事

wakuwaku-keigo.com

2018.08.08

コピペで簡単！Simplicity2のおしゃれなカスタマイズ記事まとめ

wakuwaku-keigo.com

2018.11.01

しかし、ある日とあるツイートを見て発狂することになります。

無料WordPressテーマ「Cocoon（コクーン）」を公開しました https://t.co/YLIHygiTac pic.twitter.com/cUhrR4RIfk

— わいひら@寝ログ (@MrYhira) March 19, 2018

そんなこんなで1ヶ月半ほどもんもんしてましたが、Simplicity2の後継WordPressテーマのCocoonの機能が最高すぎたので、ブログテンプレートを変更したって経緯でした。

しかし、大きな誤算が！！

Simplicity2をがっつりカスタマイズしていたので、おしゃれなデザインにしていたブログが

▼（変更前）Simplicity2▼

こうなった…

▼（変更後）Cocoon▼

Simplicity2をあんなに頑張って、カスタマイズに時間をかけておしゃれにしたのに…

台無しやんけ！！

当時は、なぜWordPressテーマを変更する前にテストをしなかったのか、激しく後悔しましたねorz

僕はブログがおしゃれじゃないと、ブログを書くモチベーションが著しく落ちてしまうので、カスタマイズをしてデザインを整えました。

▼こんな感じにね▼

Cocoonにして、すぐに満足できるブログに戻せたので一件落着。

やはりワードプレステーマを変更するのは、それなりのリスクがあります。

デザインが崩れるだけなら、HTMLやCSSをカスタマイズすればいいだけですが、SEOに悪影響が出てアクセス数が減少する可能性もあるんです。

ワードプレステーマを変更してアクセス数が減少するのは内部SEOが原因！？

ブログのテーマを変更するとSEOに影響はある！デメリット以上にメリットはある？

ワードプレステーマを変更して、

• アクセス数が落ちる
• SEOに不利

と言われる理由はなんなのでしょうか？

そもそも、ワードプレステーマを変更しただけで、アクセス数が急激に上がることはありません。

まぁ、テンプレートのデザインによってブログの回遊率が上がったりはするかもしれませんけどね。

反対に、ブログのテーマを変更すると、少なからずSEOやアクセス数には影響が出ます。

テーマによっては、hタグの使い方が違ってたりもするし…

かなりのアクセスがあるメインブログは、テーマ変更で検索順位に大きな影響を受けてしまう可能性があるので、不用意にWPテーマを変更しない方が良いでしょう。

ただし、そのデメリット以上にテーマ変更のメリットがあるなら別！

今のあなたのブログが、以下のような状況ならテーマを変更すべきです。

変更によってもしアクセス数が落ちても、現状のワードプレステーマがSEO最適化がしていれば徐々に上がります。

アクセスが減少する原因はワードプレステーマによって内部SEOの対策がしっかりされていないから

SEOやアクセス数に影響がある理由は、はっきりとはわかりませんが一般的に内部SEOが原因していると言われています。

わからない人のために簡単に補足しておくと、SEOとは”Search Engine Optimization” の略で検索結果の順位をあげる対策のことです。

SEO対策（検索エンジン最適化）は大きく分けて2つ。

1. 内部SEO対策
2. 外部SEO対策

内部SEOとは、サイトの内部構造や、htmlタグのソースを検索エンジン用に最適化する作業のこと。

内部SEOは200以上の要素があると言われており、全てを説明しきるのは難しいです。

なので、内部SEO対策の一つにワードプレステーマの構造も影響しているという理解だけしておきましょう。

ちなみに、外部SEOでわかりやすいのは、外部リンクですね。

まとめると、

お分かりでしょう？

ワードプレステーマを変更するなら、こういったリスクを避けるためには、信頼できるブログテンプレートを選ぶことが重要なんです。

僕が変更したCocoonは、内部SEO対策もしっかりしているので安心できます。

アクセス数が半減したり、検索上位に表示されていた記事が、テーマ変更で圏外になることもあるので、その場合はすぐにワードプレステーマを戻しましょう。

テーマを戻すと、徐々にアクセス数が増えてくるはずです。

とはいえ、ワードプレステンプレートを変更するのは不安でしょう。

なので、実際に僕がSimplicity2からCocoonにブログテーマを変更してどうだったかを、次章から一問一答形式でリスクに回答していきます。

ワードプレステーマを変更してSEOやアクセスは大丈夫？あなたの不安点（リスク）に一問一答

ざっくり思いつくままですが、あなたがワードプレステーマの変更で考えてる不安に回答していきますね！

【画面真っ白になる不安】WordPressテーマの変更リスク・デメリット

ブログが真っ白になったり表示しなくなったりしない？

Simplicity→Cocoonでは大丈夫でした。

というより、きちんと説明書や解説書に沿って設定したら、まず間違いなくそんなことは起こらないはずです！

もしそうなってしまっても、作者やWordPressテーマ販売元に連絡したら対応してくれるはずです！

WordPressテーマとPHPの相性が悪くてエラーが出たりしない？

Simplicity→Cocoonでは問題ありませんでした。

古いWordPressテーマを利用するとあるみたい。

利用しているサーバーのPHPバージョンが最新で、WordPressテーマを使うときは注意。

【デザイン崩れの不安】WordPressテーマの変更リスク・デメリット

デザインが崩れたりしない？

Simplicity→Cocoonではデザインが崩れました。

いやーこれは焦りましたね。

WordPressテーマの変更直後は、

と検索しちゃったほどです（汗）

ただ、こちらについては僕の事例のとおり、Cocoonのカスタマイズは簡単なので、少しいじれば戻すことができます。

後述しますが、面倒なカスタマイズ時間を短縮するためにも、ワードプレスの変更前に、Simplicity2時代の設定内容・CSSを控えておくことをオススメします！

さらに、不安なあなたには嬉しいことに、最悪デザインが崩れても、Cocoon→Simplicity→CocoonというようにWordPressテーマを戻すこともできます。

前のブログのデザインとほぼ同じ見た目にしたいんだけど？

Simplicity→Cocoonでは無理でした。

かなりCSSをカスタマイズしたりするとできるかもしれませんが、基本的にはできません。

ただ、僕はブログのデザインを変えようと思っていたので、問題はありませんでした。

中には、「前のイメージを再現したい！」という方もいるかもしれません。

ブログデザインが変わると読者さんがびっくりしますもんね。

ただ、WordPressテーマによってはできるものがあるようですが、基本的に新しいテンプレートに合わせるべきです。

テンプレートはある程度カタチが決まったものなので、無理に合わせるとそもそも時間がかかるし、新たな不具合発生に繋がります。

なので、僕がオススメしたいことは、これらを前のWordPressテーマと統一させることです。

これだけで、前のブログのイメージを引き継げると思うのでぜひお試しあれ。

【SEOの不安】WordPressテーマの変更リスク・デメリット

SEOに悪影響が出て記事のアクセス数が落ちたりしない？

Simplicity→Cocoonでは問題ありませんでした。

WordPressテーマの変更で、アクセス数が落ちたら本末転倒。

ブログ収益にも直結するので、絶対避けたいところですよね。

Cocoonへの変更ではなんともありませんでしたが、WordPressテーマの変更とSEOは関係ないとは言えないようです。

WordPressテーマが、きちんと内部SEO対策されたものかどうか、評判など十分に調べてから変更するようにしましょう。

CocoonはもちろんSEO対策もバッチリです！

【データ削除の不安】WordPressテーマの変更リスク・デメリット

今まで書いたブログ記事が消えたりしない？

Simplicity→Cocoonでは問題ありませんでした。

というより、全部消えたら多分ブログ辞めてます（笑）

WordPressテーマとブログ記事は管理している場所が違うので、変更によって記事が消えることはありません！

ご安心を！

これまでにアップロードした画像が消えたりしない？

Simplicity→Cocoonでは問題ありませんでした。

アップロードした画像が消えたら、記事の書き直しが必要になるので、絶対避けたい不安要素ですよね。

でも、それはないのでご安心ください。

【設定リセットの不安】WordPressテーマの変更リスク・デメリット

各記事のAMP設定や装飾は消えたりしない？

Simplicity→Cocoonでは問題ありませんでした。

CocoonにはSimplicity2の引き継ぎ機能があります！

2018年5月現在、以下の機能が引き継げます！

• SEO設定（メタディスクリプション等）
• 広告設定（広告の除外）
• AMP設定（AMP表示しない）
• ページ設定

実はCocoon公開当時は、メタディスクリプションの引き継ぎなどはできなかったのですが、作者が引き継げるように変更してくれました。感謝しかないですね。

各記事の装飾は「テキストモード」を見ると、タグで書き込まれていますよね？

ワードプレステーマ変更とテキストタグは無関係なので、書き換えられることはないので、同じく消えないんです。

ただし、WordPressテーマ独自のショートコード[●●]を使っていたら、装飾が消えちゃう危険性はあります。

有名なのはSTORK（ストーク）のショートコード。

僕は試していないので絶対とは言えませんが、テーマ独自のおしゃれなショートコードはWordPressテーマの変更で使えなくなるし、反映されていないでしょう。

サイドメニューの設定やウィジェットの広告は消えたりしない？

Simplicity→Cocoonでは一部ウィジェットが停止しました。

というのも、CocoonにはSimplicity2の引き継ぎができますが、全てが引き継げるわけではないからです。

僕はほとんど問題ありませんでしたが、Simplicity時代に設定したウィジェットが一部停止になりました

一部の広告やWordPress Popular Posts で人気記事ランキングなどを設定していたら、消えちゃったりしてますね。

だから、ウィジェットの見直しは必須だと思います。

Simplicity2からCocoonへ変更！最初にしたい10の初期設定作業を参考に修正してみてください。

各記事の被リンクがなくなったりしない？

Simplicity→Cocoonでは問題ありませんでした。

被リンクは、URLが関係しているためワードプレスのテンプレートとは無関係です。

ただし、WordPressテーマの移行後にパーマリンクを変更したら、被リンクがなくなっちゃいますよ！

パーマリンクはSEOに関係しているので、ブログ記事を公開したら絶対変えないように！

アクセス数が0になっちゃうよ！

【プラグインの不安】WordPressテーマの変更リスク・デメリット

ダウンロードしたプラグインが消えたりしない？

Simplicity→Cocoonでは問題ありませんでした。

プラグインは消えたりしないし、停止になったりもしませんでした。

しかし、WordPressテーマによってはプラグインが停止状態になるという噂も聞きます。

もし、停止してしまってもプラグインは消えたりしないので、必要なプラグインを有効化しましょうね。

WordPressテーマとプラグインの相性が悪くてエラーが出たりしない？

Simplicity→Cocoonではプラグインのエラーが出ました。

僕が現在発見したエラーが出るプラグインは以下の２つ。

• Table of Contents Plus
• TinyMCE Advanced

Table of Contents Plusは目次を出すプラグインですね。

Simplicity2からCocoonへ変更！最初にしたい10の初期設定作業に書きましたが、Cocoonに変更すると目次がダブります。

上記URL記事を見て修正してみてください。

TinyMCE Advancedは、ワードプレスのビジュアルエディタの拡張プラグインですね！

▼Cocoonに変更したらこんな感じになりました。

一見問題なさそうですが、Cocoonのめっちゃ便利な機能のスタイルドロップダウンリストがないんです！

▼プラグインを削除したら出た！

「便利なプラグイン」と「便利なWordPressテーマの機能」がケンカしちゃった例ですね。

（2018年5月12日追記）
わいひらさんに質問したところ、エラーではなく別の場所に表示されていることが判明しました！

他にもあるかもですが、今のところはありません。

【新テーマ利用の不安】WordPressテーマの変更リスク・デメリット

新しいWordPressテーマをちゃんと使いこなせるかな？

・・・これは頑張れとしか言えないですね（笑）

ただ、基本的にWordPressテーマはどれも使いやすいように、製作者の方が考えてくださってるので、不安になる必要はないと思いますよ！

HTMLやCSSの知識がないブログ初心者の僕でも、思いどおりにCocoonをカスタマイズできています！

Cocoonは公式デモサイトが充実してるので、行いたいカスタマイズがあれば検索してみください↓

Cocoon

SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。

wp-cocoon.com

WordPressテーマ変更手順まとめ！注意点・エラー対処法・事前準備・プラグインのテスト方法

wakuwaku-keigo.com

2019.07.23

まとめ：SEOやアクセス数が下がるリスクを理解した上で準備をしてワードプレステーマは変更しよう

ここまで読んでいただいたらわかるとおり、ワードプレステーマを変更するときに大切なことは、以下の3つ。

Cocoonに変更した時のリスクは、ご覧のとおりです。

この記事では、SEOのリスクやテーマ変更のデメリットばかり話してきましたが、実際僕はテーマを変更してからアクセス数が爆上げしました！

ブログの表示速度も上がったので、個人的には大満足です。

不安な気持ちもわかりますが、今より一歩先に進むにはブログテンプレートを変更に挑戦してみてください。

僕は、無料ワードプレステーマを現在は利用していますが、ゆくゆくは有料WordPressテーマを利用したいと思っています。

▼気になる有料ワードプレステーマを以下の記事で比較したので、よければご覧ください。

【特典付】WordPressテーマ ELEPHANT3レビュー！他のテーマと比較検証したよ

wakuwaku-keigo.com

2019.04.18

改めてこんにちは。3度目のpolcaに挑戦することにしたはまちゃん（@wakuwakukeigo）です。

何を隠そう、記事を書いている今日は僕の誕生日です。

「おめでとう！」の連絡をくださった方ありがとうございます！！
めっちゃ嬉しかったです！

そう・・・誕生日祝いにpolca（ポルカ）でご支援してくださ〜い！

polcaで支援する

でも、今回のpolca（ポルカ）は、僕の誕生日というより

1ヶ月後の彼女の誕生日にサプライズでUSJ（ユニバーサルスタジオジャパン）に連れて行ってあげたいんです！

ということで・・・誕生日祝いにpolca（ポルカ）で投げ銭してくださ〜い！（2回目）

polcaで支援する

CAMPFIRE, Inc.

「一人でも多く一円でも多く、想いとお金がめぐる世界をつくる。」株式会社CAMPFIREのコーポレートサイトです。会社概要、ミッション、経営体制、ニュース、採用などの情報をご覧いただけます。

campfire.co.jp

いやいや、彼女の誕生日は自分で頑張って働いて祝ってあげーや。

ごもっとも！
polcaおじさんでもこう言いそうな企画だなぁと自分でも思ってます。

でも、この誕生日ポルカを企画しようと思った理由があるので、ちょっと聞いてってくださいよ。

もちろん、募金感覚で投げ銭してもらうのではなく、クラウドファンディング級のpolcaのリターン（お返し）をご用意しています！

ブロガーだけでなく、一般人でももらって嬉しいpolca（ポルカ）のリターンをてんこ盛りです。

それだけでもちょっと見て行ってよ？

polca（ポルカ）で彼女の誕生日費用を投げ銭募集をしようと思った理由

polca（ポルカ）をしようと思ったのは、ちょっとした理由があるので聞いてくれますか？

勘違いされるとちょっと嫌なので先に言っときますが、彼女の誕生日を祝う費用をケチってる訳ではないんですよ。

誕生日プレゼントは「カバンがほしい」とかなんとか言っていたので、それをプレゼントする予定です。

予定では、Kate spadeのカバン。

ま、まぁ、これはいいとしよう（汗）

だから、カバンを買ってちょっといいところに食事をして、誕生日は終えるはずだったっ！

はずだったんだけど、最近こんなことがありました。

〜〜　とある休日　〜〜

僕らはいつものように夕食を終え、彼女が1人テレビを見ていたんだ。

するとテレビ番組が、こんな放送があった。

「2018年秋のUSJ特集」

テレビ

USJが今年はさらにパワーアップ！
この秋家族で行きましょう！

彼女

・・・！！

テレビ

ハロウィンはもちろん、今年はミニオンのアトラクションが・・・

彼女

ほぅほぅ。へぇーー！　すごっ｡:+.゜

なにやら、リビングの方が騒がしいな。

ジャーーー（お皿洗ってる音）

はまちゃん

・・・・（皿洗いに真剣）

彼女

ねーねー！　ちょっといい？

はまちゃん

ん〜？　どうしたん？

キュッ、キュッ！　ちょうど皿洗いがすんだ僕は、蛇口の水を止めた。

事情もわからずリビングに向かうと、開口一番とある言葉を口にした。

彼女

今年の私の誕生日はUSJに行きたい！

何事か！？　と思ったがすぐに謎は解けた。なるほど、テレビでUSJ特集してやがる。

しかし、今年は4万〜5万円以上もするカバンを買おうと決めている。

その上、島根〜大阪の交通費+USJチケット代+ホテル代だと？

無理じゃボケー……とは言えないが、カバンの話をここで出してもちょっとな。

さて、どうするべきか……‼︎　良いこと思いついたぞ。

はまちゃん

今年は島根の移住してきて、引っ越し代や家具・家電を買ってカツカツやから近くのご飯屋さんに行くだけにしてもいい？

完璧だ……‼︎（このあえて嘘つく感じ男ならわかるよね？）

これで当日、カバンを渡してちょっといいレストランを予約したら十分サプライズになるだろう。

ところがどっこい。

彼女

えっ？　そんなに……お金……ピンチなの？

引かれたーーーwww

彼女

まぁ、それなら仕方な……チラッ

テレビ

今年のハロウィンホラーナイトは、シックで美しい『大人ハロウィーン』が開催されてまーーす＼(^o^)／
アイドル「きゃー！　怖楽しい〜＼(^o^)／」

うるせぇんだよテレビめっ！！

彼女

・・・・・

はまちゃん

・・・・・（汗）

・

・

・

・

彼女

じゃあUSJは諦めるね。

はまちゃん

お、おう……

テレビ

さらに今年はなんとーホラーエリアが〜〜＼(^o^)／

彼女

ブチッ（テレビ切った音）

〜〜　回想終わり　〜〜

という状況なので、この度polca（ポルカ）で投げ銭を募集したわけです、はい。

なんかすいません。

でもこんな状況だったら、男としては何かしなきゃなと思ったんですよ。

でも、今年7月に島根に移住して、引っ越し代やら家電やらでめっちゃ飛んでったんですよね。

ということで、僕がカッコつけたいという理由でpolcaで募集することにしました！

polcaで支援する

【投げ銭してくれ】誕生日polca(ポルカ)で募集する目標金額は８万円超！

さて、今回ポルカで募集したい内容とリターン（お返し）について、説明して行きますね。

お分かりのとおり、島根〜USJまでの交通費・ホテル代・チケット代をポルカで募りたいと思います。

今調べてみると、2人分の総額料金は80746円。

▼以下がその内訳

1. 交通費：9820円×4（特急やくも・新幹線利用）
2. ホテル代：26666円（オフィシャルホテルを検討中）
3. チケット代：7400円×2（1デイ・スタジオ・パス）

いや〜、こんな目標金額、普通にやったら絶対集まらないのは目に見えてますね。

ということで、色々とポルカのリターンを用意しました。

【投げ銭してくれ】誕生日polca(ポルカ)のリターン（お返し）は全9種類！

polca（ポルカ）は、知名度を上げてきたとはいえ、ブロガーなど情報感度が高い人が利用している印象を持っています。

しかし、「ブロガー以外からも支援をもらわないと達成なんて無理やな」と思うので、ブロガーが嬉しいリターンと誰でも嬉しいリターンの2種類を用意しました！

ブロガーが嬉しいpolca（ポルカ）のリターン内容

①5万PVのブログでインタビュー記事を作成（抽選1名）

polcaで支援してくださった方と抽選1名で、僕のブログでインタビュー記事を書きます！

実は、ライターとしても活動していて、インタビューはちょくちょくしています。

最近は、『タノクラ』というクローズドメディアでも記事を書いていますし、ブログの中でも南紀じかインタビュー記事を書いてきました。

ブロガーのあなたにとっては、フォロワー増加やPVアップの効果があるかもですよ。

一応、このブログは5万PV以上はあるので^^

▼最近書いた記事

はまちゃん @wakuwakukeigo がインタビューして記事を書いてくれました！！
島根移住したらはまちゃんなので移住についてがトピックです。

はまちゃん、連絡もマメで、インタビューも丁寧にしてくれて、記事を書いてくれてありがとう✨😭https://t.co/6VgCGZxJtm

— Megumi-Hawaii/世界でデジタルノマド (@MeginHawaii) 2018年9月28日

https://wakuwaku-keigo.com/kaigaiiju-kodure/

はまちゃん（@wakuwakukeigo）との対談後、マスオ系アカウントからのフォロワーが続出している！！！ｗｗｗ　カモン！！！https://t.co/26JjbrbnhA pic.twitter.com/5kpnmCKk9t

— にゃも@台湾住み🇹🇼海外に出る人全力応援📣 (@Shohei192) 2018年7月13日

https://wakuwaku-keigo.com/kaigai-giryoshin-dokyo/

②polca（ポルカ）後のnote or ブログ内で支援者全員のブログを紹介

今回の企画が終了したら、後日noteもしくはブログで記事を書きます。

その記事内で、支援者のブログを紹介させていただきます。

polcaで支援する

誰でも嬉しいポルカのリターン内容（島根の特産品・お土産・銘菓）

こだわったのがこっちのリターン。

今回のpolcaのリターンは、せっかくなら僕らが嬉しいだけじゃなく島根に興味を持ってもらえるような企画にしようと思いました。

というのも、島根にきて地方創生や地域活性化に関わりたいと思って活動してるんですが、あまりできてる気がしないんですよね。

だから、わかりやすい形で島根をPRすることにしました！

はまちゃん

ということで、島根の名産や有名なお土産をどどーんと7種類のプレゼントを用意するで〜

③polcaで1万円達成→バラパンをリターン

1万円達成したら、バラパンをリターンします！

バラパンって知ってますか？

島根のご当地パンなんですが、なんと60年以上のロングセラーの商品です。

以前、マツコデラックスさんの番組でも紹介されました！

nami on Instagram: ". 出たバラパン🍞 . マツコのつぶして食べる食べ方 初めて見た（笑） . 私は伸ばしながら ちぎって食べる派です🤗 . 白バラコーヒーも美味しいよ！！ . #バラパン #なんぽうパン #白バラコーヒー #毎朝白バラ牛乳飲んでます #実は島根県出雲市出身です #出雲弁はもう喋れないけど #鳥取県と島根県仲悪くないよ #何気に作り方見れてうれしかった #手作業なのね #これからはありがたくいただきます #明日買ってこよう #すぐに影響される #マツコの知らない世界"

61 likes, 26 comments - nami__10969 on November 21, 2017: ". 出たバラパン🍞 . マツコのつぶして食べる食べ方 初めて見た（笑） . 私は伸ばしながら ちぎって食べる派です🤗 . 白バラコーヒーも美味しいよ！！ . #バラパン #なんぽうパン #白バラコーヒ

www.instagram.com

④polcaで2万円達成→木次パスチャライズ牛乳をリターン

View this post on Instagram

. . . . . . . . . . . ここの牛さんは、たんぱく質や脂肪を 食べていないから普通の牛乳と全然違う . . . . . . . . . . . . . . . #japan #shiga #coffeeworksplus #milk #coffeestand #trip #instagram #instafashion #instagood #instalike #instantcamera #滋賀 #島根 #カフェ #こだわり #木次 #木次乳業 #木次牛乳 #パスチャライズ牛乳 #観光 #旅行 #フォトジェニック #旅行好きな人と繋がりたい #お洒落さんと繋がりたい #おしゃれさんと繋がりたい #服好きな人と繋がりたい #写真好きな人と繋がりたい

A post shared by @ 8tori_____ on Oct 4, 2018 at 5:05pm PDT

2万円達成で木次パスチャライズ牛乳をプレゼント〜

木次パスチャライズ牛乳は、おいしい牛乳として有名で日本初の低温殺菌牛乳です！

芸能人にも人気なようです。（彼女談）

木次 パスチャライズ牛乳 1000ｍｌ

posted with カエレバ

木次

Amazon

楽天市場

Yahooショッピング

⑤polcaで3万円達成→どじょうすくいまんじゅうをリターン

出典　なかうら

島根のお土産で1・2位を争う人気の商品！

どじょう掬いまんじゅうです。

Instagram

www.instagram.com

このまんじゅう可愛いでしょ〜？

どじょうすくいは、島根県安来市の安来節をモチーフに作られた銘菓です。

山陰を代表するお土産として、購入する人が多いんですよ。

どじょう掬いまんじゅう　12個入り

posted with カエレバ

中浦食品

Amazon

楽天市場

Yahooショッピング

⑥polcaで4万円達成→寿製菓 因幡の白うさぎをリターン

どじょうすくいまんじゅうと並んで人気なお菓子が、この因幡の白うさぎです。

上品な甘さの黄身餡を大山バターを使用した生地で包んだ、これまた山陰に愛されるお土産。

神話「因幡の白うさぎ」をモチーフに作られたお菓子なんですよ。

自信を持ってオススメしたい商品の1つです！

寿製菓 因幡の白うさぎ (8ヶ入)

posted with カエレバ

寿製菓株式会社

Amazon

楽天市場

Yahooショッピング

⑦polcaで5万円達成→鷹の爪団の島根・鳥取コラボ自虐カレンダーをリターン

出典　鷹の爪

キリよく5万円のポルカ達成で鷹の爪団の島根・鳥取コラボ自虐カレンダー2019をプレゼント！

毎年発売されてるんですが、これがまたオモロイんですww

元々は島根だけだったのに、鳥取も自虐のターゲットになったんですね（笑）

鷹の爪団の島根・鳥取コラボ自虐カレンダー 昭和九十四年版 壁掛け版（2019年）

posted with カエレバ

株式会社ディー・エル・イー

Amazon

楽天市場

Yahooショッピング

⑧polcaで6万円達成→島根わいんMARIEをリターン

Instagram

www.instagram.com

島根の出雲大社に行ったついでに、近くにある島根ワイナリーに行ったことがある人も多いでしょう。

そこで僕がオススメしたい「島根わいんMARIE」をリターンで用意しました。

「島根わいんMARIE」はスイートワインなので、かなり甘いです。

ワイン好きからしたら邪道かもですが、僕のようにめちゃくちゃ酒が弱い人でも美味しく飲めて、女性にかなり人気のワインです。

島根わいんMARIE　2本組ギフトセット（SW-K4)

posted with カエレバ

島根ワイナリー

Amazon

楽天市場

Yahooショッピング

⑨polcaで80746円達成→島根和牛約1万円分をリターン

ラストォォ！！
無事にpolcaで目標金額が達成できたら、島根和牛を約1万円分をお送りしまーす！！

島根和牛は、マジで美味いのでもし島根に来たらぜひ食べてほしいです！

僕も最近食べたんですが、柔らか過ぎてビビりました・・・

ぜひこれは味わってほしい！！

polcaで支援する

誕生日を祝いたいのでpolca（ポルカ）のご支援お願いします

ここまで読んでくださってありがとうございます。

お分かりのように、もう誕生日のポルカというより、個人でやってるふるさと納税や懸賞・プレゼントキャンペーンみたいになっちゃいましたね。笑

リターンが盛り沢山過ぎたので、最後にまとめておきます。

我ながら、リターンを用意し過ぎたと思っています。笑

でも、思いついちゃったので、ちょっとでも島根を知ってもらえるきっかけになればと思うので、誕生日polcaを企画しました。

こんなことを考えてるあなたは、ぜひpolcaにご支援をくださいね。

何卒、何卒、何卒〜よろしくお願いします！！

polcaで支援する

CAMPFIRE, Inc.

「一人でも多く一円でも多く、想いとお金がめぐる世界をつくる。」株式会社CAMPFIREのコーポレートサイトです。会社概要、ミッション、経営体制、ニュース、採用などの情報をご覧いただけます。

campfire.co.jp

こう言い放ちWordPressテーマ界に殴り込みをかけたCocoon（コクーン）。

ブロガーにとっても衝撃で、無料のワードプレステーマとしては圧倒的な存在感を示しました。

もちろん、僕も機能とデザインに惚れ込み、これまで使っていたSimplicity2からCocoonへ移行しました。

さらに、Cocoonをおしゃれにカスタマイズして、かっこいいブログに仕上げてCocoonライフを過ごしていました。

だがしかし！

上記の記事を公開してからたくさんの方々に読まれ、いただいた通知の数々。

中でも、「トップページを固定ページにするやり方教えろや！ボケがぁ！！」という問い合わせがかなりありました。

カスタマイズ方法の質問を受けるのですが、ブログ初心者の僕がCocoon（コクーン）のトップページを個性を出すために、様々な試行錯誤があって今にいたっています。

でも、問い合わせを頂ける方からの感謝の声に応えるためにも、泣く泣く固定ページでCocoonのトップページの作り方を公開することにしました(他のWordPressテーマでも流用可)。

しかも、丸パクリできるように自作したCSSコピペOKのテンプレート付。

はっきり言って、真似するだけで「ブログのトップページは新着記事が並ぶ」という常識があるブロガー界で、一味違う個性あるブログが作れるでしょう！

ここまでするんだ…！

良い記事だったら、はてブとシェアしてくださいね(-人-)

記事を参考にWordPress「Cocoon」のブログトップページを固定ページで作るメリット

Cocoonのトップページをブログ型からサイト型へデザインを一新できる

最初に、この記事でマネできるCocoon（コクーン）のトップページ（固定ページ）を見せておきましょう。

変更前のCocoonのトップページデザインはコレでした。

（Before）

このCocoonのカスタマイズ方法は、WordPressテーマ「Cocoon」カスタマイズ攻略！CSSコピペでおしゃれにするまとめで紹介しています。

WordPressテーマ「Cocoon」カスタマイズまとめ！初心者でもCSSコピペでおしゃれに

wakuwaku-keigo.com

2022.05.17

そして・・・・

この記事で紹介する固定ページで作ったCocoonのトップページがコレだっ！！

（After）

ご覧のように、このCocoonのトップページデザインのキモは、カテゴリごとに新着記事を表示するようにした点。

つまり、一般的な新着記事順のトップページをやめたということです。

僕個人としては、ブログ型からサイト型に変更したという認識です。

ブログのトップページを固定ページで作ればアクセスアップできる（かも）

僕がブログのトップページを変えようと思った理由は2つ。

1. ワードプレステーマ「Cocoon」で個性を出したかっこいいデザインにしたかったから
2. 「最新記事順のブログは読者からすると見にくいのでは？」という不安があったから

ブログ歴8ヶ月程度のブログ初心者の僕ですが、ブロガーになってたくさんのブログを見てきました。

そこで気づきましたが、最新記事順って読者目線で見るとわかりにくくないですか？

僕の場合だと、婿養子の記事→移住の記事→ブログ運営の記事→WordPressの記事…というように、記事ネタがバラバラで思いついた順番で記事を書いていました。

これを読むあなたはどうですか？

ブロガーは好き勝手な順番で記事を書いていくので、読者からすると、

このブログって、何のブログだ？

と思われてしまっているかもしれません！

という仮説があって、トップページを固定ページを使って改造できないか考え始めました。

そして・・・・

NAE（@naenotenet）さんの記事にたどり着きました。

ブログのトップページを作ったので、作り方から実測効果まで全部紹介

ブログトップページを作りました。コンセプト、コンテンツ設計の考え方、実際の作り方や使ったプラグイン、作成前後での数値変化などをまとめました。

bloglab.naenote.net

要約すると、トップページをリニューアルすると、

• 平均ページ滞在時間
• 直帰率
• 離脱率

のデータが改善してアクセスが増えたって話。

トップページをリニューアルするだけですげぇ効果！

でも、アクセスアップ以上に僕がCocoonをリニューアルする決め手になったのが、記事内のNAEさんのこの言葉に共感したからでした。

ちなみに、およそ月10万PVの当ブログにおけるトップページへのアクセス数はおよそ月2000PVです。

たった2%のためにトップページを作り込む必要があるか？　と言われるとぐうの音も出ません。

しかしその2%は、ブログそのものが主役であるトップページにまでわざわざ来ていただいた「大事なお客様」であることを忘れてはいけないと思うんです。

まだ、Cocoonをリニューアルして間もないのでデータがないですが、トップページの変更した効果検証も今後、データでお見せできるようにしていきますね。

（追記）

アクセス数含めて、トップページを変更してから数字が軒並み改善しました。

ただ、当記事を書いたことでトップページを見る人が爆増したこともあるので一概には言えませんが(^_^;)

WordPressテーマ「Cocoon」なら簡単！ブログトップページを固定ページでサイト型にする作り方

それでは、Cocoon（コクーン）で、ブログトップページ（フロントページ）を作る方法を説明していきますね。

具体的な作り方は、以下の5ステップ。

1. トップページのコンテンツ設計
2. 固定ページの作成方法の決定
3. 固定ページの作成
4. 固定ページ・サイドバーのデザイン調整
5. 固定ページをトップページ化

【WordPress「Cocoon」カスタマイズ】（１）トップページのコンテンツ設計

まずは、トップページをどんなコンテンツ設計にするのかを考えましょう。

考えるべきは、たった2つ。

• コンテンツ：ブログのトップページにどんな内容を表示させたいか？
• デザイン：考えたコンテンツのレイアウトやデザインをどうするか？

簡易ワイヤーフレームを考えるイメージです。

▼ワイヤーフレームのイメージ

難しく考えず、Cocoonの新着記事一覧の部分に、どんな固定ページを作りたいかを考えてみましょう。

①コンテンツ：ブログのトップページにどんな内容を表示させたいか？

ブログ読者によって、最適解は変わると思いますが、代表的なものはこんなところでしょう。

1. コンセプト：どんな目的で運営しているブログなのか？
2. 運営者情報：どこの誰がブログを書いているのか？
3. お知らせ：最新記事やおすすめ記事、人気記事10選などは何か？
4. 発信内容：どんなカテゴリで何を発信しているのか？
5. サービス内容：どんなサービスを提供しているのか？
6. SNS・フォロー：ブログのフォローはどうすればいいのか？

Cocoonには、

• アピールエリア
• 通知エリア
• カルーセル

などの機能もあります。

それぞれをうまく使って、あなたのブログ読者にとってわかりやすいコンテンツが表示させるようにしてあげてください。

難しければ、僕と同じようにカテゴリ別の最新記事を表示させればいい感じになりますよ。

後ほど、コピペできるCSSも公開しますね。

②デザイン：考えたコンテンツのレイアウトやデザインをどうするか？

ぶっちゃけ、HTMLやCSSの知識があれば、ランディングページのようなおしゃれでイカすトップページもできるでしょう。

でも、残念ながら僕はその知識は皆無。

な〜んもわっかりまっせ〜ん(￣▽￣)w

なので、デザインをこだわれる人は勝手に頑張ってください。

HTML・CSS知識が０の方は、後ほど紹介する僕のトップページデザインを参考にしてくださいね。

デザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版]

posted with カエレバ

千貫 りこ 技術評論社 2017-05-26

Amazonで探す

楽天市場で探す

Yahooショッピングで探す

【WordPress「Cocoon」カスタマイズ】（２）固定ページの作り方の決定

作成したいトップページのコンテンツとデザインが決まったら、固定ページの作成方法を考えましょう。

僕が調べた限り2つのブログトップページの作り方があります。

本命は作り方②です。

作り方①：プラグイン「Page Builder by SiteOrigin」で固定ページを作る

2カラムや3カラムで綺麗なトップページを作ろうとすると、HTMLやCSS、JavaScriptといったプログラミングの知識が必要になってきます。

それって大変ですよね？

そんな時に使える便利なプラグインがPage Builder by SiteOrigin。

サイト Page Builder by SiteOrigin — WordPress プラグイン

簡単にカラムを作れる独自のエディタが使えるようになりますよ↓

WordPressを普段触ってるブロガーなら、感覚的に使い方をマスターできると思います。

でも、慣れるまでは大変です…

僕も最初は、このプラグインを使ってトップページを作成してましたが、

と思い直して、途中でやめました。

Cocoon以外のワードプレステーマを使ってたり、めちゃくちゃおしゃれなトップページを目指したいなら、Page Builder by SiteOriginで作成されるといいと思います。

プラグイン「Page Builder by SiteOrigin」の使い方はこちらを参照ください。

「Page Builder by SiteOrigin」の使い方

前回WordPressの記事やページの更新を劇的に手軽に、かつ直観的にさせてくれる「Page Builder by SiteOrigin」というプラグインを紹介させていただきました。 今回はその使い方をサンプルとデモを交えながら詳しく紹介させていただきます。

glitter-style.jp

作り方②：Cocoon（コクーン）の標準機能で固定ページを作る

本命はこっち！

Cocoonはありがたいことに、無料テーマだとありえないぐらい高性能なので、標準機能で十分トップページ作れるんですよね。

先ほどのプラグインのように、新たな作業は覚えなくてOK！

しかもHTMLとCSSのコピペで完成しちゃいます！

【WordPress「Cocoon」カスタマイズ】（３）固定ページの作り方

さて、ここまで固定ページの新規作成ボタンを押しただけで、特に何もしていないと思います。

ここからはWordPressの標準機能を使って固定ページをがっつり作っていきます！

僕はめちゃくちゃ大変で3日ぐらい、「あーでもない、こーでもない」と言いながら、ブログのトップページをカスタマイズしてテンプレート化しました。

でも、この記事を読むあなたはラッキーです。

僕の3日かけた努力の結晶を全てコピペできるんですから！！

それでは、固定ページの作り方をご説明していきますね。

①固定ページを新規作成する

ワードプレスのダッシュボードから、「固定ページ」＞「新規作成」をクリックします。

タイトルはなんでもいいです。

この記事ではわかりやすく『【Cocoonトップページ】固定ページテンプレ』としておきましょう。

パーマリンクの設定は関係ないので必要ありません。

②テキストエディタにHTMLをコピペしよう

固定ページの入力画面をビジュアルからテキストエディタにしてください。

そして、新規ページに下記のHTMLコード（自作した固定ページのテンプレート）をコピー&ペーストしてください。

<h2 style="text-align: center;">『ブログタイトル』とは</h2>
<p style="text-align: center;"><strong><span class="red">（ブログに合った画像）</span></strong></p>
ブログの説明欄〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">●●をチェック</a></p>
<br>
<h2 style="text-align: center;">カテゴリ別の最新記事</h2>
<div class="column-wrap column-2">
<div class="column-left">
<h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ①</h3>
<p style="text-align: center;"><strong><span class="red">（カテゴリに合った画像）</span></strong></p>
<p style="text-align: center;"><strong>キャッチフレーズ</strong></p>
<strong><span class="marker-under">新着記事or人気記事</span></strong>
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p>
</div>
<div class="column-right">
<h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ②</h3>
<p style="text-align: center;"><strong><span class="red">（カテゴリに合った画像）</span></strong></p>
<p style="text-align: center;"><strong>キャッチフレーズ</strong></p>
<strong><span class="marker-under">新着記事or人気記事</span></strong>
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p>
</div>
</div>
<div class="column-wrap column-2">
<div class="column-left">
<h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ③</h3>
<p style="text-align: center;"><strong><span class="red">（カテゴリに合った画像）</span></strong></p>
<p style="text-align: center;"><strong>キャッチフレーズ</strong></p>
<strong><span class="marker-under">新着記事or人気記事</span></strong>
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p>
</div>
<div class="column-right">
<h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ④</h3>
<p style="text-align: center;"><strong><span class="red">（カテゴリに合った画像）</span></strong></p>
<p style="text-align: center;"><strong>キャッチフレーズ</strong></p>
<strong><span class="marker-under">新着記事or人気記事</span></strong>
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p>
</div>
</div>
<div class="column-wrap column-2">
<div class="column-left">
<h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ⑤</h3>
<p style="text-align: center;"><strong><span class="red">（カテゴリに合った画像）</span></strong></p>
<p style="text-align: center;"><strong>キャッチフレーズ</strong></p>
<strong><span class="marker-under">新着記事or人気記事</span></strong>
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p>
</div>
<div class="column-right">
<h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ⑥</h3>
<p style="text-align: center;"><strong><span class="red">（カテゴリに合った画像）</span></strong></p>
<p style="text-align: center;"><strong>キャッチフレーズ</strong></p>
<strong><span class="marker-under">新着記事or人気記事</span></strong>
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p>
</div>
</div>
<h2 style="text-align: center;"><strong><span style="font-size: 24px;">はまちゃんからのお知らせ</span></strong></h2>
<div class="column-wrap column-2">
<div class="column-left">プロフィール</div>
<div class="column-right">
<h3 style="text-align: center;">お知らせ①</h3>
内容〜〜〜〜
</div>
</div>
<div class="column-wrap column-2">
<div class="column-left">
<h3 style="text-align: center;">お知らせ②</h3>
内容〜〜〜〜〜
</div>
<div class="column-right">
<h3 style="text-align: center;">お知らせ③</h3>
内容〜〜〜〜〜
</div>
</div>

下記のような固定ページが作成されればOKです。

追記

カテゴリ別最新記事の上に全体の新着記事を3つ横並びで表示させて、よりオシャレなデザインになりました。

新着記事下の「新着記事をもっと見る」ボタンをクリックすると、従来のデザインである新着記事一覧が表示されるようになっています。

こちらの実現方法は、以下の記事に詳しく書いているので参考にしてください。

【Cocoon】ショートコードで新着記事を横並び表示にするフロントページカスタマイズ

wakuwaku-keigo.com

2022.05.17

③Cocoonのタグやショートコード機能を使って固定ページを作成

コピペした固定ページのテンプレートをサンプルに、あなたの目指すトップページにするよう内容を追記していきましょう。

僕がおすすめする編集方法を解説していきますね。

【『ブログタイトル』とは】おすすめしたい固定ページのカスタマイズ方法

『ブログタイトル』

ここはあなたのブログ名を入れましょう。

（ブログに合った画像）

ブログのロゴなどのイメージ画像を入れてみては？

ブログの説明欄

ブログを訪問した読者がわかりやすいように、どんなブログか説明しましょう。

または、ブログのテーマを書いたり、どんな読者向けでどんな悩みが解決するブログなのかを書くのもおすすめですね。

●●をチェック

飛ばしたいページのリンクを貼る箇所。

僕はプロフィールに飛ぶようにしています。
「まず読んでほしい記事10選」なんかも面白いですね。

【カテゴリ別の最新記事】おすすめしたい固定ページのカスタマイズ方法

カテゴリ①〜⑥

あなたのブログのカテゴリ名に変更してください。

アイコンをつけた方がおしゃれかな？　と思って僕はつけてみましたが、必要なければ削除してもいいと思います。

テキストエディタで見ると、カテゴリ名の前に下記のHTMLを追加しています。
（※）以下のHTMLを削除すれば、アイコンも削除されます。

<i class="fa fa-thumbs-up fa-fw my-gray"></i>

そして、CSSに下記を追加すると、アイコンを灰色に変えることができます。
（※）色を変更したいならCSSに追記してください。

.my-gray {color: gray}

実は、CocoonはデフォルトでFont Awesomeを読み込んでいるので、簡単にアイコンをつけることができるんです。

アイコンの付け方と色の変更方法は、以下の記事『【Cocoon】グローバルメニューのカスタマイズ』を参考に挑戦してみてください。

WordPressテーマ「Cocoon」カスタマイズまとめ！初心者でもCSSコピペでおしゃれに

wakuwaku-keigo.com

2022.05.17

（カテゴリに合った画像）

カテゴリ別の最新記事を一覧で出すだけでもよかったんですが、なんとなく寂しい感じがしたので画像を入れてみました。

僕は可愛いイメージにしたかったので、FLAT ICON DESIGNから素材を選びました。

FLAT ICON DESIGN -フラットアイコンデザイン-

フラットデザインに最適！WEBサイトやDTPですぐ使える商用利用可能なフラットアイコン素材がフリー（無料）ダウンロードできるサイト『FLAT ICON DESIGN』

flat-icon-design.com

逆にかっこいいイメージののトップページにしたいなら、カテゴリ名を書いた横長の画像を入れたらええ感じになりますよ。

キャッチフレーズ

必要なければ削除してください。

僕はハッシュタグのイメージで、入れることにしました。

新着記事or人気記事

ココがCocoonの機能のすごいところ！

新着記事や人気記事を好きな数だけ、カテゴリを指定して一覧で表示できるんです！

ビジュアルエディタの「ショートコード」をクリックすると、

新着記事一覧をクリックすると、下記のショートコードが追記されます。

[〜new_list count=”5″ type=”default” cats=”all” children=”0″ post_type=”post”〜]

難しく見えますが、いじるのはたった2つ。というより1つだけかな？

• count=”5″
• cats=”all”

countは記事の表示数を表しています。

5記事のままで問題なければそのままで。
3記事に減らすなら”3″に変更するなど、好みの記事数にしましょう。

catsはカテゴリを表しています。

つまり、デフォルトの”all”だと、「全てのカテゴリの中の新着記事一覧を表示」という意味になるんです。

カテゴリを指定するには、

• 「ダッシュボード」＞「投稿」＞カテゴリをクリックしてください。
• 指定したいブログカテゴリにマウスを合わせてください
• カテゴリIDが以下のように表示されるのでその数字を追記すれば完了

▲これはカテゴリIDが”3″

このカテゴリを指定した場合のコードは下記。

[〜new_list count=”5″ type=”default” cats=”3″ children=”0″ post_type=”post”〜]

複数のカテゴリを表示したいなら「,（カンマ）」で区切ればOK。

[〜new_list count=”5″ type=”default” cats=”3,6,8″ children=”0″ post_type=”post”〜]

このカテゴリをもっと読む（もっと見る）

クリックすると、各カテゴリの記事一覧に飛ぶようにします。

カテゴリにあったリンクに修正すれば完成です。

https://●●●●●.com/●●●

はまちゃん

ボタンの文言は自由です。「もっと見る」としても良いかもしれません。

その他、2カラムや3カラムの行・列を追加編集したい場合

ここまで読んだあなたなら、固定ページを僕の固定ページテンプレートじゃなくオリジナリティを出したページにしたいと思っていることでしょう。

その場合、ビジュアルエディタから、新たに2カラムや3カラムなどを簡単に表示できますので、好きにイジってあなただけのトップページを作り上げてくださいね！

▼追記

質問が多かったので、新着記事一覧ページの作り方をまとめました。

カテゴリだけでなく、全体の新着記事一覧を表示させたいなら参考にしてください。

WordPressの固定ページに新着記事一覧を表示させる方法【プラグインなし】

wakuwaku-keigo.com

2022.05.17

▼追記

アイキャッチ画像の大きさが記事ごとで異なると、ボタン位置がズレてしまいます。

ボタン位置がずれてる…

かっこ悪いと思う方は、以下のコードを固定ページの『カスタムCSS』に追加すれば調整できます。

/* トップページのカテゴリ別最新記事の幅固定 */
.widget-entry-cards .widget-entry-card-content{
padding-top:0.5em;
height:100px;
}

カスタムCSSは固定ページ編集画面の一番下らへん

無事に、位置のズレが直りました。

でも、記事間の隙間が生まれて個人的に気に食わないので追記していません。

ボタン位置を調整。でも記事間の隙間が気になる…

いい感じに、調整できる方法を知ってる方はご連絡くださいm(_ _)m

【WordPress「Cocoon」カスタマイズ】（４）固定ページ・サイドバーのデザイン調整

無事に固定ページのコンテンツ作成ができたら、固定ページとサイドバーのデザインを調整しましょう。

①固定ページのデザインカスタマイズする

トップページに不必要な要素を非表示

固定ページをトップページ化するときは、表示すべきでない箇所がいくつかあります。

プレビューを見てください。

【記事上】

• パンくずリスト
• 固定ページのタイトル
• 記事上のシェアボタン
• 記事の投稿日・更新日

【記事下】

• 記事下シェアボタン
• 投稿者名

これらは、いらないですよね？
人によっては、記事下のフォローボタンすら不要かもしれません。

他の固定ページでは表示してほしいものなので、トップページ用の固定ページのみ非表示させるように、CSSで指定をする必要があります。

色々な要素を非表示にするCSSを以下に掲載しておくので、いらない分だけご利用ください。

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
/*モバイルグローバルメニュー非表示*/
.home.page #navi {
 display: none
}

グーグルアドセンスと目次を非表示

ブログの顔でもあるトップページ。

そこにアドセンス広告や目次があると、急にダサくなります。

固定ページのビジュアルエディタの右側からチェック1つで非表示にできるので、削除しておきましょうね。

見出し3のデザイン調整

こだわりたい人用ですが、僕のテンプレートではトップページのみ見出し3（h3）のデザインを変更しています。

「婿養子」や「移住」などのカテゴリ名の部分は、実は見出し3です。

でも、普段の記事の見出し3のデザインは以下になんですよね〜

これはどうやっているかというと、スタイリッシュな見出しにしたいと思って、トップページの見出し3のみCSSでデザインを変えているんです。

この見出しの変更をマネしたい方は、以下のCSSのコピペをしてください。

/* トップページ見出し３　CSS変更 */
.page-id-●●●● .article h3 {
/* 見出し３のスタイル */
background: none;
font-size: 20px;
letter-spacing: 1px;
display: inline-block;
position: relative;
width: 100%;
padding: 0;
text-align: center;
border-left: none;
}
.page-id-●●●● .article h3::before, .page-id-●●●● .article h3::after {
content: '';
position: absolute;
top: 50%;
width: 20%; /*ラインの長さ*/
border-top: 1px solid #444d53; /*ラインの色*/
}
.page-id-●●●● .article h3::before {
left: 10px;
}
.page-id-●●●● .article h3::after {
right: 10px;
}

『●●●●』の部分はトップページ用の固定ページIDを指定する箇所です。

固定ページ一覧から作成した固定フロントページにマウスを合わせると、こんな表示が記事下に表示されます。

例えば僕の場合だと、『post=4860』の4860が固定ページIDです。

「.page-id-●●●●」の部分に4860を入れたら完成です。

②サイドバーのデザインカスタマイズをする

最後に調整するのはサイドバーです！

実は、固定ページをトップページ化する方法は2種類あります。

1. サイドバーが無いバージョンのトップページ
2. サイドバーがあるバージョンのトップページ

どちらのフロントページにするか、好みで選んでみてください。

サイドバーを非表示にした1カラムのフロントページにする場合

サイドバーがないトップページなら、サイドバーのデザインカスタマイズは不要。

代わりに固定ページが1カラムで表示されるようにしましょう。

操作は簡単！

固定ページ作成画面の右側にある「ページ設定」で、1カラム（広い）または1カラム（狭い）を選べば、サイドバーがないフロントページにできます。

サイドバー無しを希望の方は、以下の章を飛ばして『（５）固定ページをトップページ化』に進んでください。

サイドバーを表示させた2カラムのフロントページにする場合

僕は色々悩んだ結果、サイドバーありのフロントページデザインを選択しました。

サイドバーがあるトップページを作成するなら、一部デザインの調整しましょう。

ただし、何のデザインを調整すべきかは、あなたのフロントページのコンテンツ次第。

例えば、トップページのコンテンツの中に人気記事を表示させているのに、サイドバーにも同じ人気記事を表示させるとしつこい感じがしますよね？

そのように重複した部分は削除すべきでしょう。

反対に、トップページだけ表示させておいて、各記事を読むときにはサイドバーに表示させたくないという内容もあるかもしれません。

あなたのトップページに合うように、自由にカスタマイズしてください。

ここでは、サイドバーの操作方法のみ解説しておきます。

①「ダッシュボード」＞「ウィジェット」をクリック

サイドバーに、必要なコンテンツをセットします。

②「表示設定」をクリックしページの「トップページのみ」をチェック

上の画像の場合、「ウィジェットの表示」が「チェック・入力したページで非表示」となっています。

トップページに表示させたくないが、普通の記事ではサイドバーに表示させたいコンテンツの場合、この設定にしましょう。

反対に、トップページのみ表示させたいコンテンツの場合は、「ウィジェットの表示」を「チェック・入力したページで表示」に変えてください。

③保存をクリックして完了

固定ページをトップページ化してから、最終的に問題ないか確認するようにしてくださいね？

【WordPress「Cocoon」カスタマイズ】（５）固定ページをトップページ化

これで最後です！

あなたの創意工夫を凝らしたあなただけの固定ページを作ったら、トップページ化しましょう。

WordPressの機能を使ったら簡単なので、サクッと説明しますね。

1. 「ダッシュボード」＞「設定」＞「表示設定をクリック」
2. 「フロントページの表示」で固定ページをクリックし、あなたが作成したトップページにしたい固定ページを選択
3. 変更を保存をクリック

はい！

これで無事にCocoonでオリジナルの固定ページを作成して、トップページ化できました！

お疲れ様でした！！

まとめ：WordPress「Cocoon」でかっこいい固定ページを自作してブログのトップページをカスタマイズせよ！

めちゃくちゃ丁寧に、Cocoonでブログトップページを自作した固定ページを表示させる方法を説明してきました。

15,000文字超なので、ここまで読んだあなたも大変だったと思います。

でも、頑張ったおかげで、他のブロガーから一歩リードしたブログトップページが作れたんじゃないでしょうか？

あなたのブログのトップページを見てくれるのは、いわばお得意様です。

せっかく興味を持ってくれた読者のためにも、ぜひトップページの変更に挑戦してみてくださいね♪

【キャンペーン中】Cocoonのトップページを変更したブログのご紹介

ここまで簡単に作れたのは、ひとえにCocoonが素晴らしいWordPressテーマだからです。

僕と一緒にCocoonブロガーを盛り上げて行きたくありませんか？

そこで、こんな企画をすることにします！

「Cocoonのトップページを変更したブログの紹介企画」

応募方法はシンプル！

▼コメント用のツイートはこちら

【ブログ更新】

ワードプレステーマ「#Cocoon」を使うブロガーの皆様へ🗣️

固定ページでイカすトップページを作る方法を教えます(^^)

【ブログ＝新着記事順】という常識を崩して、個性を出しましょう！

トップページを変更した方は僕のブログで紹介する企画やってます👇https://t.co/HVp1GrepYf

— はまちゃん@島根移住×(仮)婿養子×地方創生 (@wakuwakukeigo) 2018年9月11日

はまちゃん

当ブログ内のどれかの記事のリンクを貼った紹介記事を、あなたのブログで書いてくださった方のみ紹介していきます。
記事を書かれたらツイッターまでご連絡ください。

この企画は、いずれ終了しますのでお早めに。
ここだけの話、以下に紹介させていただいた先のクリックは、ほぼ毎日あります。

＜ブログを読んでCocoonのトップページを変更した皆様＞

新しく記事にしてくださった順で、紹介していきますね^^

はまちゃんの一言

やっぱり、ブログを自分好みにしていくためには、HTMLやCSSの知識が必要ですね。

そう思って、ちょっとずつ勉強を始めています。

デザインの学校 これからはじめる HTML & CSSの本 [Windows 10 & macOS対応版]

posted with カエレバ

千貫 りこ 技術評論社 2017-05-26

Amazonで探す

楽天市場で探す

Yahooショッピングで探す

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

WordPressの固定ページに新着記事一覧を表示させる方法【プラグインなし】

wakuwaku-keigo.com

2022.05.17

WordPressテーマ「Cocoon」カスタマイズまとめ！初心者でもCSSコピペでおしゃれに

wakuwaku-keigo.com

2022.05.17

ブロガー界隈ではすっかり常識になったフレンドファンディングアプリ『polca（ポルカ）』。

クラウドファンディングよりも気軽に募集できるので、これを読むあなたもやってみたことがあるかもしれませんね。

一方で、

• polcaを企画しても成功しない
• polcaの告知をしたら友達に乞食と言われた
• polca失敗の理由が何かわからない

と悩む人も多いのでは？

polcaなんて、インフルエンサーかpolcaおじさんと仲良い人しか成功しないでしょ！

いや、そうとは言えませんよ！

実際、無名ブロガーの僕がこんな企画を立てたところ↓

CAMPFIRE, Inc.

「一人でも多く一円でも多く、想いとお金がめぐる世界をつくる。」株式会社CAMPFIREのコーポレートサイトです。会社概要、ミッション、経営体制、ニュース、採用などの情報をご覧いただけます。

campfire.co.jp

その結果、10,500円もの高額ご支援がっ！！

おかげさまでpolcaを企画した翌日に扇風機を購入できました！

前回企画したpolcaでは、初めてながら44,200円の高額な支援をいただけて目標達成しました。

僕が思うに、polca成功の要因は、企画やお返しなどを工夫するテクニック以上に、大切なことがあります。

今日は今回のpolca支援者への感謝を伝えるとともに、僕なりのpolca成功のコツの話をしますね。

polcaのクラウドファンディング支援金額は過去2回で5万円超！どちらの企画も初日に成功！

僕は過去２回、polca(ポルカ)でフレンドファンディングをした経験があります。

どんな企画だったのか、そして支援はいくら集まったのかを先にご紹介しましょう。

1回目はジャックナイトpolcaを企画！初日成功&44200円の高額支援

僕がpolcaデビューをしたのは、2018年5月。

ブログとツイッターを初めて4ヶ月、フォロワーは200人程度の時でした。

企画内容は、「東京で開催されるブロガーのオフ会に大阪から行きたいので、交通費と宿泊代を支援してほしい」という目標金額は3万円のpolca。

普通の感覚からするとナメてますよね？笑

↑ここまで言われると泣きますが、まぁごもっともな意見だと思います。

そんな不安を抱えながらいざ企画してみると・・・

【ジャックナイトpolca初日報告】
なんと！
初日で、目標金額3万円を達成しました😂
ご支援いただいた皆様には、感謝しかありません！

ですが、polca続けさせて下さい🙇‍♀️

（理由）
・支援者数13人でラベルが227枚余る
・参加費+交通費+宿泊費＝5万円
・引っ越し費用控えてる

応援お願いします🙏 pic.twitter.com/m5lgxrunMV

— はまちゃん@島根移住×(仮)婿養子×地方創生 (@wakuwakukeigo) 2018年5月14日

なんと最終的に44,200円もの支援がいただけました！

ご支援いただいた皆様には、本当に感謝しかありません。

どんな企画だったのかは、以下の記事をご覧ください。

【ジャックナイトpolca】支援者が純広告を獲得&スポンサーになるお返し付!?

wakuwaku-keigo.com

2018.11.01

2回目は扇風機polcaを企画！初日成功&10500円の高額支援

そして今回の企画が2回目で、約2ヶ月後の2018年7月でした。

ブログとツイッターを初めて半年、Twitterのフォロワーが500人程度の時です。

内容はこれまた乞食と言われるカモですが、「家の扇風機が壊れて暑くて寝れないから扇風機を買ってほしい」という目標金額は7200円のpolca。

【悲報】寝室の扇風機が逝く

暑くて寝れません…

でも、今月は島根に移住したばかりで、家賃や家具家電などで47万円以上の引き落としが確定しててマジで金欠💸#polca を立ち上げたので、引越し祝いで扇風機をプレゼント頂けませんか？

お返しはブログ紹介+寝顔です🙇https://t.co/pjOnuIU8Wb pic.twitter.com/7qSCM45cB3

— はまちゃん@島根移住×(仮)婿養子×地方創生 (@wakuwakukeigo) 2018年7月20日

その結果、10,500円ものご支援がまたしてもいただけました！！

polca企画を成功させるコツは『信頼関係を築くこと』←関わる人を大切にしよう

どちらの企画もpolcaを立ち上げた初日に目標金額が達成しました。

本当にありがたい限りです。

この話をすると、

polcaはどうやって成功させたのですか？
企画を成功させるコツを教えてください！

とよく言われます。

結論をいえば、polcaを成功させるコツはあります！

何も考えずにpolcaの企画を立てるだけだと、目標金額が達成できず失敗に終わるでしょう。

でも、polcaを成功させるコツというのはいわばテクニック。

今日はテクニック以上に企画を成功させる上で一番大切な本質の話だけします。

もちろん、クラウドファンディングなので『ご支援してくださった方の優しさ』も重要な要素です。

ただ、自分がコントロールできる範囲で、一番大事なpolcaのコツがあるとすれば…それは信頼関係。

つまり、『日々フォロワーさんや友人をどれだけ大切にできているか』です。

無名ブロガーがpolcaで5万円超の支援に成功した5つの方法と信頼関係を築くコツ

polcaで高額支援に成功した方法とコツを、ざっくりまとめると以下の5つ。

1. フォロワー・友人との信頼関係
2. polcaの大義名分・コンセプト
3. 企画の作り方・支援金の値決め
4. 魅力的なお返し（リターン）の用意
5. SNS拡散戦略・プロモーション

polcaはお金を支援してもらえるというメリットがある一方、ハンパな企画をして人の信頼を失うデメリットもあります。

なので、polcaで初めて企画を立てる前に僕は、色んなpolca企画の成功パターンと失敗パターンを自分なりに分析・仮説を立てました。

結果、polcaを成功させるための企画・お返し（リターン）づくりのコツは、少しずつつかめてきています。

でもね。結局は人なんですよ。

成功の一番のコツは、自分と関わる人に日々貢献して信頼残高を貯めてるかどうかなんですよ。

だから、一番大事なのは①フォロワー・友人との信頼関係です。

今回の扇風機を買うお金を支援してほしいというpolca。

日々の人間関係の構築がないまま、ただ僕が助けを求めても絶対に失敗したと思います。

もの好きな人や聖母のように優しい人、polcaおじさんからは支援が集まるかもですが、数人ぐらいからしか支援はいただけなかったはず。

でも、ありがたいことに１万円も支援をいただけたのは、信頼関係を何かしらの形で支援者と築いていたからです。

具体的な話をすると、無名ブロガーのTwitter戦略！1ヶ月でフォロワーを2倍に増やす方法で書いたGIVE&GIVE精神。

これがpolcaの企画を成功させるためにも一番大事だと確信しています。

僕のpolca企画は、どちらもSNSに投稿した当日中に達成しています。

これは、

こういうサイクルなんですよね。

だから、polcaを成功させたかったら、まずは身近な人を幸せにしましょう。

相手が求めていることを考え、あなたができることを無料でやってあげて貢献するんです。

大きなことでなくて構いません。

ちょっとしたことで良いので、相手が喜んでもらえることを実践して、信用残高を貯めて仲間を作りましょう。

これを1人、2人、3人と増やしていけば、polcaを企画したら支援してくれる人がどんどん増えます。

あなたの信用貯金が十分貯まったとき、polcaでフレンドファンディングしてみてください。

きっとあなたのpolca企画も成功するはずですよ！

まとめ：polcaの企画を成功させる一番のコツは信頼関係を築くこと

いかがだったでしょうか？

polcaのテクニックやコツばかり調べていた人が、大事なことに気づくきっかけになったらと思い、記事を執筆しました。

人と人との信頼関係は永遠のテーマですが、ぜひ心がけてみてください。

では最後に、僕が扇風機を買えるように、支援してくださった支援者様一覧を掲載します。

優しすぎる皆様なので、ぜひフォローを！！

はまちゃんの一言

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

▼P.S.

polcaがプチ炎上したやぎぺーさんですが、信頼関係があるからこそクラファン成功しています。

八木仁平さんのPolca炎上！クラウドファンディングが批判される理由【ファン VS アンチ】

wakuwaku-keigo.com

2019.10.04

▼P.P.S.

信頼感が大切とはいえ、具体的なpolcaの戦略を知りたいという方はいらっしゃいますか？

欲しいという方がいれば書こうと思うので、以下のツイートをご覧いただき、よければコメント（リプ）をください↓

1週間前、#polca で初日1万円のご支援を頂いた感謝記事を書いてます👍

今回は2回目で、前回は初日3万円が集まりました。

僕が成功させるためにどう戦略立てているのかを有料noteでまとめたら欲しいって方いますかね？

10人以上、欲しいって方がいたら数百円ぐらいで書こうと思うのですが、、、 pic.twitter.com/lAkEZ3hxHH

— はまちゃん@島根移住×(仮)婿養子×地方創生 (@wakuwakukeigo) 2018年7月28日

婿養子の島根移住ブログに…

【スポンサー様が爆誕】

当ブログに新たなスポンサー様が決定！

なんと！
ブログで目標にしている「りょたろぐ」を運営する、リョータロー（@ryotaromm ）さんです😂#地域おこし協力隊 や #田舎暮らし に関心があれば、とりあえず「りょたろぐ」読んでください！

知りたい全てが載ってますよ‼️

— はまちゃん@日本一無名な県から地方創生を目論む(仮)婿養子 (@wakuwakukeigo) 2018年6月30日

ということで、当ブログ「婿養子の島根移住」に新しいスポンサーが就きました。

静岡県島田市川根の現役地域おこし協力隊（2018年7月現在）のリョータロー（@ryotaromm）さんです！

リョータローさんは、僕がブログを始めた頃「こんなブログを作りたい！」と思って、めっちゃ読ませてもらっていた「りょたろぐ」を運営されてます。

実は今でも、僕のブログの目標なんです。

最近は、川根地区の地域ブログ「かわねのまとめ」も運営されてるようですね。

この記事では、スポンサーになっていただいたリョータローさんと、ブログ「りょたろぐ」を紹介していきますね。

静岡県島田市川根の地域おこし協力隊のリョータローさんとは？

30歳でメンタルヘルスをこじらせ無職になり、静岡県島田市川根地区の地域おこし協力隊に応募。今年で3年目の任期ラスト。任期後も田舎で生きてく方法を試行錯誤。“ナリワイ”という副業・複業スタイルに挑戦中！！

引用 Twitterプロフィール

静岡県島田市川根地区の現役地域おこし協力隊です。

地域おこし協力隊のことが知らないなら、【基本のキ】地域おこし協力隊は何してる？どんな制度？簡単にまとめてみたを読んでみてね。

僕は、リョータローさんの活動をめっちゃ注目しています。

特に、

と、勝手に任期後の動きを予想したりする、一種のストーカーですww

リョータローさんはけん玉が好きすぎて、Tシャツ作ったりしてるそうですよ。

器用ですね〜

リョータローさんは最も情報発信してる地域おこし協力隊のひとり

リョータローさんは、協力隊として地域活動に取り組まれていますが、驚くべきはその発信力。

地域おこし協力隊の役割の１つに、地域のPR活動があります。

でも、実は地域おこし協力隊って行政の職員扱いなので、自由に情報発信しづらいというジレンマがあります。

その結果、市役所のホームページなど限られたところでしか、活動のPRができないことが少なくない。

だから、地域おこし協力隊活動や田舎暮らしについて、顔出ししてこれでもか！　と発信されてる「りょたろぐ」は、貴重なブログなんです。

地域おこし協力隊になったのは会社員時代に適応障害になったから！？

そんなキラキラしてるリョータローさんですが、「適応障害」で前職を辞められた過去をお待ちです。

• 出勤するだけで吐き気をもよおす
• 鬱っぽい症状
• 精神科に通う…

かなり大変な状況だったそうです。

適応障害の経験談も丁寧に書いておられるので、同じような症状で悩む方は読んで見ると心が少し軽くなるかもしれません。

リョータローさんの運営ブログ「りょたろぐ」について

『りょたろぐ』は、よくある地域おこし協力隊のブログではなく、ムラマツリョータローさん個人を打ち出したブログです。

ブログでは、リョータローさんの個性が爆発した記事がたくさんあるので、僕が好きな記事をご紹介します！

個人的に絶対読んで欲しいおすすめ記事ベスト３

第1位　ぼくが地域おこし協力隊の活動スケジュールをネットで公開している理由

この記事はすごいですよ。

なんと！

リョータローさんは、自分のスケジュールを、ネット上で誰でも閲覧できるように公開されてるんです！

僕は意外と色んな地域おこし協力隊の方と仲がいいのですが、よく聞く問題点の一つに「地域住民に協力隊としての活動が知られていない」というものがあります。

いきなり田舎に移住して、1から地域と関係性を作るって結構ハードル高いですもんね。

でも、リョータローさんのようにスケジュールをネット上に公開していたら、

と、様々なメリットがあるそうです。

僕が感動したのは、リョータローさんの覚悟と真摯な姿勢。

協力隊としてしっかりと活動してるという自信の表れだと思います。

だって、自分のスケジュールを全部見せるって普通できないでしょ？

現役の地域おこし協力隊は、一度試してみてはいかがでしょうか？

ぼくが地域おこし協力隊の活動スケジュールをネットで公開している理由 | りょたろぐ

ぼくは地域おこし協力隊の活動スケジュールをネットで公開して誰でも閲覧できるようにしています。 どこで何してるの

ryotaromm.com

第2位　3ヶ月で100枚配る！地域おこし協力隊であるぼくの「名刺の裏」売ります。

名刺の裏を売る！？

この発想ができる人がどれぐらいいるんだろう？

地域おこし協力隊は、ヨソモノの発想力が必要と言われています。

地域に新しいことを取り込みながら、マネタイズしたり地域のPRの視点を盛り込んで行かなければなりません。

リョータローさんは、名刺の裏を売る発想もそうですが、みんながハッピーになって川根のアピールにもなるpolcaをしたりと、色んなことを思いついて、実践する行動力をお持ちです。

地域活性化のヒントにしてみてください。

3ヶ月で100枚配る！地域おこし協力隊であるぼくの「名刺の裏」売ります。 | りょたろぐ

地域おこし協力隊やってます。 地域おこし協力隊って色んな場所で色んな人に出会います。 ぼくの場合、だいたい3ヶ

ryotaromm.com

第3位　地域おこし協力隊に応募したい人必見！協力隊のぼくが面接試験で聞かれた27の質問！

地域おこし協力隊の面接内容を全て公開してくださっている記事です。

リョータローさんのこと、俺は前から知ってるし！

という方も、この記事で初めて知ったのではないでしょうか？

僕は、この記事がリョータローさんとの出会いでした。

それもそのはず。

「地域おこし協力隊　面接」

という、地域おこし協力隊の応募者全員が検索しそうなキーワードで、検索1位の良記事です。

地域おこし協力隊は、書類選考＋面接で選考されますが、ぶっちゃけ書類選考はほぼ突破できます。

となると、問題は面接。

リョータローさんの記事を読むと面接対策もできるので、地域おこし協力隊に応募する人は必読と言えるでしょう↓

地域おこし協力隊に応募したい人必見！協力隊のぼくが面接試験で聞かれた27の質問！ | りょたろぐ

静岡県島田市川根地区の地域おこし協力隊に採用されました。 地域おこし協力隊の採用試験は書類審査（１次）と面接試験（２次）がありました。 地域おこし協力隊に興味があって応募を考えてる人のために、ぼくが面接官に聞かれたことをアップします！

ryotaromm.com

ちなみに・・・

検索2位の記事は、僕の記事です。笑

5人分の面接内容！地域おこし協力隊で聞かれた31の質問と面接対策【倍率も】

地域おこし協力隊の面接は、応募者一人一人ばらばらです。 そこで、この記事では応募者5人分の面接で聞かれた質問から見えた面接対策・コツを徹底紹介します。 他の人が見なくても、地域おこし協力隊になりたいあなたには見てほしいです。

wakuwaku-keigo.com

2019.06.02

リョータローさんにスポンサーになっていただいた経緯

実は、リョータローさんからは、

スポンサーになりたいんですが、まだ枠ありますー？？

と、直接連絡があったんです！！

よくよくお話を伺うと、

ぼくは「地域おこし協力隊いいね！」って色んな人に伝えたいから、はまちゃんのスポンサーになります。
地域起こし協力隊関係の記事を書いてくださいね〜

ということでした。
当初は「りょたろぐのバナーを掲載してくれなくてもいい」とおっしゃってましたからね！！

自分のためじゃなく、地域おこし協力隊のためにという理由だったとは！

しかも、僕は地域おこし協力隊に応募して落ちた存在なのに。

この期待に応えないと、男が下がりますね。

この姿勢に感動し、僕の読者にも『りょたろぐ』を知って欲しいと思ったので、お願いをしてバナーを作っていただきました。

そしてリョータローさんが作られたのが、このバナー↓

静岡県島田市川根地区の地域おこし協力隊「リョータローさん」を僕は応援していきます！

リョータローさんは、僕のロールモデルとなる活動とブログを運営されてる、いわば目標の方です。

スポンサーとして応援いただいた側ですが、僕は、これからもリョータローさんの活動を応援していきます！

僕のスポンサーになってもらったご恩。

これをしっかり返せるように、ブログを育てて、地域おこし協力隊の情報を第三者の立場で発信していきたいと思っています！

はまちゃんの一言

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

【スポンサー様大募集】純広告の募集内容とスポンサーを募集する目的

wakuwaku-keigo.com

2022.06.24

「婿養子の島根移住ブログ」の現在&過去のスポンサー様一覧

wakuwaku-keigo.com

2019.06.02

こんにちは！さっき、東京から大阪に帰ったはまちゃん（@wakuwakukeigo）です。

ジャックナイト新宿には二次会まで参加して、先ほど無事に家に着きました。

この記事では、ジャックナイト新宿がどんな会だったかはほどほどに、僕がブロガーのオフ会に参加するまでの行動&感想を中心にお伝えします！

（ジャックナイトについては、今後たくさんのブロガーが記事にするだろうしね。）

【ジャックナイト新宿】参加するに当たって行ったアピール準備

僕は、ジャックナイト新宿が、初めてのブロガーオフ会でした。

たくさんのブロガーが集まる場所なので、できれば自分のことを覚えてもらえるように目立ちたいですよね？

僕やジャックナイト新宿に参加する他のブロガーが行っていた、アピール方法をまとめておきますね。

有名じゃない僕がブロガーのオフ会に参加するときに行った行動記録

最初に言っておくと、僕は無名ブロガーです。
2018年1月からブログを始めたので、ブログ歴も5ヶ月程度。

にも関わらず、

あっ！はまちゃんだ！

ツイッターでお世話になってる●●です！会いたかったです〜♪

あれっ？ツイッターの写真と比べて太くない？

たくさんの方から、声をかけていただきました！

本当に嬉しかった！
「ブロガーの世界の一員になれているんだ！」と、やっと安心できた気がします。

無名ブロガーだけど、こんなに話しかけてもらえた理由は、伸びシロサロンの皆様のおかげ。

そして、ブロガーのオフ会を有意義なものにするために、このようなアピール行動をしたからだと思います👇

他のブロガーがジャックナイト新宿で行っていたアピール行動

他のブロガーの皆様は、ブロガーのオフ会が慣れてるのか、様々な工夫をされたアピールをされてましたよ！

試行錯誤してて、みんな凄い！！

でも、色々工夫をしても、人数が多すぎて目立つことは中々難しかったように思います。

【ジャックナイト新宿】300人以上の有名ブロガーやインフルエンサーが勢揃い！

ジャックナイト新宿の当日の様子・写真

僕は二次会まで参加しましたが、大人数ですごい熱気！

一次会320名、二次会210名、三次会97名だったそうです。

こんなにブロガーやアフィリエイターが集まるなんて、ジャックさんの人柄だからこそですよね！
オッケーイ！！

有名ブロガーやインフルエンサー、ブログ仲間とリアルで会えるオフ会

左上から順に

• なかのの夫（@nakanonohusband）さん
• まんぷく（@skmplife）さん
• けんぽく（@kenpokufriends）さん
• にしくん（@kohey_nishi）
• 守屋信一郎（@shinichiroweb）さん

豪華なメンバーがたくさんいらっしゃってびっくり！

僕はやっぱりリアルの場で会う方が好きですね。

今後は島根に移住するので、オフラインで会える機会は本当に貴重。

これからも、皆様と仲良くさせていただきたいですね。

【後悔】大人数のブロガーオフ会に参加して会いたい人に確実に出会う方法

今回、僕にとってはジャックナイトが初のブロガーオフ会でした。

ジャックナイトが終わってしばらくしてからツイッターを見ていると「あの人も来てたの！？」という人がたくさんいらっしゃいました。笑

本当に後悔しています…

https://twitter.com/wakuwakukeigo/status/1011058788227428354

twitter.com

アルパカさん、参加されてたんですね！
お会いできず、残念でした！

記事の公開が早く、やっぱりすごいですね^^
僕は、今朝夜行バスで大阪に着きました！

— はまちゃん@島根の地方移住プロデューサー (@wakuwakukeigo) June 24, 2018

えっ？
ジャックナイトにいらっしゃってたんですかΣ(ﾟдﾟ;) ﾇｵｫ!?

ぜひお会いしたい方の一人でした…

— はまちゃん@島根の地方移住プロデューサー (@wakuwakukeigo) June 25, 2018

Q. じゃあ、どうすればよかったのか？

▼

A. 事前に会いたい人に@をつけて、ツイッターで呼びかけておく

ライトニングいがらし（@Ligarashi_blog）さんが、この作戦をされてうまくいっているようです。

https://twitter.com/Ligarashi_blog/status/1009983772765274113

twitter.com

受付でご挨拶だけした方を除いたら、おそらく全員にご挨拶できたかと思います。

ご挨拶だけの方も含め、お話ししてくださった皆さん、本当にありがとうございました✨

これからジャックナイトのレポを書いていきます！

その後に、今後のブログ方向性やTwitterの運用方法を見直していきます。

— ライトニングいがらし (@Ligarashi_SSB) June 25, 2018

【ジャックナイト新宿】初めてのブロガーのオフ会に参加した感想

ジャックナイト新宿はみんながスポンサーを求めるカオスな空間（オフ会）でした。笑

ジャックナイト新宿のテーマは、『純広告への誘い』。

多くのブロガーが「純広告を欲しい！」と、獲物を狙う肉食動物のようにスポンサーをGETするために目を光らせていました。

本気の人は、「純広告欲しい！」という腕章を500円で買っていました。（僕は買ってません…）

そして、「スポンサーになりたい！」の腕章をつける方に、積極的にアピールしてましたよ！

ちなみに、僕は

現在（2018年６月）、スポンサーしている人数が5名、純広告を4名獲得できているので、上記のフォトプロップスを持って会場を回っていました。

なので、僕にも「スポンサーになって欲しい！」と提案いただける方がいらっしゃいました。

しかし、残念ながら、誰のスポンサーにもなりませんでしたが。

「純広告欲しい！」と積極的にアピール&行動すべきだったと反省…

こんなカオス空間で、僕は気後れしてしまったので積極的にアピールできませんでした。
反省してます…

大人数なので移動や飲み物を確保するのも一苦労。

その状況で、「純広告を欲しがるブロガーだらけの中でガツガツとスポンサー獲得に奔走する」のは、僕には難しかった…

僕は元々ブロガーさんと交流することがオフ会に参加した一番の目的だったので、「スポンサーになってください」とは誰にも提案しません（できません）でした。

色んな方とお話していると、

ジャックナイトで純広告を獲得なんて無理だよなぁ〜

と、こんな会話を何人ともしたなぁ（笑）

一方で、

https://twitter.com/marucelo725/status/1010758879804719104

twitter.com

伸びシロがある方は、双方の合意の上、着実にスポンサーを獲得されてる方もいらっしゃいます！

ジャックナイト新宿は、「純広告を獲得&スポンサー先を探す」ことを推奨しているオフ会。

カッコつけて、「交流するのがメインだし…」と言わず、積極的に行動すべきでしたね…

リアルの場でどれだけ目立って行動するかが、今後の伸びシロに大きな影響があると思います。

自分のプレゼンをしてスポンサーを次々と獲得されるブロガーを見て、本当に素晴らしいと思いますし、「もっと頑張らなければ」と勇気をもらいました。

ちなみに、

https://twitter.com/wakuwakukeigo/status/1011111174866284550

twitter.com

僕も恐れ多くも、1人純広告を獲得することができました(´；д；`)ﾌﾞﾜｯ

スポンサーになってくださった理由は、新たなスポンサー様が以下の記事で紹介してくださっているので、ご覧ください。

Redirecting...

blog.shinichiromoriya.com

【ジャックナイト新宿】参加して気づいた純広告&スポンサーの考え方について

一方で、ジャックナイト新宿では、スポンサーや純広告について、とても考えさせられるイベントになりました。

大きな気づきは、ブロガー界で常識の『スポンサーになる』という行為は、他業界から見ると非常識ということ。

https://twitter.com/wakuwakukeigo/status/1010644302802739201

twitter.com

実は、ジャックナイト新宿の会場で、初めてお話したのは近藤（@kumichoafi）さんでした。

近藤さんから「なぜブロガーは誰かのスポンサーになるのですか？」と質問があり、自分の考えを伝えましたが、全く違う世界なんだということをお互いに感じました。

詳細は割愛しますが、応援感覚で投げ銭をする文化が成立しているブロガー界って、やっぱりかなり特殊なようですよ？

また、小幡さんが以下の記事を書かれてツイッター上で話題になっています。

#ジャックナイト 感想とブロガーさん広告獲得へのアドバイス｜小幡和輝オフィシャルブログ 不登校から高校生社長へ

今日はジャックナイトに参加してきました。 ブロガー、アフィリエイター、フリーランスを中心に300名以上が参加という大きな

www.obatakazuki.com

正直プレゼンに来た人はみんな「自分が稼ぎたい」という想いだけでした。

そのお金をどう使うのか。それが社会にどんないい影響を与えるのか。

もう少しそういう視点で話してほしかった。

（省略）

自分がやりたいこと、なぜあなたの応援が必要なのか。

僕が問いたいのは「お金を出してくれるんだったら誰でもいいのか？」ってことです。

引用 #ジャックナイト 感想とブロガーさん広告獲得へのアドバイス

この記事を読んで、今まで僕も

「スポンサーブームに乗りたい」
「純広告を獲得しているブロガーの一人になりたい」

という、曖昧な気持ちのままスポンサーを募集していたなと反省しました。

僕は、スポンサーの提案をするときは、最低限「なぜあなたにスポンサーになって欲しいのか？」を伝えるようにしています。

しかし、それだけでは不十分です。

お金の支援をいただくという大きなことをお願いしている以上、最低限これぐらいのことは伝える必要があるでしょう。

僕が今後、スポンサーのお願いをさせていただく時には、特に目的にこだわって発信していきます。

そして、スポンサーになっていただいた皆様に、お返しをできるようにしよう！　と、ジャックナイト新宿に参加して、決意を新たに固めることができました。

【スポンサー様大募集】純広告の募集内容とスポンサーを募集する目的

wakuwaku-keigo.com

2022.06.24

まとめ：ジャックナイト新宿は楽しく気づきの多いオフ会でした！

ジャックナイト新宿に参加した僕の感想文みたいな記事になってしまいましたが、本当に楽しかったし、気づきが多い素晴らしいイベントでした。

ジャックさんをはじめ、幹事や運営をしていただいた方々には感謝の気持ちでいっぱいです。

本当にありがとうございました！

これからは島根に移住するので、都会に簡単に出ることは難しくなりますが、また同じようなブロガーのオフ会があれば参加したいですね！

はまちゃんの一言

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

ついに、

ついに…

【初スポンサー様爆誕】

ブログを初めて5ヶ月…

つ…ついに‼️

念願のスポンサー様がつきました😂😂

初スポンサー様は、#応援速報 の中村創（@soooo_nakamura ）さん！

成果でお返しできるように、さらにブログを頑張っていきます！

▼スポンサー募集内容はこちらhttps://t.co/j7yvjT5vdY pic.twitter.com/vDNGsoQnea

— はまちゃん@日本一無名な県から地方創生を目論む(仮)婿養子 (@wakuwakukeigo) 2018年6月12日

はい。

ということで、当ブログ「婿養子の島根移住」に初めてのスポンサーが就きました。

しかも、若手ブロガーとしてイケイケの中村創（@soooo_nakamura）さん。

ブログにスポンサーがつくと、もっとブログを成長させていこうという気持ちになってきます！

この記事では、スポンサーになっていただいた中村創さんと、ブログ「くりえいと」を紹介していきますね。

元祖応援する人「中村 創さん」とは？

アンチに叩かれた経験から「自分は挑戦する人を応援する存在でありたい」と思い、元祖応援する人と名乗り始めました。 ブロガー×カメラマン×事業家をこなす大学生。僕自身もアニメ漫画をテーマにしたゲストハウスTakuandのオープンに挑戦中！ハッシュタグタグ #応援速報広めてます。

引用 Twitterプロフィール

くりえいとというブログを運営されている、学生ブロガーです。

行動力が凄まじく、東南アジアをバックパック、震災ボランティア、フロリダディズニーでインターンなど、様々なことに挑戦されています。

さらに、プロブロガーの沖ケイタさんのハイパーアシスタントという顔も。

そんな今をときめく人気ブロガーの中村 創さんとは何者なのか？

中村 創さんと言えば「#応援速報」

ちょっと説明をしだしたらキリがないので、中村 創さんを一言で。

めっちゃ人を応援したい人！

はい、これが中村創さんです。笑
この認識で間違いないです。笑

その証拠に、

【1日1人 #応援速報】

本日はDMM英会話宣教師のちはっぴーさんを応援！

実は私も、TLでずっと英語の情報がちはっぴーさんから流れて来た影響で、たった今DMM英会話に登録しましたーw

英語をこれから話したいと思ってる人はぜひフォローすべし！やる気も出るし、有益な英語情報も手に入るよ！ https://t.co/IhpLgPpFoD

— 中村 創 | So Nakamura (@soooo_nakamura) June 4, 2018

【先着3名】

RTしてリプでURL送ってくれた人のブログ記事褒める。#応援速報

— 中村 創 | So Nakamura (@soooo_nakamura) May 7, 2018

【Amazonギフト券3000円分が2名に当たる】

5/21までに、Twitterで #応援速報 をつけて誰かを応援した人と応援された人両方にAmazonギフト券をプレゼントします！

週間スポンサー あべのり@abenoriki1011 さんと共に当選者を決めます！#応援速報 知らない方は記事読んで！https://t.co/XDdUgC7V5q

— 中村 創 | So Nakamura (@soooo_nakamura) May 15, 2018

ツイッターを見てたら面白いですが、いろんな人を応援しまくってます！

「元祖応援する人」という名に負けていません！

そして、応援するだけでなく、ご自身も様々なことに挑戦されているので、多くの人から応援される魅力的な方でもあります。

4つの肩書きを持つ男！？

少し前までは、学生×ブロガー×事業家という肩書きでしたが、2018年6月現在、カメラマンという肩書きがプラスされてますね。

プロブロガー&プロゲーマーのCaptainJackさんを、最近撮影されましたが、かなりの腕前！

https://twitter.com/soooo_nakamura/status/1003982907503882240

twitter.com

写真用のホームページも作られてます！

趣味が仕事になるっていいですよねぇ。

404 Error: Page Not Found | Wix.com

sodesu11travel.wixsite.com

中村 創さんの運営ブログ「くりえいと」について

僕は、「人生のレールから外れるべき！」とか「大事なのは発信力だ！」といったことを伝えたいブロガーではありません。もはや自分のことをブロガーだと思っていません。「応援する人」です。

ただ、とにかく頑張ってる、挑戦する人の背中を押してあげる存在になりたい！そんな思いで文字を綴り、記事を書いています。

引用 くりえいと

この言葉のとおり、人を応援し、人から応援されるブログになっています。

個人的に絶対読んで欲しいおすすめ記事ベスト３

第1位　挑戦する人を応援するためのハッシュタグ。#応援速報始めます！

挑戦する人を応援するためのハッシュタグ「#応援速報」の紹介記事。

#応援速報を広めるために、フォロワーに取ってありがたい企画をたくさんされています。

この活動に共感し、『チームらぶサポ』という7人の応援チームができました！

影響力ありすぎ！！

http://www.sonakamura.com/entry/ouen-sokuhou

www.sonakamura.com

第2位　2019年3月31日までにブログで月収50万円行かなかったら引退します。

様々な挑戦をする中村 創さん。

その中でも、衝撃的な挑戦が「2019年3月31日までにブログで月収50万円いかなかったらブロガー引退」というもの。

2019年3月31日までにブログで月収50万いかなかったらブログ完全に消します。

せっかくの休学なので追い込みます。達成しなかったらブロガー強制終了の巻！！！

30万達成しなかったらサラッとTwitterのアカウントも消そう。うんそうしよう。

頑張れ！！！俺！！！

— 中村 創 | So Nakamura (@soooo_nakamura) April 24, 2018

これを初めてツイッター上で見たときは、「えっ？嘘だろ・・！？」と衝撃を隠せませんでした。

ファンとしてブログが消えちゃうのは悲しすぎる！
みんなで応援しましょう！！

http://www.sonakamura.com/entry/intai

www.sonakamura.com

第3位　2018年夏にゲストハウス「Takuand」をオープンします！

中村 創さんで忘れてならないのはゲストハウスTakuand（たくあん）です。

2018年夏にオープンすることを目標に、日々挑戦&活動されています。

中村創さんが作ったゲストハウスは楽しそうですね！

茨の道だと思いますが、頑張って欲しい！！

http://www.sonakamura.com/entry/takuand

www.sonakamura.com

中村 創さんにスポンサーになっていただいた経緯

今回スポンサーになっていただいた経緯をご紹介。

きっかけはこのツイートでした。

【あなたのスポンサーになります！】

500円×1ヶ月の契約で計5名の方のスポンサーになります！

まだスポンサーがいない全ての人が対象です。ブロガー以外でもオッケー。

応募条件
①この投稿をRT
②リプかDMでなぜスポンサーして欲しいかを熱く語る

選んだ人は記事にて紹介します！#応援速報

— 中村 創 | So Nakamura (@soooo_nakamura) June 11, 2018

このツイートを見て、熱いメッセージを中村さんに送らせてもらいました。

すると・・・

二つ返事で快諾！

やっぱりチャンスだと思ったら、飛び込むべきですね！

念願のスポンサーだったので、本当に嬉しかったです！

http://www.sonakamura.com/entry/15sponsor

www.sonakamura.com

中村 創さん「元祖応援する人」を僕は応援していきます！

スポンサーになってもらって応援されてる立場で変な感じですが、僕は中村 創さんを応援していきます！

僕のスポンサーになってもらったのは、応援文化を“くりえいと”するためだと思っています。

なので、その気持ちに答えられるよう、僕も精いっぱい中村 創さんの活動に協力し、応援文化が浸透するするようにしていきます！

はまちゃんの一言

んじゃ、今日はこれでおしまいっ！
ほな、バイバーイ！

【スポンサー様大募集】純広告の募集内容とスポンサーを募集する目的

wakuwaku-keigo.com

2022.06.24

「婿養子の島根移住ブログ」の現在&過去のスポンサー様一覧

wakuwaku-keigo.com

2019.06.02