WordPressのテーマをSTORK(ストーク)に変更してみたので紹介してみるよ!

WordPressのテーマをSTORK(ストーク)に変更してみたので紹介してみるよ!

こんにちは。フリーランスエンジニアからブロガー/アフィリエイターへと移行中のストーカーとみっちです。

先週(2016年9月15日)から、当ブログのWordPressテーマを話題のSTORK(ストーク)に変更してみました!

今回の記事では、WordPressのテーマを変えてみたくなった理由と、変えてみた印象などをまとめていきます。

【前置き】 これまで使っていたWordPressのテーマ

STORKのお話の前に、少し長くなるんですけど...お付き合いください。

この項目で書きたいことは、

ブログを書くために、WordPressのカスタマイズをあれこれ頑張るよりも、STORK入れちゃえば早いぞ!

ということです。
 

当ブログでこれまで使っていたのは、SmartAdaptという海外の無料テーマをカスタマイズしたものでした。

2013年の11月に、当ブログはSeesaaブログから引っ越してきて、WordPressへと移行したのです。

その際にこのテーマをなんとなく導入しました。

僕のブログ歴は無駄に長いのです...!!

レスポンシブデザイン(PC、タブレット、スマホ等端末に応じて表示を最適化するデザイン)に対応していて、なおかつ見た目がシンプルで良さそうなもの、そして何より無料のテーマを選んだところ、SmartAdaptになったんです。

最近書いた記事に、SmartAdaptをまんま適用してみるとこんな感じになります。

smartadapt

海外のテーマなんで、日本語フォントがアレですよね。でかく表示されすぎてバランス悪い。

HTMLソースを眺めていてSEO的に良くないなーと思ったり、SNSボタンを設置したいとか、デザインをカスタムしたいという理由で、SmartAdaptをベースにオリジナルテーマ化して、ひたすらカスタマイズして使ってきました。

導入当時は概念自体を知らず、「子テーマ」にはしていなかったのですw

WordPressのテーマをカスタマイズする際には、是非子テーマ化しましょうね。

テーマにアップデートがあった際に、自分で変更した箇所がなくなってしまうことを防ぐことができます。

SmartAdapテーマをカスタマイズした最終形は、トップページで見るとこんな感じになっていました。

左カラム主に目立たせたいメインメニューとSNS関連の情報を表示
真ん中のメインカラム記事一覧(2記事目、5記事目の後にはそれぞれGoogle Adsense広告を表示)
右カラム僕のプロフィールと、人気の記事(はてブのプラグインで表示)、最新記事、カテゴリー、運営サイトなどのリンクと、最下部に各社ASP広告をランダムで表示
※表は横スクロールが可能です。

で落ち着いていました。

記事ページではタイトル直下と、記事の最下部にSNSシェアボタンを設置し、アドセンスの配置にもそれなりにこだわってきたわけですよ。

自分でカスタムして作ったテンプレートには、もちろん、おなじみの「こちらの記事も読まれています」も設置していました。

関連記事が表示されるように、せっせと自分でプログラムを書いたんですよね。

なんとSTORKなら標準で関連記事を表示できる!

他にもとにかく各部カスタマイズして、スマホやタブレットで表示した際の広告の見せ方だったり、読んで欲しい記事の見せ方をよりよくしてきたのです。

こういったWordPressのカスタマイズ作業にホント莫大な時間をかけてきたんですよね...。

これからブログを頑張っていきたい人で、

