こんにちは!Web集客コンサルタントの佐藤旭です。

今回は、いよいよリリースされた待望のWordPressテーマ『STORK(ストーク)』のレビューと、「買うか迷っているけど設定など不安。」という方に向けて設定方法を詳しく解説しようと思います!

何といっても、STORKはあの『ブログマーケッターのJUNICHI』さんと『アルバトロス』『ハミングバード』が爆発的にヒットしている『OPEN CAGE』さんのコラボテーマなんです!

*JUNICHIさんはコンサルティングでめちゃくちゃお世話になっています!

簡単にまとめると、こんな方にお勧めです!

  • スマホからのアクセスが多い
  • スマホからもたくさんページを見てほしい
  • メルマガ読者さん集めがしたい
  • イベントやお知らせをして集客をしたい
  • おしゃれにカスタムしたいけど、難しくて困っている

では実際にどんなにいいのか、期待に胸を膨らませながら購入したので早速レビューしてゆきますね!


WordPressのスマホテーマに最適な『STORK』の特徴

まず、なぜスマホに最適だといいのかというお話ですが、今はブログの読者さんは多いと80%以上がスマホからだからです。

この僕のブログですらスマホからのアクセスが50%以上あるので、正直無視できないんですね。

特にビジネスにつなげたい場合は、特に読者さん目線になることが何よりも大切です。

以前はカスタムやプラグイン導入であれこれしないとできなかったんですが、なんとテーマを変えるだけで解決してしまうんですね!

僕も早速変えましたよ!

スマホ専用のグローバルメニューの設定ができる!

ブログサイトは、まだまだスマホからのアクセスだと操作がしにくい所があります。

その代表的なところが『グローバルメニュー』ですね。

縦にだらーんと伸びても、「見えにくい!」と思ったことはありませんか?

この『STORK』ならこのようにスマホから見たときには、スマホ用にグローバルメニューを別途設定ができるだけでなく、横にスクロールするので相曾がしやすいんです。

wordpress-stork031

また、スマホからヘッダー左上の『menu』をクリックすると画面右側のように別で設定したメニューをポップアップさせることができます!

しかも、簡単に閉じられるので操作のストレスを与える事がありません。

 難しい設定不要!カスタムメニューが使いやすい!

WordPressのテーマを使うときによくあるのが「カスタムをしたいけど操作が分からない」という事ですよね。

このテーマは、専用のカスタムメニューがあり、このように大抵の事がここから設定できるようになっています。

ヘッダー画像、ロゴ、メニュー、ウィジェット、レイアウト・・・かゆいところまで手が届く細かい設定まで!

しかも、プレビューをPC・タブレット・スマホの3種類で確認ができるので、いちいち動作確認をしなくてもいい訳です!

wordpress-stork014

スライダー完備!トップページを固定ページにしてもにスライダーが表示できる!

トップページにスライダーを設置できるテーマは数多くありますが、固定ページ等設定をした場合は表示がされなくなってしまいます。

しかし『STORK』の場合は、トップページを固定ページ等任意のページ表示させてもスライダーを継続して表示させることができます!

よりオリジナリティーを追求したい場合は、こうした細かい設定の引継ぎができるのはうれしいポイントです!

wordpress-stork030

ヘッダー下にリンク付きのお知らせを設置できる!

wordpress-stork020

CTAの設置・設定ができる!

CTAとは読者さんに注意喚起をさせる事です。
(CTAについては『ブログからメルマガ読者集めをするなら、この2つをやるべし!』という記事で詳しく解説しています。)

wordpress-stork032

これがあるかないかだけで、メルマガの読者さんの増え方が爆発的に変わりました。

僕の場合、以前は多くて月に10人ほどの登録でしたが、変更後に6倍以上にまでメルマガ登録者数が増えた経験があるので、CTAの効果のでかさは身をもって知っています。

専用のショートコードがあるので、それを使えば簡単に設置が可能です!

i-love-hummingbird04

設置はウィジェットから簡単にできちゃいます!

メルマガや、お問合せ、お見積り等、読者さんにとってほしい行動を促せるCTAがセットでついているテーマは殆どありません。

なんと、ヘッダーにもCTAの設置ができる!

トップページのヘッダー部分にも、CTAが設置可能です!

wordpress-stork034

正直、トップページのアクセス率は全体の数パーセント程度(人によります)ですが、トップページにアクセスしたらいきなりどんっ!はインパクト大です。

豊富なウィジェット機能で、簡単広告設置ができる!

『STORK』はとにかくウィジェット機能が豊富です。

wordpress-stork033

Googleアドセンス等の広告設置はもちろん、自社商品のバナーの設置も思った所に簡単設置が可能です。

LPの設置が簡単にできる!

