WordPress 3.2.1 管理画面のフッダ位置がおかしかったので修正してみた
WordPress が 3.2.1が出たので早速バージョンアップを実行してみました。
一番修正を期待していたのが、画面投稿時のフッダーが内側に入ってきてしまっている問題。
そもそも、3.2にバージョンアップした際もそれほど大きな問題もなかったので3.2.1にしてもバグフィックス程度だろうと思っていました。
案の定バージョンアップは、特に問題もなく完了し、今のところどこの場所においても不具合などは無い状態です。
さて、一番気にしていた投稿ページにおけるフッダーがページ内に入ってきてしまう件は・・・
修正されていませんでした^^;;
上記のようにフッター部分「WordPress のご利用ありがとうございます。~・・・」のフッダが持ち上がってしまっているのがわかると思います。
実際それほど支障がないので気にしなければ良いのだと思いますが・・・
まぁ、バージョンがあがってもこんなわかりやすいところが修正されないっていうのはおそらくうちだけの問題な気がしないでもないので、問題のポイントを追求してみることにしました。
おそらく使っているプラグインか、テーマがオリジナルっていうところにも問題が有るのかもしれませんね。
ＨＴＭＬを見ると、この部分は
<div id="footer"> <p id="footer-left"> <span id="footer-thankyou"><a href="https://ja.wordpress.org/">WordPress</a> のご利用ありがとうございます。</span> • <a href="https://wpdocs.sourceforge.jp/">ドキュメンテーション</a> • <a href="https://www.picmo.net/wp-admin/freedoms.php">自由について</a> • <a href="https://ja.forums.wordpress.org/forum/2">バグ報告と提案</a> • <a href="https://www.picmo.net/wp-admin/credits.php">クレジット</a> </p> <p id="footer-upgrade">バージョン 3.2.1</p> <div class="clear"></div> </div> |
となっています。
divでidが#footerの状態をみるとpotisionがabsoluteでかかっています。
おそらくは固定されずに浮いてしまっている状態なのだと思います。
その後absoluteを、relativeにするために上書きを狙った再指定が出されていますが優先度が下なので上書きされていないようです。
単純にpotisionがrelativeになればおそらく浮いている状態が解除されるので上手くいくのではないかと・・・
これを上書きするだけなら、テーマのfunction.phpに管理画面用のスタイルシートを出力するフィルターを追加してあげるだけで実現できそうです。
僕は下記のようにfunction.phpに追加しました。
// 管理画面のフッダースタイルシートの上書き
function admin_footer_position() {
?>
<style type="text/css">
<!--
#footer { position: relative !important; }
-->
</style>
<?php
}
add_action( 'admin_print_styles', 'admin_footer_position' ); |
function.phpはPHPプログラムなので、開始の <?php と終了の ?> は和えて省略してあります。
プログラムが正常に動作するように適時追加をしてください。
ポイントはposition:relativeに!importantを追加したところです。
これにより、指定されているabsoluteより、relativeの方が優先度が増しこちらの指定が優先されます。
function.phpを保存して、再読み込みを行います。
正しい位置にフッダーを表示させることが出来ました。
あとは、Fast Image Insert が修正されれば完璧なんだけど・・・
別のプラグインを探してみようかな。
関連のありそうなエントリ
