インタラクティブな画像を作成しますか WordPressのブログ

インタラクティブな画像を使用すると、画像の特定の領域を強調表示、リンク、およびアニメーション化できます。 

このチュートリアルでは、WordPressでインタラクティブ画像を作成する方法を紹介します。

しかし、前に、WordPressをインストールしたことがない場合は、 インストール方法 WordPressのブログ 7つのステップで et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

それから私たちがここにいる理由に戻りましょう。

ワードプレスe1567777631422でインタラクティブな画像を作成する方法

インタラクティブ画像とは何ですか?

インタラクティブな画像には、アクセスポイント、ハイライト、リンク、色などの領域が含まれます。

これらを試してブログをよりスムーズで効率的にしましょう あなたのブログのための6 WordPress画像圧縮プラグイン

WordPressにアップロードする単純な画像とは異なります。 インタラクティブな画像は目を引くものであり、ユーザーの注意を引き付けます。 画像のさまざまな部分に説明を追加したり、ページへのリンクを追加したり、セクションを強調表示したりできます。

WordPress.jpgのデモ砂丘インタラクティブ画像

この画像では、さまざまなバーの上にあるマウスの横にある果物の説明を見ることができます。 これらのインタラクティブな画像を使用して、ユーザーエンゲージメントとウェブサイトの時間を増やすことができます。

発見 より良いコンバージョンのためにWordPressでFOMOを使用する方法

インタラクティブな画像で訪問者の注意を引く方法を見てみましょう。

WordPressでインタラクティブな画像を作成する方法

最初に行うことは、プラグインをインストールしてアクティブ化することです 注意を引く。 詳細については、次のステップバイステップガイドを参照してください。 WordPressプラグインをインストールする方法.

アクティベーション後、WordPressダッシュボードに新しいカスタム投稿タイプが表示されます。 あなたはに行かなければなりません 注意を引く»新規追加 インタラクティブな画像を作成します。

注意を引くWordPress.png

この新しいインタラクティブ画像のタイトルを追加して、簡単に覚えられるようにすることから始めます。 このページでは、新規またはアップロード済みの画像にインタラクティブなデザインを作成できます。 画像のアップロードアイコンをクリックして新しい画像を追加するか、WordPressメディアライブラリから画像を選択できます。

これらを発見してさらに進む メディアライブラリを最適化する9プレミアムWordPressプラグイン

start.pngに画像をドロップします

次に、ボタンをクリックする必要があります パブリッシュ .

投稿後、プラグインを使用すると、画像を編集して特定の領域を強調表示したり、色やリンクを追加したり、ホットスポット領域を描画したりできます。 セクションまでスクロールできます ホットスポットゾーン クリック可能な領域を展開して、画像をプレビューします。

マウスを動かして、画像上にクリック可能な領域を描くだけです。 アクセスポイント領域を簡単に選択し、それらを展開して選択範囲を作成できます。

WordPress.gifでゾーンを作成するには

ホットスポット領域を描画した後、ドロップダウンリストを下にスクロールする必要があります Action 画像上の選択した領域のアクションを選択します。 選択した場合 詳細を表示、画像のアクセスポイント領域を説明する説明を追加するだけです。 オプション「」を使用して、選択した領域にリンクを追加することもできます。 URLに移動"。

学びます どのようにバックアップとスナップショットのプロであなたのブログを回復

画像を保存するhotspot.jpeg

アクションリンク、アクションテキスト、背景などの一般設定とハイライトスタイルを管理することもできます。 これらの設定は、画像をよりインタラクティブにするのに役立ちます。

一般設定

次に、ボタンをクリックする必要があります 更新 そしてコピー ショート WordPressの投稿またはページに追加します。

shortcode.jpgをコピーしてください

プラグインを使用すると、以前にアップロードした画像または新しい画像を使用して、必要な数のインタラクティブ画像を作成できます。

インタラクティブなimage.jpegをクリックしてください

インタラクティブ画像のインポートとエクスポート

