エキサイトブログ

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

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

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

 

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

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

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

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

 

CSS

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

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

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

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

 

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

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

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

 

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

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

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

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

 

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

ブログの右側を見たい場合、ツールが隠してしまうので、、そんなときはブログ全体を縮小させてからツールを起動してみてください。⇨ Ctrlキー押しながらマウスのホイールで拡大縮小できます。

 

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

コメント

タイトルとURLをコピーしました