お問合せやメルマガ登録フォームはもちろん、商品のオファーやサービスを紹介するページで使うのがランディングページ(LP)。

大抵のケースでは、別途LP用テンプレートを別途要して設置するという事が多いんですが、あらかじめ備わっています。

しかも、ブログの記事を書く時と同じ操作で行えるので、とっても簡単!

ランディングページサンプル

こんな感じのが簡単にできます!(*ワークショップは別ページで現在は募集しています。)
このLPのおかげで、実際にワークショップに何人もお申込み・ご参加くださいました^^

僕はいまサービスページを別ドメイン・専用テーマを使っていますが、ここまでやらなくてもLP機能だけでも十分です!
(僕の場合、こだわりが強くて(笑))

PCとスマホで個別のレイアウトが選択できる!

「記事一覧の表示を変えたい」なんてことはありませんか?

大半のテーマは、1パターンしかありません。だから難しいカスタムが必要なんですが『STORK』はそんな必要がありません。

このように4種類から、しかもPC・スマホ毎に変えることができます!

wordpress-stork019

『シンプル』

wordpress-stork018

『カード型』

wordpress-stork017

『マガジン型』

wordpress-stork016

『ビッグ』

wordpress-stork015

見出しをカスタムせずに3種類から選べる!

見出しのカスタムは、通常CSSデータを操作する必要がある為、データを壊してしまうリスクがあります。

しかし、『STORK』はカスタムメニューからこのように3種類から選ぶとができます。

もちろん色合いだって変えられます!

『シンプル』

wordpress-stork024

『ボーダー』

wordpress-stork023

『吹き出し風』

wordpress-stork022

個人的に気に入った点

本当はまだまだあるんですが、それは販売ページでご確認ください(笑)

これは、僕が個人的に「これはうれしいな!」と思ったポイントです。

もしかしたら、あなたも同じと思っていたりしませんか?

  • パン屑リストが非表示にできる!
    設定は『カスタマイズ』の『グローバル設定』から行えます。
    wordpress-stork025ヘッダーと記事の間にあるこれが「パン屑リスト」です。僕は邪魔だなと思うので消せるのはうれしいですね!
    wordpress-stork026
  • 投稿日・更新日の表示設定ができる!
    しかも、更新日だけ/投稿日と両方も選択が可能!
    設定は『カスタマイズ』の『投稿・固定ページ設定』から行えます。
    wordpress-stork021

 

と言う訳で、スマホを意識するなら『STORK』がいかに良いのかが伝わればと思いますが、1時間もあれば設定ができるのでやっちゃいませんか!?

「設定が不安・・・」という方に向けて、この後具体的な操作方法を解説しますので、併せてご活用くださいませ~!

テーマ『STORK』を変更・導入する前にチェック!変わるもの変わらないもの。

テーマを変える前に、どこの変更が必要になるのか?という事をざっとまとめましたのでチェックしてください。

テーマ変更で再設定が必要になるもの

  • ヘッダー部分・・・ロゴ・ヘッダー画像(変更前のテーマによります)
  • メニュー・・・グローバルメニュー・フッターメニュー(変更前のテーマによります)
  • ウィジェット・・・サイド・広告枠・フッター等(変更前のテーマによります)
  • ショートコード・・・テーマ固有のショートコードは使えなくなります(変更前のテーマによります)
  • 記事のレイアウト・・・ページ毎にテーマ固有の設定をしていた場合は引き継げません
『アルバトロス』『ハミングバード』を使っている場合は、大抵は引き継げますが、レイアウトが変わる為若干修正が必要となります。

テーマ変更で再設定が不要なもの

  • 記事や固定ページ・・・そのまま何もしなくてOKです
  • ウィジェットの中身・・・配置が変わるだけなので、再度作り直しは不要です
  • プラグイン・・・テーマによっては相性があるので公式サイトでチェックしましょう!
  • その他・・・カテゴリやアップロードしたものはなくなりません
変更前のテーマをアンインストールしなければ、設定は元に戻ります。
しかし、削除してしまったウィジェットやメニューなどは復元できませんのでご注意を!

今すぐ変えよう!テーマ『STORK』を変更・導入する方法

まずは、『STORK』を購入してダウンロードまで済ませておいてくださいね!

これから買うよ!という方は、こちらから購入できます!

では、早速インストールをして設定をしてゆきましょう♪

インストールをしよう!

まずはテーマをインストールしましょう!

管理画面の『外観』⇒『テーマ』をクリックしてください。

wordpress-stork01

テーマの設定画面で左上の『新規追加』をクリックしてください。

wordpress-stork02

このような画面が表示されますので『テーマのアップロード』をクリックしてください。

wordpress-stork03

そうすると、このようにアップロードするテーマを選択する画面が表示されます。

「jstork.zip」というファイルを選択して『開く』をクリックしてください。

