広告を利用しています

当サイトは広告を掲載しています。消費者庁が2023年10月1日から施行した景品表示法の規制対象(通称:ステマ規制)にならないよう配慮して記事を作成しています(記事はこちら、消す方法はこちら

【Googleフォト】メニューのアーカイブなど不要な項目を消すCSS

Google

Googleフォトのアイコン画像

この記事では、PCウェブサイト版「Googleフォト」の写真メニューからスライドショー、左に回転、アルバムに追加、お気に入り、アーカイブ、日時を編集など不要な項目を非表示にするCSSについて書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。

【Googleフォト】メニューのアーカイブなど不要な項目を消すCSS

PCブラウザで「Googleフォト」の写真ページを開いて右上にある各種ボタンの中の三点ボタン(ケバブメニュー)を押すと画像のメニューが表示されます。以下のような項目たちです。

  • スライドショー
  • ダウンロード
  • 左に回転
  • アルバムに追加
  • 共有アルバムに追加
  • アーカイブ
  • ロックされたフォルダに移動
  • ドキュメントに追加
  • お気に入り
  • 日時を編集
  • 撮影場所を編集
PCブラウザ版「Googleフォト」の写真メニュー画像

僕が主に利用するのは「ダウンロード」のみです。それ以外の項目は使ったことがないです。

今後使う機会があるかもしれませんが、ひとまず不要なのでCSSを使って非表示にしてみます。CSSで自身の見た目上消しているだけなのでいつでもオンオフで元に戻せます。他人には全く影響しません。

「スライドショーとかアーカイブとか全く使わない!邪魔!」という方参考にしてみてください。本記事はChrome拡張機能・Firefoxアドオンを利用できるPCブラウザ限定です。スマホのアプリ版ではできません。

インストール方法

Chromeウェブストアからインストールできます。

Chrome拡張機能だけでなく「Microsoft Edge」と「Firefox」版もあります。本記事では「Stylebot」を紹介しますが「Stylus」などでもOKです。僕はメインでは「Stylus」を使っています。

「Chromeに追加」をクリックします。

「Stylebot」拡張機能をインストールする手順画像1

「拡張機能を追加」をクリックします。

「Stylebot」拡張機能をインストールする手順画像2

拡張機能のオーバーフローメニューに追加されたらOKです。

「Stylebot」拡張機能をインストールする手順画像3

頻繁に開く場合は拡張機能のオーバーフローメニューを開いて「Stylebot」の隣にあるピン留めアイコンをクリックします。ツールバーに直接配置されます。

「Stylebot」拡張機能を直接ツールバーに配置する手順画像

詳しい使い方を知りたい方は以下の記事を参考にしてみてください。

「Googleフォト」のメニューから項目を非表示にするCSS

スタイルシートを開く

Googleフォト」にアクセスします。インストールした「Stylebot」拡張機能アイコンをクリック→「Stylebotを開く」をクリックします。

「Stylebot」拡張機能のスクリーンショット1

右側に白紙のサイドバーが表示されます。

もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。

CSSを書き込む

以下のコードの中から自身が消したい項目を選んで書き込みます。全てを書き込む必要はありません。

CSS
/*【画像メニュー】スライドショー*/
div>span[role="menuitem"][aria-label="スライドショー"] {
    display: none !important;
}

/*【画像メニュー】左に回転*/
div>span[role="menuitem"][aria-label^="左に回転"] {
    display: none !important;
}

/*【画像メニュー】アルバムに追加*/
div>span[role="menuitem"][aria-label="アルバムに追加"] {
    display: none !important;
}

/*【画像メニュー】共有アルバムに追加*/
div>span[role="menuitem"][aria-label="共有アルバムに追加"] {
    display: none !important;
}

/*【画像メニュー】アーカイブ*/
div>span[role="menuitem"][aria-label^="アーカイブ"] {
    display: none !important;
}

/*【画像メニュー】ロックされたフォルダ*/
div>span[role="menuitem"][aria-label*="ロックされたフォルダ"] {
    display: none !important;
}

/*【画像メニュー】ドキュメントに追加(2025年01月22日作成)*/
div>span[role="menuitem"][aria-label="ドキュメントに追加"] {
    display: none !important;
}

/*【画像メニュー】お気に入り(2025年01月22日作成)*/
div>span[role="menuitem"][aria-label="お気に入り"] {
    display: none !important;
}

/*【画像メニュー】日時を編集(2025年01月22日作成)*/
div>span[role="menuitem"][aria-label="日時を編集"] {
    display: none !important;
}

/*【画像メニュー】撮影場所を編集(2025年01月22日作成)*/
div>span[role="menuitem"][aria-label="撮影場所を編集"] {
    display: none !important;
}
注意事項

本記事のCSSは僕が適当に作成したコードです。皆さんの環境によっては使えなかったり、サイト側の仕様変更でいつの間にか使えなくなる可能性もあります。

もし書き込んでも反映されない場合、問い合わせより教えていただければ幸いです。初心者の僕ができる範囲で修正したいと思います。

下記画像のようになればOKです。右上の「×」でスタイルシートを閉じます。

「Stylebot」拡張機能のスクリーンショット2

再度拡張機能ボタンを押して、登録したサイト(例:photos.google.com)がオンになっていることを確認します。オンになっている間は有効になっているということです。

消えたか確認する

写真の詳細ページを開いて三点ボタン(ケバブメニュー)をクリックします。書き込んだ項目が非表示になります。必要な項目だけが表示されてスッキリしています。

PCブラウザ版「Googleフォト」の写真メニューから左に回転、アルバムに追加、アーカイブなどの項目をCSSで非表示にした画像

2025年1月に写真の詳細ページではなく写真一覧ページのメニュー内にあったお気に入り、日時を編集、撮影場所を編集などを消すCSSも追記しました。

PCブラウザ版「Googleフォト」の写真一覧ページの三点ボタンメニュー画像

一時的に無効化したい場合は、「Stylebot」拡張機能アイコンを左クリック→「photos.google.com」をオフにします。完全に使わなくなった場合は書き込んだコードを削除します。

【おまけ】ダウンロードボタン拡大

僕はダウンロードボタン以外全部非表示にしています。さらにダウンロードボタンを押しやすいよう超拡大しています。

CSS
/*画像メニューの「ダウンロード」を拡大*/
[role="menu"]:has(div>span[role="menuitem"][aria-label^="ダウンロード"]) {
    border-radius: 16px !important;
    transform: scale(2) !important;
    top: 87px !important;
    left: 1136px !important;

    & div:has(>span[role="menuitem"][aria-label^="ダウンロード"]) {
        padding: 0 !important;
    }

    & span[role="menuitem"][aria-label^="ダウンロード"] {
        padding: 0 40px !important;
    }
}
PC版「Googleフォト」のダウンロードボタンをCSSで拡大した画像

感想

以上、PCウェブサイト版「Googleフォト」の写真メニューからスライドショー、左に回転、アルバムに追加、お気に入り、アーカイブ、日時を編集などの不要な項目を非表示にするCSSでした。

僕は写真保存目的だとAmazonフォトを使っていて、GoogleフォトはもっぱらAndroidスマホで撮影した写真をPCに転送したい時に活用しています。スクショもカメラ撮影した写真も全部自動アップロードするようにしているので、比較的すぐにPCでも利用できます。

もっと素早く転送したい時は「Quick Share from Google(旧:ニアバイシェア)」やWindows11の「新しい写真の通知を取得する」機能を使っています。

2023年10月28日Google

Posted by ナポリタン寿司