Last modified date : 2014/11/22

記事の編集画面において、タイトル欄のプレースホルダー(placeholder)だけを変更したいという場合は、下記の方法があります。

なお、placeholder属性に対応していないIE9以下のブラウザでは、タイトル欄のラベルを表示させるようにしています。

MTAppCustomize を利用する場合

(function($){
var $titleField = $.MTAppCustomize({
    basename: 'title',
    label: '商品名'
});
if (! (document.uniqueID && typeof window.matchMedia == "undefined") ) {
    $titleField.children('.field-header').hide();
}
})(jQuery);

MTAppCustomize を利用しない場合

(function($){
var titlePlaceholder = '商品名';
// lt IE9
if (document.uniqueID && typeof window.matchMedia == "undefined") {
    $('#title-label').text(titlePlaceholder).parent().show();
}
else {
    $('#title').attr('placeholder', titlePlaceholder);
}
})(jQuery);

ポイント

上記のコードではdocument.uniqueID && typeof window.matchMedia == "undefined"を使ってIE9以下を判定しています。この条件文がtrueになる場合がIE9以下となります。