人気ブログランキング | 話題のタグを見る
Studio TA Subsite の案内とお知らせ

エキサイト編集画面のアレンジ(26) トラックバック禁止の標準化に対応

2016年 09月 22日
トラックバックはエキサイトブログ上では微妙な機能になっていて、おそらく利用するユーザーも少ないのではないかと思います。 そしてその機能の性質上、スパムの投稿先としての弊害が目立つ結果となり、今年の1月末についにトラックバック禁止の標準化(デフォルト設定とする)が実施されました。

この流れに鑑みて、私も「トラックバック」の設定を「トラックバック禁止」に変更しました。
ところがこの結果、「この投稿に対して」の枠内から自動的に「トラックバック不可」の選択ボタンが消えてしまいました。(下図は本来の編集画面です)

エキサイト編集画面のアレンジ(26) トラックバック禁止の標準化に対応_b0174191_21581962.png

本来は6項目が5項目に減ったため、これらのスイッチを一列にアコーディオン化して並べていたアレンジの順位が変化。 結果として、2番目の「自動リンク(レシピ)」を削っていたのが、「タイムラインに投稿」が削られてしまったのです。

これはスイッチの何番目かを削る方式の弱点です。「トラックバック」を禁止にする場合もしない場合も通用するアレンジとするには、「削らない」かしかありません。 そこで、今回のエキサイトの方針から「トラックバック不可」ボタンが無い方を標準と考えて、5項目はウインドウ幅最小でも必ず表示、6項目の場合は少しウインドウ幅を拡げれば使える、というボタンの幅設定としました。

エキサイト編集画面のアレンジ(26) トラックバック禁止の標準化に対応_b0174191_22521349.png

従来のアレンジは、以下のリンク先の内容で、1列アイコンタイプと2列アイコンタイプで異なったボタン幅設定でしたが、今回はどちらも同じ幅設定になります。

関係する項目のコードは以下で、更新対象の各バージョンの基本CSSを更新しました。

(11)(18)Chrome版
#entryOptions .optionGroup label:nth-child(n+2) {
width: 130px;
transition: 0.5s; }

#entryOptions .optionGroup label:nth-child(n+2):hover {
width: 160px; }

(15)(19)IE11版
.page_entry #entryOptions .optionGroup label:nth-child(n+2) {
width: 130px !important;
transition: 0.5s !important; }

.page_entry #entryOptions .optionGroup label:nth-child(n+2):hover {
width: 160px !important; }




by Ataron2 | 2016-09-22 16:20 | ブログ編集画面のアレンジ