WordPress ImageRotatorウィジェットの紹介

WordPress

DK New Media しばらくの間、このWordPressプラグインをバックバーナーに置いてきました。 シンプルで高品質の画像ローテータープラグインに対する需要は、クライアントだけでなく、WordPressコミュニティにとっても高いものでした。 私が見つけたプラグインは、私たちが必要なことをすることを約束していたので、壊れているか、まったく機能しませんでした。 だから私たちは自分たちで作りました。

ImageRotatorウィジェットをダウンロードまたはインストールする

最初のバージョンは醜いため、WordPressプラグインリポジトリに追加されることはありませんでした。 美学だけが問題ではありませんでした。ページごとにXNUMXつの瞬間しか実行できず、設定を構成する必要のあるXNUMXつの異なる場所がありましたが、醜いと言いましたか?

ローテーターには、リニア、ループ、フェードのXNUMXつのトランジションがあります。 リニアは、コンテナ全体で画像を水平方向にスクロールします。 線形回転子が画像の最後に到達すると、跳ね返って反対方向にスクロールします。 ループローテーターは円形です。最後の画像に到達すると、リストの最初の画像が次に表示され、ループが最初からやり直します。 フェードは、各画像をフェードインおよびフェードアウトします。

しかし、これらの移行は私たちの最大の問題ではありませんでした。 設定でした。 それは醜い部分でしたが、今回はエレガントなものを作りました。 ローテーターに画像を追加するプロセスは単純である必要があることを私たちは知っていました。 プレーンな「+」ボタンは、WordPressのメディアダイアログを呼び出します。 そこから、ユーザーは、投稿に画像を挿入する場合と同じように、新しい画像をアップロードするか、以前にアップロードした画像をメディアライブラリから選択するかを選択できます。 画像のアップロードが完了した後、またはユーザーが画像を選択した後、「画像ローテーターに送信」ボタンを押す必要があります。 必要な画像をすべてアップロードすると、管理が非常に簡単になります。

画像回転ウィジェット

画像名にカーソルを合わせると、画像を含むツールチップが表示されます。 ウィジェットの設定を乱雑にしたくなかったので、すべての画像を設定コンテナにロードすることはオプションではないと判断しました。 画像をツールチッププレビューに入れるという私たちの決定は、XNUMXつのメリットがありました。ユーザーは、編集や並べ替えなどを行う前に、画像が読み込まれるのを待つ必要がありません。 また、インターフェイスがクリーンに保たれるため、並べ替えや削除が簡単になります。

並べ替えは、画像リストアイテム内の空のスペースをクリックして目的の位置にドラッグするのと同じくらい簡単です。 画像(すべて異なる比率)を設定コンテナに直接ロードした場合、これがどれほど途切れ途切れであったか想像してみてください。

ウィジェットから画像を削除するには、削除したい画像の横にある「-」ボタンを押します。 「保存」をクリックする必要があることに注意してください。そうしないと、これらの変更は行われません。

このプラグインを実行する場合は、コメント、バグ、フィードバックをお気軽に WordPressサポートフォーラム(私たちはこれらを監視します)またはによって 直接お問い合わせ.

ImageRotatorウィジェットをダウンロードまたはインストールする

29のコメント

  1. 1

    画像のサイズ設定はどのように機能しますか? アップロードボックスに200×200と表示されていることに気付きました。 画像の比率が異なる場合はどうなりますか?

    • 2

      これにより、このプラグインが複雑になりすぎると思います。 また、水平方向の中央が適切に配置されていなかったり、ピクセル化されたりする可能性があるため、正しく表示されません。投稿に合わせて画像のサイズを適切に設定する必要があるのと同様に、ユーザーはここで正しくサイズを変更する必要があります。

  2. 3

    さまざまな幅の比率が機能しますが、高さの比率は機能しません。 現在のところ、ウィジェットを最大限に活用するには、使用する予定のすべての画像を同じ高さにする必要があります。

    次のリリースでは、ウィジェットに寸法設定を追加する予定です。 ウィジェット全体の幅と高さを選択できるため、画像はそれに比例してサイズ変更されます。

  3. 5
  4. 9
  5. 10

    私は本当にこのプラグインを使いたいのですが、画像をアップロードすると、「画像をローテーターウィジェットに送信する」可能性がなく、通常の「挿入して投稿する」だけです。
    プラグインを削除して再インストールしましたが、今のところ運がありません。 手伝ってくれませんか。

    スクリーンショットを追加しました。オランダ語ですが、[画像を送信...]ボタンが表示されていないことがわかります。 よろしくお願いします。

    おかげで、

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      翻訳ファイルを作成する必要があると推測できます。 オランダ語で「ローテーターウィジェットに画像を送信」とは何ですか? すぐにリリースする予定はありませんが、これを取り入れようとします。

      ダグ

      • 12

        こんにちはダグ、
        迅速な返信ありがとうございます。 正しい翻訳は「画像ローテーターウィジェットのinvoegen」です。
        私はこれがうまくいくことを本当に望んでいます。 一方、問題が解決するのであれば、英語で「画像をローテーターウィジェットに送信」を使用してもかまいません。

        親切、
        ヘレン

      • 13

        ダグ、
        いくつかのWPサイトを実行しているので、この画像ローテーターを英語版で試しましたが、問題なく動作します。 だから、私はあなたが正しいと思います、これは翻訳と関係があります。 近い将来、どこかで翻訳を作成することができれば素晴らしいと思います。 英語からオランダ語にもっと翻訳する必要がある場合は、喜んでお手伝いします。
        別の質問:写真をクリックしてそのままにして、追加したテキストを他の人が読めるようにする方法はありますか? またはループで、速度を遅くしますか?

  6. 14

    これがタイトルフィールドとともにアップロードされました! 次のプロジェクトは、メディアライブラリアップローダーからアンカータグを取得できないかどうかを確認することです。

    • 15

      このウィジェットは素晴らしくシンプルで、画像へのリンクを追加するオプションは素晴らしいでしょう。 古いコメントをいくつか確認したところ、この機能は3か月前に数人のユーザーからリクエストされたことがわかりました。 あなたがすぐにそれを統合することができることを願っています。

  7. 18

    こんにちは、画像フェードのJavaScriptを変更して、中間の白にフェードするのではなく、ある画像が次の画像にフェードするようにします。 これには何を変更する必要がありますか?

  8. 19

    何らかの理由で、画像の横に>文字があります。 そうでなければ、それはうまくいきます。

  9. 21
  10. 22

    私はプラグインが大好きで、それは私にとって非常にうまく機能しています。 私のXNUMXつの質問ですが、新しいウィンドウでリンクを開く方法はありますか?

    • 23

      残念ながら、メディア アップロード ページにはその機能があるようには見えません。組み込みの WordPress ダイアログを使用しているだけですが、プラグインのオプションにすることも検討できます。 それまでの間、その開発の経験があれば、jQuery でそれを行うことができます。

      • 24

        他のプラグインで動作するものを試しましたが、うまくいきませんでした。 どこで、どのように変更を加えるか教えていただけますか?

        ありがとうございました、
        ジャネット

    • 26

      @janetmorrow:disqusプラグインが更新され、新しいウィンドウでリンクを開くことができるようになりました。 最新バージョンを入手してください!

  11. 27

    素晴らしいプラグインをありがとう。 XNUMXつの質問–プラグインのインスタンスをXNUMXつ持つオプションはありますか? ある場所でXNUMXセットの画像を使用し、別の場所で別の画像セットを使用したいと思います。

  12. 29

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.