wordpress-stork04

そうすると、このように表示されますので『今すぐインストール』をクリックしてください。

wordpress-stork05

しばらく待つと、このようにインストールが完了します。

『有効化』をクリックして早速テーマを変更しましょう!

wordpress-stork06

この画面が表示されれば、無事にテーマが変更できました!

wordpress-stork07

インストールが終わったら、早速設定をしてゆきます!

このままでは、前のテーマから引き継げていないところがあり、レイアウトが崩れてしまいます。
(もしくはメニューなど表示されません)

基本的に『メニュー』『ウィジェット』『カスタマイズ』この3つから設定はできます。

では、順を追って解説してゆきますね。

メニューの設定を行おう!

では、まずはメニューの設定から行ってゆきましょう!

管理画面の『外観』⇒『メニュー』をクリックしてください。

wordpress-stork08

この要にメニューの設定画面が表示されます。

編集するメニューを選択、もしくは新規作成してください。

wordpress-stork011

操作が分からない場合は『WordPressのPVを上げるグローバルメニューの設定方法』で詳しく解説しているので、併せてお読みください!

 

次に、『STORK』はこのようにメニューに説明をつけて2段表示できるので設定しましょう!

wordpress-stork027

同じくメニューの設定画面で右上に『表示オプション』があるのでその中の『説明』にチェックを入れてください。

wordpress-stork028

そうすると、メニューに設置した項目のオプション設定画面に『説明』が追加されますので、そこに入力してください。

メニュー上での表示を変えたい場合は、『ナビゲーションラベル』の文字を変えればOKです!

wordpress-stork029

最後に設置する場所を決めましょう。

3か所同じ表示にすることもできます。

『STORK』はスマホ用のメニュー設定もできるので、個別で設定してみるのもいいですね!

wordpress-stork012

最後に『メニューを保存』をクリックしましょう。

これでメニューは設定ができます。

ウィジェットの設定を行いましょう!

メニューの設定ができたら、次はウィジェットの設定です!

ウィジェットは、各所レイアウトに影響しますので必ず行いましょうね。

管理画面の『外観』⇒『ウィジェット』をクリックしてください。

wordpress-stork09

テーマが変わると、位置が変わり設置できなくなってしまうウィジェットが出てきてしまいます。

「あれ?ないぞ」と思ったらウィジェット画面の一番左下の『使用停止中のウィジェット』をみてみるとありますよ。

あとは、別のウィジェットの場所に移動しているケースもあるので、見てみてくださいね。

wordpress-stork010

この設置は、別ページでブログを表示させ、位置を確認しながらやると便利です。

位置調整は『カスタマイズ』画面からも操作はできます。

外観のカスタマイズを行いましょう!

そして、最後に外観のレイアウトやロゴやカラー等の細かい設定を行います!

ここが一番楽しい所です♪

管理画面の『外観』⇒『カスタマイズ』をクリックしてください。

wordpress-stork013

そうすると、このような画面が表示されます。

画面左側にカスタムできるメニューがずらりとあるので、好みでここは設定できます♪

「よし!これだ!」と、決まったら『設定を保存する』のクリックをお忘れなく!

wordpress-stork014

 

『アルバトロス』『ハミングバード』『STORK』で迷ったら・・・!!

アルバトロス』『ハミングバード』『STORK』・・・迷う・・・なんてことはありませんか?

i-love-hummingbird013

僕は全部持っていますが、ホント素敵なんですよ!だから迷うのはよ~~~く分かります。

そこで、愛用者兼Web集客コンサルタントとして3つの特徴とこんな人に向いているよ!という事をまとめます。

  • アルバトロス・・・シンプルなブログを作りたい方向け。一番フラットなデザインです。
  • ハミングバード・・・メルマガ集客やお問合せ等CTAに注力したい方向け。一番動きがあるデザインです。
  • STORK・・・スマホからの読者さんを一番意識したい方向け。一番ポップなデザインです。

個人的には、Web集客やマーケティングに向いているのは『ハミングバード』。

そして、ブログとしての読み物中心の場合は『アルバトロス』『STORK』かなと思います。

ただ、どれもスマホ表示はめちゃきれいいですし、CTA完備だったりと個人的には何も不満がないので、見た目で決めてもいいのかなと思いますね~。
(なぜか最後に迷わす)

 

アルバトロス』⇒『ハミングバード』⇒『STORK』の順番で開発されていますから、最新のテーマ方がより操作性が向上していることは言えますので、特に操作が分からなくて不安・・・という方は『STORK』を選べばまず間違いないと思いますヨ!

 

集客ブログ用のWordPressテーマはアルバトロスが最強だと思う10の理由

2016.01.14

 

あなたのブログがもっとたくさんの方に読まれますように!