［エキサイトブログ］ トップページ右に出るeditやdelを非表示に

リストスタイルのスキン表示で、
ほぼスマートに表示されるブログ。。

それでも表示の一部でポツポツと、、
カスタマイズしたいトコあり…と言えばそんな感じに。

続きましてその一つ、トップ一覧の、、
タイトル右横に出る“Edit | Del”という表示。

私はトップページをリスト表示にしてますんで、1ページに表示される一覧の、タイトル横ごとにコレが表示されるわけでス。

そこを非表示にしたいときのカスタマイズ。
これもブラウザの開発者ツールで探ってみました。

以下のコードをHTML＆CSS編集にあるCSSに入力してください。

/* トップ表示のEditとDel部分 */
.articles-admin {
display: none;
}

このコードは
デフォルトでの記述ありませんで。
自身で探って追加するタグとなります。

特に気にならない方は、書かずにそのままでokです😁

ただしですよ、
トップからリンク飛んで各記事にいくと…タイトルの右側に出ますなw

ここはまだカスタマイズしておらず、、
そのままだとこんな感じで表示されてます。

開発者ツールで調査するを起動すると、該当のタグがこんなふうにあらわれる。

なので、
おそらく以下のコード追加で非表示になるのでは?と思われます。
ご参考までに・・・笑

/* 個別記事のEditとDel部分 */
span.post-admin {
display: none;
}

ブラウザの開発者ツールは、、
ワタシ使ってるのEdgeのですが、画面の右側にバーンと出ます。

ブログの右側を見たい場合、
ツールが隠してしまうのでw

そんなときはブログを縮小させてから、ツールを起動してみてください。
⇨Ctrlキー押しながら、マウスのホイールで変更できます。

つーか、
ツールの位置って変えられるんだろか、、、?
（ワタシが知らないだけで笑）