ブログ

ワードプレス(JIN)で画像をクリッカブルにする方法。

image clickable

どうも、マルコです。

あまりにもワードプレスで
いじる項目が多すぎたため、

修正点だけでもちょくちょく
書いていこうと思います。

もはや備忘録です。

画像をクリッカブルとは?

きっかけはマクリンさんのツイート
ツイート。

 

「クリッカブル」

どうやら画像をクリックしたときに
画像のアドレスに飛ぶようにする技術のようです。

…それ必要?

画像をクリッカブルにする意味

画像にリンク貼れば行けそうだけど、
そもそも、それをやったところでなぁ。

というわけで困った時は周りの人に聞いてみよう!
ブロガーではない公平な一般人の彼女へ突撃。。。

マルコ
マルコ
なぁなぁ、ホームページで画像あったらクリックする?
彼女
彼女
え?めっちゃするよー!
マルコ
マルコ
な、なんと!!まじか( ゚д゚)

どうやら、彼女によると
画像を保存したいときに、一回クリックして大きくしてから
保存したいということ。

普通に右クリックや
スマホなら長押しでええやん。って言ったら
無言で蹴られました。酷い(T ^ T)

ワードプレス(JIN)で画像をクリッカブルにする方法

では、本題、
画像をクリッカブルにする方法です。

1. 「メディアを追加」で画像を記事内に埋め込みますが、

 

media select

2、画像を選択し、アップロードした後

image clickable

このようにメディアを選択しますが

ここの右下!に注目

3、添付ファイルの表示設定を「メディアファイル」へ

 

添付ファイルの表示設定がデフォルトだと「なし」になっています。

これをメディアファイルへ変更する。

 

これだけ!!

悩んでいたのが嘘のようです。笑

ワードプレス(JIN)で画像をクリッカブルにする方法(2つ目)

 

別の方法として、先に画像を埋め込み、
後からその画像にリンクを貼る方法もあります。

非常に便利ですが、ワードプレスの有料テーマである
JINだけに通じる方法かも。。。

(JIN以外使ったことないため、分かりません。笑)

1、先ほどと同様に画像を埋め込む

 

この時に、添付ファイルの表示設定は「なし」としてしまった場合、
画像だけが表示されてしまいます。

2、画像を選択して、リンクを張る

 

このように選択し、
コマンドからリンクの挿入を押すだけ。

 

media clickable

この時、入力する画像のURL(アドレス)は

「メディア」>画像をクリックすることでコピーすることができます。

これですでにブログに貼り付けたあとの画像に対しても
簡単に修正できますね。

 

まとめ

ワードプレスで画像をクリッカブルに

  1. 画像をクリック可能にすることでクリック率が上がるらしい
  2. クリッカブルにするためには、添付ファイルの表示設定を変更
  3. 画像にリンクをありつけてもOK
新型iPad ProにUSB Cが搭載された今、iPhone Xsは買わないほうが良い?!どうも マルコ(@yamato13n)です。 とうとう新型のiPad Proが出ましたね。 おおよそ10万ほどの価格で、...

 

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です