WordPressのカスタマイズをとことん勉強していきたい! (キリッ

という人以外は、最初からSTORK(ストーク)のようにブログの魅せ方が素晴らしく、便利な機能が満載の有料テーマを使うことをオススメします!

勉強にはなるんですが、WordPressテーマをカスタムするのに要する時間は本当にもったいない。。

僕がWordPressでブログを書くようになった2012年頃に戻れるのであれば、過去の自分にSTORKを渡したい!

とみっち2012
「オリジナルテーマそんなにカスタマイズしても、将来君はSTORKを使っているから。」
是非ともSTORKを導入して時間を節約してほしいです!

STORK(ストーク)とは

STORK(ストーク)というのは、WordPressの有料テーマなんですが、これまで、アルバトロスやハミングバードといった人気有料テーマで有名なOPENCAGEさんと、ブログマーケッターJUNICHIさんが共同で開発したコラボテーマということです。

当ブログを見てもらうと、STORKを適用したテーマはこんな感じか〜と伝わるかと思います。

※スマホで見た際の固定フッター は僕がカスタマイズしたものですので、標準機能ではありません。当ブログで販売しています(宣伝)。

公式のデモサイトは以下のリンク先から見ることができます↓

STORKのライセンスについて
1個の購入で1サイトを利用可能です。サブディレクトリに別サイトを立ち上げる場合は、別サイト扱いとのことです。

サイトにアクセス後、「DEMOをみる」ボタンをクリックしてください!

STORKテーマは、OPEN CAGEさんがこれまでのテーマ開発で培った経験と、JUNICHIさんのブログマーケティングのノウハウの融合により、ブログマーケティングに特化したテーマ・テンプレートとなっていて、かつHTML/CSSの知識がなくても、管理画面上で設定をいじるだけで、簡単に綺麗なブログが作れるように設計されています。

ブログのカスタマイズではなく、特に書くことに集中したいというブロガーの間では大人気となっているテーマです。

STORKの特徴は下記のとおりです。

STORKの特徴

  • ブログ読者目線で読みやすさにとことんこだわっている
  • レスポンシブウェブデザイン
  • スマートフォンでの表示にこだわっている
  • 機能的にも徹底的にモバイルファーストにこだわっている
  • 誰が作っても美しいデザイン
  • 綺麗なデザインのオリジナルSNSシェアボタンを簡単に表示
    (プラグインを追加すればカウント数も表示可能)
  • ヘッダーにグローバルメニューを表示(スマホでは横スクロール可能)
  • 注目させたい記事をトップページヘッダー下部でスライダーで表示
  • 様々な表示に対応できる便利なショートコードが用意されている

STORK(ストーク)テーマを適用した当ブログをスマホで見るとこんな感じです。

ヘッダー部分では、ロゴの左右にメニューボタン検索ボタンが配置されます。

どちらもタップすることで、メニューと検索欄がポップアップ表示されます。

メニューに関しては、何を表示させるのか管理画面でカスタマイズが可能となっています。

Googleなどで目にすることがある、横スクロール可能なグローバルメニュー。これを使っているWordPressテーマをなかなか見たことがなく、インパクトがありますね。

通常はプラグインを入れて、せっせと作らなければいけない、オススメ記事を一定時間でローテーションするなんていうものも、STORKならすぐにトップページに表示させることができて便利です。

イチオシとなる記事を、是非ともこの欄でアピールしましょう。

グローバルメニュー

グローバルメニューをPCで閲覧すると以下のように表示されます。

STORK PC閲覧時: グローバルメニュー

WordPressの管理画面では、「外観 → メニュー」と進み、簡単に表示するメニューや、表示順序、アコーディオン展開する内容の設定(多段メニューの表示)が可能です。

STORK PC閲覧時: グローバルメニュー設定

スマホの場合は、同様に、管理画面で「グローバルナビ(スマートフォン)」といった名称のメニューが用意されているので、細かく表示設定が可能です。

設定が完了すると、以下のようにスマホでアクセスした際もグローバルメニューをバッチリと表示できます。

STORK スマホ閲覧時: グローバルメニュー

横にスクロール可能なグローバルメニューが使用できるWordPressテーマはかなり少ないので、他の人と差別化できる点の一つとなりますね。

スマホ ハンバーガーメニュー

スマホ表示も細部に非常にこだわって作られているSTORKテーマですが、ハンバーガーメニューで表示される内容も自由に設定できちゃいます!

WordPressストーク ハンバーガーメニュー

スマホで見た際に、ロゴの左脇のこんな感じのマーク「」が、いわゆるハンバーガーメニューと呼ばれています。

デフォルトでは、PC版と同様のグローバルナビが表示されます。

STORK スマホ ハンバーガーメニュー

スマホのハンバーガーメニューのみ設定する方法は、

外観 → メニュー

と進み、「スマホ用 ハンバーガーメニュー」といった名称でメニューを作成。

続いて、

外観 → ウィジェット

と進み、「カスタムメニュー」欄から「SP: ハンバーガーメニュー」を選択し、先ほど「スマホ用 ハンバーガーメニュー」といった名称のメニューを追加するといった手順でメニューを自由に作成できます。

STORK スマホ ハンバーガーメニュー設定 STORK スマホ ハンバーガーメニュー カスタマイズ後

素晴らしい...!

オススメ記事をスライダーで表示

僕が特に気に入っている機能の中の一つが「オススメ記事のスライダー表示」です。

オススメ記事をスライダー表示

是非、当ブログのトップページにアクセスして確認してみてください。

通常、WordPressでこのようなスライダー機能を使用するためには、自分でプラグインを探してきて、設定しなければならない作業ですが、STORKであれば標準で使用できます。

管理画面で、「投稿 → タグ」と進み、トップページに表示するために、各記事に設定するタグを追加します。

名前は自由「例:オススメ」、スラッグは「pickup」と命名して新規タグを追加します。

STORK ヘッダースライダー用 タグ設定

以後、投稿画面でこの名称のタグを設定したものは、トップページのスライダー箇所に表示させることが可能です。

固定ページも設定できますし、PC版、スマホ版共通でトップページのスライダーが表示されます。

もし、スライダー部分を表示したくなければ、タグを設定する記事を1つも用意しなければいいだけなので、シンプル、簡単で使い勝手がいいですね。

SNSシェアボタン、Facebookページのいいね

投稿や、固定ページのアイキャッチ画像下部に、「TwitterやFacebook、はてなブックマーク、Google+、Pocket」のSNSシェアボタンを表示させることができます。

STORK SNSシェア

また、記事ページの下部では、RSSリーダーサービスでさる「Feedly」や、「Facebookページ」へのいいねボタンを表示させることもできます。

STORK 記事下 SNSシェア

SNSシェアボタンを表示したくない人は、管理画面で「外観 → テーマ → カスタマイズ」と進み、「投稿・固定ページ設定」から非表示にすることも可能です。

SNSボタンを表示しない」にチェックを付ければ非表示にできます。

STORK SNSシェアボタン非表示
STORK facebookページ設定

記事一覧表示のレイアウト変更

記事を一覧表示するレイアウト(デザイン)変更も簡単に変更できます。

シンプル

STORK 記事レイアウト シンプル

カード型

STORK 記事レイアウト カード型

マガジン型

STORK 記事レイアウト マガジン型

ビッグ

STORK 記事レイアウト ビッグ

レイアウトを変更するだけでも、ガラッと印象を変えられるのが面白いですね!

STORKは細かく設定のオンオフやカスタマイズが管理画面で簡単にできて、好みの状態にカスタマイズしていくのが実に楽しいという印象を持ちました。

まだまだあるぞ!STORKの魅力的な機能

今回の記事では書ききれないほど、STORKには魅力的な機能が満載です。

  • 吹き出し表示
  • メインサイドバーなど各メニューの設定
  • スクロール追従するサイドバーのエリア(広告などで活用)
  • CTAの設置(投稿ページ記事下部に表示する宣伝エリア)
  • 記事ごとにレイアウトを選択可能(2カラム、1カラム等)
  • Adsense広告用設定ウィジェット

ブロガーに必要な機能がこれでもかというくらいに揃っています!!!

詳細は是非とも公式サイトで詳しくチェックしてください。

PVの変化

トップページ

トップページのPV数が約3倍になった!!

ヘッダーのデザインが変わり、サイトのロゴが目立つし、

「トップページはどうなっているんだろう」

などと気にして見てくれる人が増えたのかもしれません。

STORKを使用しているブロガーとして、他の人から紹介してもらえることが増えたのも嬉しいことの一つです。

記事ページ

オススメ記事だったり、人気記事を出したりといったことは、以前のテーマでも実装していたので、僕のブログの場合はPVの上昇はそれほど見られなかったです。

WordPressを初めて間もない人や、これまでそういったカスタマイズをやってこなかった人は、SOTRKを導入することでPVが伸びる可能性は十分にありますね。

PVというのはPage View(ページビュー)のことで、閲覧されたページ数のことを指します。

STORKのようにテーマが最適化されていれば、たまたまとある記事を読んだ読者が他の記事に興味を持って読んでくれることが増えるかもしれませんね。

【2017年2月1日追記】
2016年10月、11月とPVが伸びず、ちょっとがっかりしていた部分もあったのですが、12月から急にPVが伸びてきました。

STORKを導入したことによるものなのか、それとも他の要因なのかははっきりとはしません^^;

さらに、直帰率が2%程度減少しました。

現在、84.56%となっています。

僕のブログは検索エンジンからの集客が主体で、雑多なブログとなっています。

直帰率が高いのがネックだったんですが、読者がもっと他の記事にも興味を持ってくれるよう、STORKを活用してさらに直帰率を下げる工夫をしていきたいと考えています。

もし、これまでオススメの記事だったり、SNSシェアボタン、また各カテゴリページへのリンクを適切に貼っていなかった人は、是非ともSTORKへとテーマを変更することをオススメします。

1から全部自分でやっていくよりも、断然楽ができ、執筆にもっと集中できる!!

これがSTORKを導入する一番のメリットです。

もちろん、これから

ブロガーになりたい!!!

という人で、新規でWordPressを始める人にはSTORKテーマが超絶オススメです。

他社ブログサービスから引っ越してきて、WordPressにするという人にもオススメできます。

STORKが好きすぎて、ステマ記事のようになってしまいましたw

STORKの料金

STORKの販売価格は、

10,800円(税込)

です。

これまでWordPressの有料テーマにはなかなか手が出なかった僕です。

正直、5,000円のテーマでも高いと思っていました。

それが、STORKを使ってみて、

これだけの機能とビジュアルが手に入るのであれば、かなり安い!

と思ってしまったんですよね。。

仕事で10年間もWeb制作をやってきたから分かるんですが、STORKのテーマくらいの見た目と、カスタマイズ性をもたせてWordPressのブログカスタマイズをWeb制作業者に依頼すると、

数十万円

は平気でかかると思われます。

僕自身、個人でこのようなテーマを開発していたら、1ヶ月や2ヶ月は時間がかかっていたに違いないです。

それだけのものを1万円程度で買えるんですから、ありがたいですね。

STORKの導入方法

STORKの導入方法を簡単に紹介しましょう!

まずは、テーマ販売ページへと進みます。

新規販売ページ

【2017年2月追記】
僕がSTORKを購入した際と、現在ではSTORKの販売ページが変わっていました。

現在の販売ページ(公式サイトトップページ)での購入方法を説明します。

販売ページへと移動したら、「カートへ入れる」をクリックします。

続いて、必要なSTORKテーマの数量を入力して「次へ」をクリックします。

STORKテーマのライセンス
複数のサイトでSTORKテーマを使い回すことはできません。
異なるドメインだけでなく、サブドメインでもSTORKテーマを購入する必要があるとのことですので注意してください。

最後に決済方法を選択します。

決済情報を入力して、決済が完了すれば、無事に購入完了です。

販売ページが変わってから購入していないので、テーマのダウンロード画面がどのように表示されるかは分かりませんが、恐らく決済完了後にテーマダウンロードURLが表示されるか、決済完了メールにダウンロードURLが記載されているんだと思います。

まとめ

本文でも書いたんですが、僕はこれまでWordPressのカスタマイズに、本当に莫大な時間を費やしてしまいました。

WordPressに関する知識は蓄積されてきたんですが、別段WordPressのプログラミング部分に興味がない人にとっては、カスタマイズはつまづくポイントが数多くあり苦行となります。

とりあえずブログを書くことに集中したい人には、STORKは本当にオススメなので、使い始めてみてください。

STORKを土台にして少しずつカスタマイズを覚えていくのが近道かもしれませんね。

問題点としては、今後STORKを使うブロガーがどんどん増えていって、同じようなデザインを目にすることが多くなっていくことですかね。

同じテーマを使いながらも、いかに個性を出していくかというのも面白みの一つですね。

人気のテーマは、カスタマイズ方法や不具合が起きた際の対処方法といった情報を、ネット上で多く見つけることができるのもオススメできるポイントの一つですね。

STORKを使っているブロガーと実際に会った際に話が弾む!

というのが、実は今一番感じているメリットです!

STORK スマホ固定フッターメニュー

STORKテーマを導入したブログに、スマホでアクセスした際に、固定フッターメニューを表示できるようなカスタマイズをしてみました。

導入方法を販売していますので、こちらも合わせて見てくださいね!

Facebookアカウントでコメント

※本コメント機能はFacebookによって提供されており、この機能によって生じた損害に対してザ サイベースは一切の責任を負いません。

WordPressのテーマをSTORK(ストーク)に変更してみたので紹介してみるよ!

ABOUTこの記事を書いた人

数年前までバンド活動してました。ブログ、サイト運営で食べてます。フリーランス歴7年のWebクリエイター。飄々と生きています。これでも育児頑張ってます。長野市出身。埼玉県川越市在住。【興味】音/Web/車(GolfV GTI等)/田舎/旅/酒 ※自然の音からデスメタルまで聴きます。@tomicci 詳しいプロフィール【運営サイト】 ザ サイベース おと風景