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

UIが変更され、より使いやすく修正されました。主な変更内容は以下の通りです。

  • テーマオプション、固定ページのUIが見やすく変更
  • トップページのヘッダー動画はスマホでも再生可能に
  • クイックタグの仕様がより使いやすくアップデート

ぜひアップデートして操作してみてください。

テーマオプション、固定ページのUIが見やすく変更

OOPS!は人気のテーマですが、リリース時期が結構古く、UIが当時のままでした。既存の値が変わってしまう箇所を除いてUIを直近のテーマに合わせて変更しています。一部を抜粋すると次のような感じです。

  • 旧UI
  • 新UI
OOPS!の旧UI

「テーマオプション」という項目自体もダッシュボードの親階層に移動しました。入れ子式に省スペース化され、テーマオプションが整理されています。

  • 旧UI
  • 新UI

また上記のようにラジオボタンも新仕様に変更しています。

トップページのヘッダー動画はスマホでも再生可能に

お客様からご要望をいただくことも多いのが、スマホで動画を再生する機能です。最近のテーマでは、スマホやタブレットなどのモバイル端末でも動画が再生されます。が、開発時期が古いテーマでは、トップページのヘッダー動画はPCのみに対応していました。

モバイル端末からサイトをご覧になる方も多いので、この度スマホでも再生可能な仕様に修正しています。その他の未対応テーマも順次対応予定です。

クイックタグの仕様がより使いやすくアップデート

WordPressのデフォルトの操作感を基準に直感的に操作できる仕様になりました。

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

という操作フローです。

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

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

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

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

修正したファイル

admin/css/my_admin.css
admin/inc/404.php
admin/inc/basic.php
admin/inc/blog.php
admin/inc/footer.php
admin/inc/header.php
admin/inc/logo.php
admin/inc/marketing.php
admin/inc/news.php
admin/inc/review.php
admin/inc/top.php
admin/js/cf-media-field.js
admin/js/mce-button.js
admin/js/mce-button.min.js
admin/js/my_script.js
admin/theme-options.php
functions/custom_css.php
functions/custom_editor.php
functions/head.php
functions/page_cf.php
functions/seo.php
languages/default.mo
languages/default.po
languages/ja.mo
languages/ja.po
template-parts/index-slider.php
template-parts/page-header.php
footer.php
functions.php
header.php
responsive.css
responsive.min.css
style.css

追加したファイル

admin/css/editor-style-03.css
admin/css/new_ui.css
admin/img/share_type1.jpg
admin/img/share_type2.jpg
admin/img/share_type3.jpg
admin/img/share_type4.jpg
admin/img/share_type5.jpg
admin/inc/admin_parts.php
fonts/design_plus_new.woff