エキサイトブログ

[エキサイトブログ]トップ一覧で右に出るeditやdelを非表示にするには

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

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

 

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

トップ画面各記事の右に出るもの

私はトップページをリスト表示にしてますんで、

1ページに表示される一覧の、
タイトル横ごとにコレが表示されるわけでス。

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

 

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

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

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

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

 

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

個別各記事の右に出るもの

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

 

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

開発者ツールでそこを見る画面

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

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

 

ブラウザの開発者ツールは、、
ワタシ使ってるのEdgeのですが、画面の右側にバーンと出ます。ブログの右側を見たい場合、
ツールが隠してしまうのでwそんなときはブログ全体を縮小させてから、ツールを起動してみてください。

⇨ Ctrlキー押しながら、マウスのホイールで拡大縮小できます。

 

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

コメント