WordPressテーマ「HAKU」をメジャーアップデートしました。

今回のアップデートで、テーマオプションUIの刷新のほか、スマホフッターバーのアイコンが900種類以上まで増えています!

まずはUI部分、テキストが画像付きラジオボタンに変更され、直感的に設定できるようになりました。

  • 旧UI
  • 新UI

もちろんヘッダーロゴ以外にも多くの箇所でUIが刷新されています。次のような箇所ですね。

  • 旧UI
  • 新UI

これはヘッダー下部のメインコンテンツの部分ですが、ドロップダウン式のものがラジオボタン式に変更され、設定項目が整理されています。スペースを効率良く使い、見やすいUIへと進化しているわけです。

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

  • 旧UI
  • 新UI

以前から使えていた6種類のアイコンはそのままに、「その他」というボタンを追加し、そこからGoogle Fonts(マテリアルアイコン)からも選べるようになりました。

Googleが無料提供するアイコン900種類以上の中から、お好きなアイコンのコードをコピペするだけでご利用いただけます。

その他にも、SNSアイコンにTikTokが追加されたり、Twitterのアイコンが「X」に変更されています。ぜひ最新のSNSと連携してお使いください。

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

  • NewUI実装
  • ページビルダー更新
  • 【Mac】Safari/Edgeでページビルダーにブロックエディターのメニューが重なる不具合の修正
  • OGP出力に関する不具合修正
  • ウィジェット「広告(tcdバージョン)」などで画像を変更すると、「保存」ボタンの文字が表示されなくなる不具合を修正
  • 【Chrome/Edge】特定の挙動によりスライダーが一時停止される不具合の修正
  • クイックタグの「ボタン」をデフォルトで中央表示にする仕様に変更
  • クイックタグ「番号付きリスト」の追加
  • フッターバーでGoogle Fontsのアイコンを利用可に
  • SNSアイコンにTikTokを追加
  • TwitterのSNSアイコンを「X」に変更
  • 幅の狭いデバイスではテーブルがスクロールされる仕様

修正したファイル

admin/css/my_admin.css
admin/inc/404.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/news.php
admin/inc/options.php
admin/inc/product.php
admin/inc/protect.php
admin/inc/quicktag.php
admin/js/cf-media-field.js
admin/js/my_script.js
admin/theme-options.php
css/design-plus.css
css/footer-bar.css
functions/clink.php
functions/custom_editor.php
functions/custom_script.php
functions/head.php
functions/load_icon.php
functions/ogp.php
functions/page_cf.php
functions/page_company.php
functions/page_design1.php
functions/page_design2.php
functions/product_cf.php
functions/slider_ini.php
languages/default.mo
languages/default.po
languages/ja.mo
languages/ja.po
pagebuilder/assets/admin/css/admin.css
pagebuilder/pagebuilder.php
template-parts/footer-bar.php
footer.php
functions.php
header.php
style.css

追加したファイル

admin/css/new_ui.css
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