wordpress
WordPress メディアを追加のモーダル一覧にファイル名を表示
作成日: 2024年10月12日
サイト運営、Webマスターなどやっていると新規画像のアップだけでは済まず、アップ済みの画像などを使うことは多い。
Wordpressの機能上「不便」だと思ったのが、そんなときにサムネしか表示されないこと。
色々やってると画像見て判断ではなくファイル名で判断することも実用で、今更気付いたけどなんでこんな当たり前の表示がないのか不思議。
プラグインでも良いのだが、極力プラグインを使わない様にするのがシステム上良いので、そのためのコードを書いてみた。
function custom_media_filename_script() {?><script type="text/javascript">jQuery(document).ready(function($) {// メディア挿入画面でサムネイル下にファイル名を追加wp.media.view.Attachment.prototype.initialize = function() {wp.media.view.Attachment.__super__.initialize.apply(this, arguments);
// サムネイルの下にファイル名を追加this.on('ready', function() {var $thumbnail = this.$el.find('.thumbnail');if (!$thumbnail.find('.filename').length) {var filename = this.model.get('filename');$thumbnail.after('<div class="filename">' + filename + '</div>');}});};});</script><style type="text/css">.filename {font-size: 12px;text-align: center;margin-top: 5px;word-break: break-all;}</style><?php}add_action('admin_footer', 'custom_media_filename_script');
scriptとCSSを入れるだけっちゃそうだが、これで表示させられるようになる。
元画像と、場所によりそれを正方形に切り出しただけの画像をアップすると、サムネが正方形だからどちらが元画像か解らなくなり作業性が落ちる。
ブログエンジンと考えればアップするだけで良いのかもしれないが、商用サイトなどで使うと色々な画像を扱いページの加増や更新などで使いまわしもあるからデフォルトのままでは甚だ不便。
こういったところはMovableTypeの方が全然良いな。