Luxeritas クリックで画像を拡大させたい。プラグイン無しで。

2021年9月15日

Luxeritas クリックで画像を拡大させたい。プラグイン無しで。

WordPress、Luxeritas 初心者の完全なる備忘録。

WordPressで、Luxeritasを使用させていただいています。お世話になります。

PC画面を画像で見てもらいたいのですが、ただ貼り付けただけだと、どうしても細部まで表現されないので、クリックすると、画像が拡大する、あのカッコいいやつを使ってみた時の備忘録。

こんな感じです。クリックすると、でっかくなります。

拡大可能なサンプル画像。クリックすると拡大されます。
画像の内容は、今回の記事とは全く関係ありません。

Luxeritasは、初期でこの機能が実装されているので、特別プラグインなどをインストールする必要はないみたいです。また、特定の画像だけ拡大させることができます。

Luxeritas 設定

1:ダッシュボードの『Luxeritas』にマウスポインタを合わせ
2:コンテクストメニューの『カスタマイズ(外観)』をクリック

Luxeritasのカスタマイズ(外観)設定画面への移動方法。左メニューLuxeritasにマウスポインタを合わせ、『カスタマイズ(外観)』をクリック
これはでっかくなりません。

3:『Lightbox(画像ギャラリー)』をクリック

『Lightbox(画像ギャラリー)』をクリック。

4:『画像ポップアップ用スクリプト』内から、任意の設定にチェックを入れ
5:『公開』をクリック

『画像ポップアップ用スクリプト』の選択画面になります。お好きなものにチェックを入れ、必ず『公開』をクリック。

以上で、Luxeritas側の設定は終了です。『画像ポップアップ用スクリプト』の、それぞれの違いも載せようと思ったのですが、画像では、なかなか違いや、詳細をお伝えするのが難しく、逆に誤解を生みそうだったので載せませんでした。いろいろ試してみてください。

画像側 設定

ここからは、投稿画面での設定になります。拡大したい画像にのみ、設定を行うことで、設定した画像のみ、クリックで拡大されるようになります。

1:通常通り画像を貼り付ける

2:貼り付けた画像をクリックし、
3:表示されるツールバーの、『リンク』をクリック
4:コンテクストメニューの、『メディアファイル』をクリック

貼り付けた画像をクリックし、ツールバー内の『リンク』をクリック。その中の『メディアファイル』をクリック。

以上で、公開された記事内の画像(リンク設定したもののみ)は、クリックすると拡大表示してくれるようになります。

まとめ

ありがとうございます。

HTML、CSS、JavaScriptなどのことは、まったくわかりませんが、クリックでいろいろな機能が使えて、大変助かってます。重ね重ね、お礼を言わせていただきます。

LuxeritasTips,備忘録

Posted by ゆう