WordPressでイメージマップの作成

WordPressでイメージマップを作成する状況で利用できる方法です。 いくつか考えてみることができるようになります。

  • Image Map Generator(イメージマップジェネレータ)を利用する
  • フォトショップ、Gimpなどを利用したイメージマップの作成
  • Dreamweaverのなどイメージマップの作成
  • プラグインを使用する

イメージマップジェネレータ

Image Map Generatorで Easy Imagemap Generator など、いくつかのサイトがあります。 画像をアップロードした後、イメージマップを作成し、コードをコピーして、 WordPressで適用すると、なりそうです。

画像エディタ(フォトショップ、Gimp)や、Dreamweaverを利用したイメージマップの作成

第二の方法でGimpを使用して WordPress用イメージマップを作成することができます。 詳細については、 この記事を参考にしてみてください。 GIMPは、Linux、OS X、Windowsなど複数のオペレーティングシステムで利用可能な無料のオープンソースのクロスプラットフォームの画像エディタです。

GIMPのような無料画像エディタでは、この機能を利用することができれば、当然、Photoshopで利用することができるので、検索してみると、様々なビデオチュートリアルがありますね。 Photoshopの場合、以下のYouTubeの動画を参考にしてください。

Dreamweaverの(Dreamweaver)のようなAuthoring toolを使用してイメージマップを作成することができます。 次の動画を参照してみてください。

WordPress イメージマップのプラグインを使用する

WordPress用イメージマッププラグイン イメージマッププロがあります。 (以外しっかりとしたイメージマッププラグインが検出されないですね。)

Image Map Pro for WordPress -  Interactive Image Map Builder WordPress イメージマップのプラグイン

Image Map Pro for WordPressはインタラクティブなイメージマップビルダーとしてのプラグイン販売サイトである Codecanyonで毎週ベストセラーに上がってきた人気のプラグインです。

主な機能:

  • 高級ドラッグ&ドロップエディタ
  • 多角形、アイコン、正方形、楕円形
  • 150 SVGアイコンを含む
  • 豊富なスタイルとアニメーションのオプション
  • カスタマイズ可能なマウスオーバーとクリックの動作
  • 反応型。 タッチスクリーンに最適化
  • 6ヶ月無料サポート

円バトーマーケットで販売されている WordPress テーマ와 WordPress プラグインはデフォルトの6ヶ月のサポートを提供し(「Extend support to 12 months」オプションを選択すると12ヶ月に延長されます)、サポートが期限切れになっても引き続きアップデートをダウンロードできます。

プラグインサイトを訪問すると詳細情報をデモエディタを体験することができます。

メモ:


コメントを残す

*メールアドレスは公開されません。