複数のWebサイトで作業していて、インタラクティブ画像をインポート/エクスポートする場合は、両方のWebサイトにDraw Cautionプラグインをインストールする必要があります。

最初のウェブサイトでは、訪問する必要があります 注意を引く»インポート/エクスポート エクスポートしたい画像を確認してください。 次に、ボタンをクリックします エクスポートコードを生成する コードをコピーします。

hotspot.pngコードをエクスポートする

その後、2番目のWebサイトに移動し、Draw Cautionプラグインをアクティブにしていることを確認する必要があります。 それからあなたはに行かなければなりません 注意を引く»インポート/エクスポート ダッシュボードで、コードをインポートフィールドに貼り付けます。

コードをインポートするhotspot.jpg

先に進み、ボタンをクリックします 輸入業者 画像がインポートされます。

プレミアムWordPressプラグインもご覧ください  

他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。

ここでは、そのためのプレミアムWordPressプラグインを提供しています。

1。 オプトインコンテンツロッカー

オプトイン コンテンツ ロッカーは、 WordPressのプラグイン、これにより、ブログの重要なコンテンツをロックして、購読者にのみ表示できます。 

コンテンツロッカーのワードプレスプラグインをオプトインしてウェブサイトのコンテンツをロックする

ロックされたコンテンツを[optinlocker]…[/ optinlocker]ショートコードで囲むだけです。 このコンテンツを表示したい場合は、名前/メールアドレスを送信する必要があります。 送信後、ロックされたすべてのコンテンツが表示されます。

主な機能は次のとおりです。ツールm安全で安全なv重要なコンテンツをブロックするMailChimp、AWeber、GetResponse、iContact、キャンペーンモニタ、Mad Mimi、Benchmark、Sendy、MyMailのサポート、 ショートコード、eCSV形式のデータのxport、複数の言語に翻訳される可能性、fインストールが簡単、excellentカスタマーサポート、et他の人。

ダウンロード | デモ | ウェブホスティング   

2。 WhatsAppチャットをクリック

Le WordPressのプラグイン Click to WhatsApp Chat を使用すると、WordPress のお客様は、WhatsApp アカウントを使用して、Web サイトの所有者またはカスタマー サポートに簡単に接続できます。  

ワードプレスのwhatsappチャットをクリックしてください

WhatsAppアカウントをクリックするだけで、デフォルトのメッセージとともにモバイルWhatsAppアカウントに直接送信されます。 また、クライアントがデスクトップまたはラップトップ上にある場合、WhatsApp Webにリダイレクトされます。

このプラグインには、Webサイトの所有者またはサポートチームが話し合うために使用するWhatsApp番号と日時が必要です。 チャットボタンは、その製品に直接関連するWooCommerce製品の詳細ページに追加できます。

ダウンロード | デモ | ウェブホスティング

3。 役に立った

これは役に立ちましたか WordPressのプラグイン 読者のコメントを宣伝するために使用されます。 肯定的なコメントがより良い仕事をする動機となる場合、反対に否定的なコメントはギャップを見つけてブログを改善するのに役立つことに注意してください。 他の訪問者にとってより便利になります。

これは便利なワードプレスプラグインでしたか

このプラグインは、訪問者が「いいえ」オプションをクリックしたときに、なぜ投稿が役に立たないのかという質問に答えるように訪問者に求めるという点でユニークです。 同様に、訪問者が「はい」オプションをクリックすると、何が一番好きかを尋ねます。

さらに、ページ/記事のリストに移動すると、[はい/いいえ]セクションが表示されます。このセクションでは、統計をすばやく確認して、最終的に記事とページの品質の完全な概要を確認できます。

ダウンロード | デモ | ウェブホスティング

推奨リソース

ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。

まとめ

ここに ! このチュートリアルは以上です。インタラクティブな画像を作成できることを願っています。 することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する

しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。

また、提案や意見がある場合は、セクションに残してください commentaires.

...