20211127_adminTitle.jpg

freo の管理画面はどの項目を開いてもタイトルが「管理者用|サイト名」となっており、ブラウザの戻るボタン長押しなどで目的のページを探したいときに少々不便でした。そこでjQueryを使い、タイトルに各ページ固有の見出しを追加する方法です。

編集するファイルは「admin.js」

freoに同梱されている管理画面用テンプレートを前提としています(他の方が配布している管理画面テンプレートでこの方法が使えるかは検証していません)。

js/admin.js

$(document).ready(function() {

直後に(厳密にいえばこの{ ~ }間であればどこでも大丈夫です)

//タイトル
$('title').prepend($('#content h2').html() + ' - ');

と追記します。こうすることでブラウザのタイトルバーやタブ、戻る・進むボタンで表示されるタイトルがわかりやすくなります。