WordPress ウェブサイト構築: Before と After 機能の追加

WodPess は、Web サイトの構築時に多くのプラグインを追加し、現在多くの Web サイトでは、製品ページを表示するときに、製品の前後の効果の比較を示す before と after の機能を追加しています。では、「前と後を追加する」機能を追加するにはどうすればよいでしょうか?この記事では詳しく紹介していきます。

この機能は、WodPess Web サイトに簡単に追加できます。この効果は、関連する機能を備えた WodPess プラグインを追加することで実現できます。

WodPess プラグイン Twenty20 画像のビフォーアフター。

ここで紹介する WodPess プラグインは、Twenty20 Imge Before-After です。

WodPess のバックグラウンドでプラグインを検索してインストールし、アクティブ化すれば使用できるようになります。

ページを編集するときに、WodPess エディターでこのプラグインを見つけることができます。

次に、WodPess メディア マネージャーで、前後の比較効果として 2 つの画像を選択します。

画像を選択し、インセットをクリックします。

次に、特定の編集インターフェースに進みます。

設定後、インセットショットコードをクリックしてショートコードを追加し、この機能を追加する必要があるときにこのショートコードを追加します。

もちろんウィジェットに追加することもできます。

WodPess バックエンドで、「外観」、「ウィジェット」を見つけて、ウィジェットを必要な場所にドラッグします。

次に、Web ページの Before と After の機能が設定されます。