WordPressテーマ「Tree」をメジャーアップデートしました。
テーマオプションの刷新と別に新機能も追加されています。

とても細かい部分ですが、テーマオプション全体から「〜の設定」という文言も無くしたりしているんですよね(すべて何かの設定なので)。

全体像を比較するとこのような感じです。

  • 旧UI
  • 新UI

ほんの些細なことですが、アップデート前後の差が伝わればと。

大きな変更点は、設定項目の配置や操作UIに変更が加えられている点です。例えば、次の箇所など。

  • 旧UI
  • 新UI

これはブログのヘッダーを設定する画面ですが、無駄なく整理されています。

  • 選べるフォントの種類が一目でわかるようにラジオボタン化
  • 文字サイズはPC/スマホをまとめて1行に

このような変更がテーマオプションの全箇所に適用されています。旧UIとの互換性の都合上、変更できない部分もありますが、ぜひアップデートしてご確認ください。

新機能として、スマホフッターバーで使えるアイコンが6種類から900種類以上に増加しました。

900種類以上あるGoogle Fontsのアイコンからも選択できるようになったんです。

選べるアイコンが増加したスマホフッターバー

Treeのコンセプトのようなカフェやレストランのサイトでは、次のような項目が最適でしょう。

  • 予約
  • 営業時間
  • アクセス
  • 電話番号
  • お問い合わせ(メールやLINE)
  • メニュー

900種類以上もあれば、きっとピッタリのものが見つかるはずですので、ぜひご活用ください。お好みのアイコンコードをテーマオプション内にコピペするだけで表示できます。
Google Fonts(マテリアルアイコン)の使い方

過去にリリースしたテーマのメジャーアップデートは、弊社の最新テーマの仕様を基準に順次対応していっています。2023年9月現在最新版のテーマオプションのUIについては、こちらの記事でご覧いただけます。

アップデート内容と修正・追加・削除したファイル

  • NewUI実装
  • 幅の狭いデバイスではテーブルがスクロールされる仕様
  • カードリンクスタイル調整
  • クイックタグ「番号付きリスト」の追加
  • カスタムCSSとスクリプトの入力欄の統合
  • フッターバーでGoogle Fontsのアイコンを利用可に仕様変更
  • SNSアイコンにTikTokを追加
  • TwitterのSNSアイコンを「X」に変更

修正したファイル

admin/css/my_admin.css
admin/inc/404.php
admin/inc/acceleration.php
admin/inc/basic.php
admin/inc/blog.php
admin/inc/footer.php
admin/inc/front_page.php
admin/inc/front_page_mobile.php
admin/inc/header.php
admin/inc/logo.php
admin/inc/menu.php
admin/inc/news.php
admin/inc/options.php
admin/inc/protect.php
admin/inc/quicktag.php
admin/js/my_script.js
admin/theme-options.php
css/design-plus.css
css/footer-bar.css
css/responsive.css
functions/clink.php
functions/custom_editor.php
functions/custom_script.php
functions/head.php
functions/menu_cf.php
functions/page_access.php
functions/page_cf.php
functions/page_design1.php
functions/page_design2.php
functions/page_lp.php
functions/seo.php
languages/default.mo
languages/default.po
languages/ja.mo
languages/ja.po
template-parts/footer-bar.php
footer.php
functions.php
header.php
single-news.php
style.css

追加したファイル

admin/css/new_ui.css
admin/img/cb_content_slider_sp.jpg
admin/img/cb_design_content_sp.jpg
admin/img/cb_post_list_sp.jpg
admin/img/header_logo_type1.gif
admin/img/header_logo_type2.gif
admin/inc/admin_parts.php
admin/js/new_ui.js
fonts/tiktok_x_icon.eot
fonts/tiktok_x_icon.svg
fonts/tiktok_x_icon.ttf
fonts/tiktok_x_icon.woff

削除したファイル

functions/custom_css.php