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

テーマオプションや固定ページのUIが刷新され、トップページのヘッダー動画がモバイル端末でも再生されるようになりました!

操作性がアップしており、新機能も追加されています。主な変更内容は以下の通りです(下記以外にも細かい修正が施されています)。

  • テーマオプション、固定ページのUI変更
  • トップページのヘッダー動画をモバイル端末でも再生可能に
  • クイックタグがより直感的に使えるように

テーマオプションのUI変更

Switchは、幅広いユーザー様からご好評いただいている人気テーマの一つですが、リリース時期が古く、UIが古いままでした。今回のメジャーアップデートで、最新テーマに合わせたUIに変更しています。

例えば、テーマオプション全体にいえる部分ですが、下記のように変更が加えられています。

  • 旧UI
  • 新UI

開閉式になり、各設定項目を俯瞰で確認できるようになっています。

他にも、下記のように劇的に省スペース化した箇所もあります(ブログ記事詳細ページ設定箇所の例)。

  • 旧UI
  • 新UI

トップページのヘッダー動画をモバイル端末でも再生可能に

リリース時期が古いテーマでは、モバイル端末での動画再生が一般的でなかった背景から、代替画像が表示される仕様でした。今ではモバイル端末での動画再生は当たり前になっていますよね。ユーザー様からのご要望も多い点ですので、今回のアップデートに含まれています。

クイックタグがより直感的に使えるように

オリジナルのクイックタグ機能が、WordPressのデフォルトの操作感を基準に直感的に操作できる仕様になりました。

対象のテキストをなぞる(ドラッグ)→クイックタグボタンを押して適用

という操作フローです。

クラシックエディタでも見出しや囲み枠が次のような操作で使えるようになっており、新たに「デザインされた番号付きリスト」を追加しています。

  • エディタ
  • 実際の見え方

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

  • テーマオプション、固定ページのUIを変更
  • トップページのヘッダーコンテンツをモバイル端末でも背景動画が表示できるように変更(端末が対応していない場合は代替画像を表示します)
  • ヘッダーメッセージ機能の実装
  • 各ページにカスタムスクリプト機能を追加
  • クイックタグの仕様変更(「見出し」、「囲み枠」が任意のテキスト選択後に適用できるようになりました。何も選択していない場合は、閉じタグをセットする必要があります(WPデフォルトのタグと同じ仕様)。)
  • クイックタグに「デザインされた番号付きリスト」を追加
  • カテゴリーアーカイブでカテゴリーの説明文を表示するように変更
  • PHP8で発生するエラーの修正
  • 記事本文内テキストリンクのホバーカラーを自動で設定するように変更(リンク色の淡色となります)
  • カードリンクのURLが適切でない場合は表示しないように修正
  • スマホ閲覧時、記事内に設置したテーブルを横スクロールできるように修正

修正したファイル

admin/assets/css/editor-style.css
admin/assets/css/my_admin.css
admin/assets/js/mce-button.js
admin/assets/js/my_script.js
admin/inc/404.php
admin/inc/basic.php
admin/inc/blog.php
admin/inc/event.php
admin/inc/faq.php
admin/inc/footer.php
admin/inc/header.php
admin/inc/interview.php
admin/inc/logo.php
admin/inc/news.php
admin/inc/password.php
admin/inc/tools.php
admin/inc/top.php
admin/theme-options.php
inc/custom_css.php
inc/custom_editor.php
inc/head.php
inc/load-icon.php
inc/ph-cf.php
inc/seo.php
languages/default.mo
languages/default.po
languages/ja.mo
languages/ja.po
template-parts/header-contents.php
template-parts/page-header.php
functions.php
header.php
single.php
style.css

追加したファイル

admin/assets/css/editor-style-03.css
admin/assets/css/new_ui.css
admin/assets/images/header_logo_type1.gif
admin/assets/images/header_logo_type2.gif
admin/inc/admin_parts.php
assets/fonts/design_plus_new.woff