いつもご利用ありがとうございます。SONIC TEAMです。
今回のアップデートは新機能をたくさん用意しました。
中でも開発チームがおすすめしたいしたい目玉は「ヘッダーお知らせ欄(ヘッダーメニュー)へのカウントダウンタイマー表示」と「モバイルいいねボタン」です。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-count-mob-mob-1.png)
![いいねボタン](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-nicebutton-sp.png)
その他にもユーザビリティが向上する機能を追加しています。ぜひ、最新版THE SONICをご利用ください。
COPIAの修正アップデートもありますので、合わせてご確認ください。
- ヘッダーお知らせ欄に「カウントダウン」を挿入!
- ヘッダーお知らせ欄 marqueeを含むタグを許可!
- 「いいね」ボタン スマホ対応!
- 目次ウィジェットの視認性を向上
- 細かなデザインの改修・バグ修正
目次
追加
- いいねボタンがモバイルビューに対応
- カウントダウンに「テキストデザイン」を追加
- ヘッダーお知らせ欄 ショートコード・タグに対応
- プロフィール画像にloading=”lazy”を付与
- キャンペーン管理画面(モバイルビュー)の視認性を向上
いいねボタン モバイルビューに対応
PC版に実装していたオリジナル「いいねボタン」を、記事下に新規追加しました。こちらはモバイルビューに対応。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-nicebutton-sp.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-nicebutton-pc.png)
ページスクロールした読了エリアに「いいねボタン」が表示され、タップでカウントします。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-nicebutton-set.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-nice-button-set2.png)
記事の人気を測るだけでなく、いいね順に関連記事を表示できます。
カウントダウンタイマーにテキストデザインを追加
タイムセール時の人気機能「カウントダウンタイマー」に、シンプルデザイン「テキスト」を追加しました。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-count-simple.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-count-nomal.png)
表題と装飾をリセットしてテキストのみを表示するシンプルなデザインです。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-countdown-2-1024x568.png)
カウントダウンをセット時に、デザイン項目から選択可能です。
このデザインは、次に説明する「ヘッダーお知らせ欄」で役立ちます。
ヘッダーお知らせ欄がショートコードやタグに対応
ヘッダーお知らせ欄(ヘッダーメニュー)が、ショートコードやタグに対応しました。
marquee、a、i、span、p、div、img
aタグを使う場合はCSSを調整してご利用ください。
アイコンを挿入したり、文字を縦横無尽に移動させ足りと表現の幅が可能になります。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-shortcode.png)
カウントダウンタイマーのショートコードと組み合わせると、ヘッダーバーにセール期限のカウントダウンが表示できます。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-count-mob-mob.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-count-pc-mob.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-countdown-1024x551.png)
ショートコードやタグを組み合わせることで、様々な用途でご利用いただけます。
わしらの友marqueeも許容タグにいれようかな☺️ https://t.co/qzPz9KW88Q pic.twitter.com/fhdy9OB7Bk
— やよい@THE SONICとRinkerの人 (@oyayoi19) February 1, 2021
プロフィール画像にloding=”lazy”を付与
プロフィールのLoading=”Lazy”に対応しました。heightとwidthも設定しています。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-profile.png)
WordPress5.5以上でネイティブ Lazy-loadが有効(wp_lazy_loading_enabledのadd_filterがtrue)のとき画像にloading=”lazy”がつきますが、SONIC独自の画像には一部未対応のものがあります。
順次対応していきますのでお待ちください。
キャンペーン管理画面(モバイルビュー)の視認性を向上
キャンペーン配信管理、エディタ画面のモバイルビューデザインを改修しました。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-campaign-kanri-mobile-view.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-campaign-kanri-pc-view.png)
キャンペーンの配信予約や確認作業を、スマホから気軽に行えるようになります。
修正
- アーカイブ(ウィジェット)などドロップダウンデザインの修正
- キャンペーン配信管理機能で一度「更新」を押すとキャンペーン先リンクが消える問題の修正
- Rinkerのデザインが、縦長画像の場合に崩れる問題の修正
- グループブロック内にRinkerがある場合にボタンが段落ちする問題の修正
- 目次ウィジェットのハイライトカラーをメインカラー準拠に修正
SONIC CLUBからご報告いただいた問題点などを修正しました。
COPIAのアップデート
キャンペーン配信プラグインCOPIAのv1.0.4アップデートです。
- キャンペーン管理画面(モバイルビュー)の視認性を向上
- キャンペーン配信管理機能で一度「更新」を押すとキャンペーン先リンクが消える問題の修正
- Rinkerのデザインが、縦長画像の場合に崩れる問題の修正
![](https://the-sonic.jp/wp-content/uploads/2021/02/copia_104_sp.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/copia_104_pc.png)
管理画面のモバイルビュー管理画面の視認性を向上しました。スマホからもキャンペーン情報の管理が可能になります。
おわりに
今回のアップデートは、WordPressテーマ THE SONIC Ver1.2.8・WordPressプラグイン COPIA Ver1.0.4が対象となります。
THE SONICをご利用の方すべての収益化の一助になると幸いです。
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-count-mob-mob.png)
![](https://the-sonic.jp/wp-content/uploads/2021/02/the-sonic-128-header-count-pc-mob.png)
ヘッダーメニューにカウントダウンを表示する機能はAmazon・楽天セールで効果を期待できます。ビッグセール開催前の今のうちに使い方をご確認ください。
今後とも、THE SONICおよびCOPIAをよろしくお願いいたします。