数年変えていなかったワードプレステーマを変更しました。実際の使い勝手やレビューに関しての記事は完成済みで公開待ちの状態ですが、その前にどのような表示になるのか、どのようなレイアウトになるのかを試すためのテスト記事を作成します。
旧ワードプレステーマはリファインプロで、新ワードプレステーマはALPHA WordPress Themeです。
続きを読むボタンは自動表示なのか？
まず、以前のリファインプロには無かった部分。自動で「続きを読む」というボタンが表示されるのかどうかを確認します。
これまでは、自動で続きを読むタグが挿入されなかったので、自身で折りたたむところを指定する必要がありました。実はこれ面倒です。
かといって、カスタマイズすることによって「何文字で自動的にタグを挿入する」という手間すらかけたくありません。今回はその部分、続きを読むボタンはどうなっているかを確認します。
※本記事は「続きを読む」タグは未挿入です。
結果：続きを読むタグを入れなくても自動的に挿入されていました。便利！
プリセットからの商品紹介の表示はどうなっているか？
ALPHA では部品クラスと呼ばれるワンクリックで装飾できるボタンが搭載されました。どのような表示になるか見てみます。
「商品紹介3つ」という部品です。ワンクリックで呼び出せます。
| 商品名１ | 商品名２ | 商品名３ |
|---|---|---|
ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文 |
ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文 |
ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文ここに記事本文 |
テーブルタグですね、なるほど。
結果：スマホから閲覧すると、横に三つ並ぶ形になるので多少見づらい。横に並ばせるのであれば二つまでにした方が良さそうです。もしくは縦表示の部品クラスを使うのがオススメです！
お客様の声に関する表示はどうなっているか？
お客様の声という項目です。口コミサイトの構築には欠かせないパーツです。
お客様の声（大）の見出し
どのような表示になるのか気になります。
続いてお客様の声（小）も気になります。
お客様の声（小）では内容を入力する部分のみとなっています。
大小とも、灰色の部分は画像を差し替えることができますので、お客様の画像を入れることもできそうです。
テキストリンクでは物足りない！気になっているパーツ「サムネイル画像付き記事リンク」の表示は？
これはいいですね！利用頻度を考えても一番気に入っているパーツです。
最近では、このようなサムネイル付きの記事リンクが増えてきているので、簡単に呼び出せて挿入できるのは嬉しいです。
挿入方法は部品クラスから選んで、URLを指定するだけの簡単操作です。
結果：これはスマホから閲覧しても見やすいリンクになっていました。テキスト文字リンクだけだとスマホタップしづらいですが、こちらは大きい枠なのでタップしやすいです。便利！
ALPHA の気になっている部分を確認できました
ALPHA で気になっていた機能やレイアウトを確認するための記事でしたが、どのような表示になるかしっかりと確認することができました。
新しいテーマを適用した時には、スマホからの見た目も非常に気になるところですので、パソコンとスマホの両方から確認することをおすすめします。
追加記事に関しては数日後にこちらで投稿されます。
