CAGE製の最新テーマ「スワロー」がリリースされました。見た目や機能はストークと似ているのですが、スワローは記事を引き立てるために「よりシンプルに、かつ洗練されたデザインに変更されている」のが大きな特徴です。いうわけで、こんにちわ!ストークからスワローに変えてみたサクサクです。結果的にスワローのほうが自分好みのデザインで、動作も軽快だったので満足感は高いのですが、スワローとストークの違いって、ただデモサイトを見比べたただでは分かりにくいですよね。そこで今回は、どちらを購入したらよいか迷っている方のために、スワローとストークの具体的な違いについて紹介したいと思います。目次スワローにしかできない機能PC表示でもハンバーガーメニューが使えるサイトロゴの下にキャッチフレーズを表示できるようになったビジュアルエディタで「見出し」のデザインを認識できるカテゴリー一覧に階層ボタンが追加されたアイキャッチ画像の「カテゴリー名」を非表示にできるストークにしかできない機能カスタムメニューに「英語説明」が表示できるヘッダーロゴの位置を変更できる記事一覧ページのレイアウトに「マガジン」があるボタンの種類が多いウィジェットの設定項目がストークのほうが多いスワローとストークの微妙な違いフォントの種類が違う見出しデザインの種類が異なるショートコードで作成できるアイテムのデザインが違うフォローボタン群の種類が変更されたフッターに設定できるウィジェットの数が違うタブレットでの表示のされ方が違う!スワローとストークの「ページ読み込み速度」の違いストークからスワローに変更しても表示は崩れない?まとめスワローにしかできない機能スワローはストークから余分な機能を削ぎ落したテーマではあるのですが、実は増えている機能も結構あります。新テーマ「スワロー」にしかできない機能を紹介していきますね!PC表示でもハンバーガーメニューが使えるストークではスマホで表示した場合にしか「ハンバーガーメニュー」が表示されませんでしたが、スワローではPC表示の際にもハンバーガーメニューが表示されるようになりました。PC表示でも左上にハンバーガーメニューのボタンが表示されるサクサクハンバーガーメニューは「ウィジェット」として扱えるので、ショートコードを使って自由にカスタマイズすることが可能です!サイトロゴの下にキャッチフレーズを表示できるようになったスワローではサイトロゴの下にキャッチフレーズを表示できるようになりました。小さめにキャッチフレーズを入れられる。テキストロゴだけでなく、ロゴ画像を挿入した場合でも同様に設定できます。これを使うと「どんなサイトなのか」が読者に伝わりやすくなりますね!もちろん、非表示にすることもできます。ビジュアルエディタで「見出し」のデザインを認識できるビジュアルエディタで記事を書くときに、「見出し」のデザインを視覚的に認識できるようになりました。後で記事を見返した時、見出しの種類がすぐに分かるので非常に便利です!カテゴリー一覧に階層ボタンが追加されたスワローではサイドバーやフッター部分に表示できる「カテゴリー一覧」に、下の階層があることを示す「+」ボタンが追加されました。右側に階層構造を示す「+」マークが表示される。展開すると、サブカテゴリーが表示される。サブカテゴリーの数が多いブログではスッキリ見やすくなるのですが、見慣れないボタンなので、読者が押してくれるかは微妙なところかもしれません。(設定によって全て表示させることもできます)アイキャッチ画像の「カテゴリー名」を非表示にできるストークの特徴の1つである、アイキャッチ画像右上の「カテゴリー名」表示。スワローではこれを表示するか非表示にするかを選択できるようになりました。右上にカテゴリー名を表示するか選べるようになった。したシンプルな表示が好きな方には嬉しい機能ですね。スワローだけの機能まとめPC表示でもハンバーガーメニューが使えるサイトロゴの下にキャッチフレーズを表示できるビジュアルエディタで見出しのデザインを認識できるカテゴリー一覧に階層ボタンが追加されたアイキャッチ画像のカテゴリー名を非表示にできるスワローのデモサイトでチェックストークにしかできない機能サクサク今度は「ストークにしかできない機能」を見てみたいと思います。カスタムメニューに「英語説明」が表示できるストークではカスタムメニューの下に「英語表記の説明」が追加できます。これがあるだけでPC表示の見栄えが良くなるので、非常に人気の高い機能となっています。残念ながらスワローではこの機能はなくなってしまいました。ヘッダーロゴの位置を変更できるストークでは、ヘッダーロゴの位置を「左側」と「中央」から選ぶことができます。対してスワローは「中央配置」のみになっています。記事一覧ページのレイアウトに「マガジン」がある記事一覧を表示するレイアウトが、ストークでは一種類多く設定されています。スワローは3種類シンプルカード型ビッグストークは4種類シンプルカード型ビッグ型マガジン型(ストークのみ)ストークのみで使える「マガジン型」のレイアウトはこちら↓このように、記事をマガジン風に(雑誌のように)レイアウト表示させられます。※スマホでも2列表示させることが可能です。カード型に似ていますが、マガジン型はアイキャッチ画像を切らずに表示することができます。ボタンの種類が多いショートコードで使えるボタンの種類が、ストークのほうが少しだけ多いです。具体的には、「赤色で目立つボタン」がスワローでは無くなっていました。強調されすぎちゃって、使いどころが難しいんですよね。ウィジェットの設定項目がストークのほうが多いスワローとストークのウィジェット設定を比べると、ストークのほうが設定できる項目が多いです。ストークにしかできないウィジェット設定は次の3つです。記事タイトル上フッター(真ん中)左側がストーク。右側がスワローのウィジェット設定項目。ウィジェットの設定はストークのほうが分かりやすかったです。ストークだけの機能まとめカスタムメニューに「英語説明」が表示できるヘッダーロゴの位置を変更できる記事一覧ページのレイアウトに「マガジン」があるボタンの種類が少し多いウィジェットの設定項目が多いストークのデモサイトでチェックスワローとストークの微妙な違いスワローとストークの両方に備わっている機能でも、微妙に違っている部分が結構あります。具体的にどんな部分が違っているのか紹介していきますね!フォントの種類が違うスワローとストークでは、デフォルトで設定されているフォントの種類が違います。左側がストークで右側がスワローです。大きさは同じなのですが、スワローのほうが若干太字になっています。どちらも読みやすいフォントなので、好みの問題かも。(フォントはスタイルシートに追記すれば変更可能です)見出しデザインの種類が異なるスワローもストークも見出しのデザインは3種類用意されているのですが、使える種類が異なります。ボーダーまた、スワローとストークでは見出し3以降のデザインが少し変わっているのでご注意を。それぞれのデザインを画像でまとめてみました。ストークの見出し(シンプル)スワローの見出し(シンプル)ストークの見出し(ボーダー)スワローの見出し(ステッチ)ストークでは「見出し4」は何も装飾されていなかったのですが、スワローでは装飾が追加されているのが大きな違いですね。個人的には、「見出し4」までデザインされているスワローのほうが使いやすいです。ショートコードで作成できるアイテムのデザインが違う各種ショートコードで作成できるアイテムのデザインも、スワローとストークでは少し違っています。き出し」のショートコード画像を比較したものです。左がストークで右がスワロー。左がストークで右がスワロー。左がストークで右がスワロー。「注意説明」と「補足説明」はストークのほうがしっかり強調している感が強く、スワローは少し淡い色使いで「さりげなさ」が強いですね。「吹き出し」はストークのほうがキャラがしゃべっている感が強く、スワローはスタイリッシュで落ち着いたデザインになってます。この辺も好みが分かれるところですね。ショートコードのデザインによってブログの雰囲気が結構変わります。購入前にデモサイトのページをよくチェックしてみてくださいね!スワローのデモサイトはこちらストークのデモサイトはこちらフォローボタン群の種類が変更されたスワローとストークでは、SNSなどのフォローボタンの種類が変更されています。「Google+」⇒スワローにはない。「LINEで送る」⇒ストークにはない。記事の最後に表示させられる「記事が気に入ったら・・・」の画面に表示されるボタンも違っています。ストークでは「facebookページ」への「いいね!」だけだったのですが・・・ストークのシェア画面スワローでは「Twitter」と「Feedly」が追加されました。スワローのシェア画面フッターに設定できるウィジェットの数が違うストークではフッター部分に3つのウィジェットを設定できました。ストークはフッターに3種類のウィジェットが設定できる。これに対してスワローは2つまでしか設定できなくなりました。スワローは2つまでウィジェットを設定可。スワローの場合、正確にはフッターではなく「メインコンテンツの下」という位置付けに変わったようです。タブレットでの表示のされ方が違う!スワローとストークでは、iPadなどのタブレット端末で閲覧したときの表示が異なります。スワローのタブレット表示スワローは縦画面の場合1カラム(スマホ表示と同じ)ストークのタブレット表示ストークは縦画面でも2カラム(PC表示と同じ)横画面の場合はどちらも2カラム表示になります。MEMOハミングバードではピンチアウトしても画面を拡大することが出来ませんでしたが、スワローとストークでは自由に拡大することができます。(ブラウザの設定にもよってはハミングバードでも拡大可。)スワローとストークの「ページ読み込み速度」の違いストークはスマホ閲覧だとサクサクなんですが、パソコンで表示すると多少もっさり気味。多機能ゆえの弱点となっています。対してスワローは、余分な機能を削ぎ取った分、読み込み時間が短縮されました。Insights』でのスコアも、スワローは『Good』の評価が得られています!ストークでは頑張っても70前半だったので、この改善点は大きいです。ページの読み込みが早いといわれるテーマ「SANGO」と比較しても、ほとんど遜色がないですね。ストークからスワローに変更しても表示は崩れない?ストークとスワローのショートコードの記載はほぼ同じなので、ストークからスワローに変更しても基本的に表示は崩れません。(僕もストークからスワローに変更したので検証済み)ただし、カラー設定や追加CSSの設定などは受け継がれないので、再度設定する必要があります。ウィジェットも再設定が必要なので、内容をメモしておくと安心です。アクセス解析コード(GoogleAnalyticsやheadタグ)は引き継がれます。まとめ以上がスワローとストークの具体的な違いです。テーマとしてはスワローのほうが最新ではありますが、機能面では一長一短。ストークが劣っているわけではありませんでした。細かい設定変更はストークのほうが充実しているので、デザイン主体で選んでも後悔はしないと思います。今回のスワロー発売に合わせて「ストークのボタンショートコード」の種類も追加されました。OPENCAGE製のテーマは随時バージョンアップを実施してくれるのも嬉しいですよね。栃木県の地方都市でWEB系の個人事業主をやってます。ブラック企業で働いていた時に悪化した強迫性障害をなんとか克服し、子育てに悪戦苦闘する毎日。このブログでは、そんな僕たち夫婦のリアルガチな体験記事を中心に、気になる情報を分かりやすく紹介しています。