Menu/Prof
スズキマコト
自由人
元々は楽器屋のギター兄ちゃん。
趣味でプログラミングしてるうちに
本職になってしまった人。

過去に喋っていた言語
c pascal Assembler
perl PHP Python Ruby など
javascriptなどは都度必要に応じて。
最近Mac買ったのでswift勉強してます。

体ぶっ壊して死にかけたので人生RESET中。
おすすめ記事!

WordPress 7.0 の管理画面フェードを止める小さなプラグインを作った

Some visuals are licensed via Canva Pro (includes commercial rights).
Usage complies with Canva’s license terms at the time of use.
License policy: canva.com/policies/content-license-agreement

X
     この記事はプロモーションを含みます

WordPress 7.0 になって、管理画面のUIや色合い、見た目、AI対応まわりなど、いろいろ変化がありました。

そこ自体は良いと思っています。新しい方向に進んでいる感じがあります。

ただ、管理画面ページ移動するたびに入るフェード演出が、個人的にはかなり気になりました。

  • プラグイン名:Admin View Transitions Off
  • バージョン:0.01
  • 配布ファイル名 : admin-view-transitions-off-0.01.zip
  • 内容:WordPress管理画面の画面遷移フェードを止める
contents

作ったきっかけ

Xの投稿を見て、WordPress管理画面のフェード演出を調べ始めるじぴこのイメージ

きっかけは、Xで見かけたこの一言でした。

画面遷移のフェードアウトが邪魔すぎます。。。

これを見て、たしかに自分も WordPress 7.0 の管理画面を触っていて、ページを移動するたびに入るフェードが気になっていたことを思い出しました。

最初は「設定で止められるのでは?」と思ったのですが、管理画面を見た範囲では、それっぽい項目は見当たりませんでした。

それならソースを見て、止められるか調べてみよう。そう思って確認したのが始まりです。

調べてみたところ

WordPress管理画面のフェード演出をトグルでオフにするプラグインの概念イラスト

調べてみると、管理画面側で View Transitions 用のCSSが読み込まれていました。

wp-view-transitions-admin
@view-transition { navigation: auto; }

管理メニュー周りにも View Transitions 用の名前付けが入っているようでした。

つまり、管理画面のページ移動時にブラウザの View Transitions API を使うためのCSSが読み込まれていて、それがフェードっぽい見え方につながっている、という理解です。

プラグインでやっていること

プラグインで何しているのか説明している様子

作ったプラグイン「Admin View Transitions Off」でやっていることは、かなり小さいです。

  • admin_enqueue_scripts から wp_enqueue_view_transitions_admin_css を外す
  • 念のため wp-view-transitions-admin を dequeue / deregister する
  • WordPress本体のファイルは編集しない
ポイント

WordPress core を直接触らず、通常のプラグインとして管理画面の View Transitions 用CSSだけを止めています。

インストール手順

Admin View Transitions OffをWordPress管理画面からアップロードして有効化する流れのイメージ
  1. WordPress管理画面を開く
  2. 「プラグイン」→「新規追加」へ進む
  3. 「プラグインのアップロード」から admin-view-transitions-off-0.01.zip を選ぶ D&Dでもいけます
  4. インストールする
  5. 有効化する

有効化すると、管理画面のページ遷移時に入っていたフェード演出が止まります。

使ってみた感想

実際に使ってみた感想を述べている様子

実際に確認して挙動は「完璧」にフェード消えました笑

WordPress 7.0 の管理画面刷新そのものを否定したいわけではありません。見た目の変化や新しい方向性は歓迎しています。

ただ、管理画面は毎日触る場所なので、ページを移動するたびの演出が合わない人もいると思います。

そういう人向けに、必要なところだけ止める小さな選択肢として作りました。

同じように気になっていた人の参考になればうれしいです。

シェアしてくれると喜びます
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

makotoのアバター makoto Blogger&YouTuber

サーバー管理者として17年ほど仕事でサーバー触ってました。
www,mail,dns,sql各鯖をすべてFreeBSDで運用してましたが現世ではかなりレアなタイプになるみたいですね笑

viやシェルスクリプトとかperlとかgccとかFreeBSDとか実はbashよりtcshが好きとか時々寝ぼけるのは
その名残でしょう。

今まで縁の下の力持ち的な他人のためにプログラムを書き他人のためにサーバー構築し他人のためにWEBサイトを創る的な世界から
自分の好きなことに集中できる環境は実に気持ち良いですね。
現役は引退済みなので難しいことはやりませんしやれません。

現在 ほぼ自由人。

contents