記事に挿入した画像に対するライトボックス機能を無効にする

Blogger では記事に挿入した画像に対してライトボックスと呼ばれる機能がデフォルトで有効になっており、ブログ上で画像をクリックすると画像が拡大して表示されます。ここでは Blogger で画像に対するライトボックス機能を無効にする方法について解説します。

(2022 年 04 月 12 日公開 / 2022 年 04 月 18 日更新)

ライトボックス機能で画像がどのように表示されるのか

最初にデフォルトで有効になっているライトボックス機能がどのようなものか確認しておきます。次のように画像が 3 つ含まれる記事を作成しました。

ライトボックス機能について(1)

記事に表示されている画像をクリックするとライトボックスビューが表示され、クリックした画像が拡大表示されます。

ライトボックス機能について(2)

ライトボックスビューの下部には同じ記事の中に挿入されている画像のサムネイルが表示されています。現在表示している画像とは別の画像のサムネイルをクリックすれば別の画像が拡大表示されます。

ライトボックス機能について(3)

ライトボックス機能について(4)

これがライトボックス機能です。デフォルトではライトボックス機能が有効になっています。

ライトボックスを無効にする

ライトボックスを無効にするには Blogger の管理画面左側に表示されている「設定」をクリックしてください。

ライトボックスを無効にする(1)

「設定」画面が表示されます。

ライトボックスを無効にする(2)

「投稿」ブロックの中にある「画像のライトボックス」にあるスイッチが現在有効になっているのでクリックして無効にしてください。

ライトボックスを無効にする(3)

ライトボックスを無効にする(4)

ライトボックス機能が無効となりました。

それではあらためてブログへアクセスし記事を表示してください。

ライトボックスを無効にする(5)

記事に表示されている画像をクリックしてください。ライトボックス機能が有効になっている場合は画像が拡大表示され、同じ記事に挿入されている画像のサムネイルが画面下部に表示されていましたが、ライトボックス機能が無効になっている場合は画像ファイルが単にブラウザで表示されます。(画像が表示されたページの URL は画像の保存場所を表す URL になります)。

ライトボックスを無効にする(7)

どちらが良いというものではないので、どのようにブログを利用者の方に見せたいのかを考えて設定を決めてください。

-- --

Blogger で画像に対するライトボックス機能を無効にする方法について解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。