1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ブラウザ版Blueskyから数字を非表示にする【Stylus】

Last updated at Posted at 2024-11-06

スマホアプリ版の表示をコントロールするお話ではありません。
PCでもスマホでも「ブラウザ」で見る場合のお話です。

数字を非表示にする機能がないので、CSSで編集してみましょう。

必要: StylusなどのカスタムCSS拡張機能

必要なものは以下です。

  • 拡張機能が導入できるブラウザ
    • PCなら通常のChromeなどでOK
    • スマホ版Chromeは拡張機能が使えないため、Firefoxなどが必要
  • Stylusなど「カスタムCSS」で検索して出てくる拡張機能。

過去の記事で「導入~簡単な手順」を書いています。参考にして下さい。

表示を変更したあとのBluesky

プロフィール
プロフィール

ポスト
ポスト

  • プロフィールの「フォロワー/フォロー数」
  • 各種ポストの「リポスト数/いいね数」

これらが非表示になります。

Stylusなどにコピペするコード

指定先: ドメイン上のURL▼ bsky.app

/* TL上の「リポスト数」 */
div[data-testid="repostCount"],
/* TL上の「いいね数」 */
div[data-testid="likeCount"],

/* ポスト単体ページの「リポスト数」 */
div[data-testid="repostCount-expanded"] > span:first-child,
/* ポスト単体ページの「いいね数」 */
div[data-testid="likeCount-expanded"] > span:first-child,

/* プロフィールの「フォロワー数」 */
a[href$="followers"] > span:first-child,
/* プロフィールの「フォロー数」 */
a[href$="follows"] > span:first-child,

{display: none;}

ここは表示でも構わない、という個所は個別に消してください。

CSSの基本ルール

  • 各指定の区切りに 「,」が必要です。読点ですね。
    ※最後の行には不要です。
  • /* */で囲まれた部分はただのコメント文です。消しても大丈夫。

Blueskyのトップページにて、拡張機能をクリックし「新規作成」すれば、
自然とBlueskyのURL全体に適用できるはずです。

(※適用先が自分のプロフィールページのURLになってしまっていないか、要チェック)

 

スマホで拡張機能を編集するのはやや大変ですが、コピペを上手く使ってやり遂げて下さい。
健闘を祈ります!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?