2014年1月31日WordPressどうも、翔です。ColorBox』のインストール方法と使い方の解説をします。画像をポップアップするプラグインなのですが、マニュアルを多数作る僕には必須のプラグインです。下の画像を見てください。この画像は、元々1087×196というサイズの画像です。それを無理やり、横幅500に合わせました。ワードプレスにアップする以前に、横幅を500にリサイズしているのです。この下の画像はどうでしょう?サイズは、300×54です。笑ですが、クリックすると見やすいですよね。画像の大きさはマックスで横幅500。そのため、クリックで拡大しても何が書いてあるのかわからないのです。拡大すると綺麗な画像が表示されるのです。拡大するために画像のURLに飛ぶしかないのです。マニュアルを止めて、画像のURLに行っての往復。これでは、マニュアルの離脱率が上がってしまいます。逆にポップアップすることにより、ページが変わらずその場で大きな画像が表示されます。早い段階で導入しましょう。下のマニュアル画像が見にくい場合は、クリックするとポップアップして表示されます。解除する場合は、画像外をクリックするか、Escキーを押してください。「プラグイン」⇒「新規追加」をクリック。ColorBox』と入力して「プラグインの検索」を選択します。上の画像の矢印に沿って作業を進めてください。「いますぐインストール」をクリックしてください。ポップアップは「OK」を選択します。その後「プラグインを有効化」をクリックしてください。ColorBox』をクリック。Settings」を探してください。そこにある、「Styles」を編集します。この青枠を編集することで、ポップアップされた時のデザインを選択できます。僕であれば、「Overtext」に設定しています。左の画面にどのようにポップアップされるか、プレビューが出ますので好きなものにしましょう。settings」を選択してください。次にさらに下にスクロールしていきます。Settings」という項目があるので探してください。そこで設定する部分は、「interface」です。Close」にチェックを入れてください。「Overlay」にチェックを入れることで、ポップアップアップ時に画像外をクリックすると、ポップアップが解除されるようになります。Close」にチェックを入れると、ESCキーを押すと解除できるようになります。この二つにはチェックを入れておきましょう。settings」を必ずクリックしてください。他にも細々した設定があります。画像リンクを貼った時に、リンクをクリックすれば画像がポップアップして表示されたり。必要に応じて設定していってください。このプラグイン導入前の画像に関しても、ポップアップは適応されるので安心してください。ColorBox』のインストール方法と使い方の解説となります。管理人:翔サイトアフィリ、トレンドアフィリ、情報販売、稼ぐ系のアフィリエイト、物販などジャンルにこだわらず稼ぎを伸ばしています。現在は物販に注力中!質問などありましたら、いつでもご連絡ください♪メルマガにてブログに流さない稼ぎネタをお送りしています。物販初心者でも0から1(初報酬)を簡単に達成できる手法をまとめました。抽象的な概念ではなく、具体的な稼ぐノウハウとなっていますので、ぜひ手にとり実践してみてください。