Diviのフィットネスチャイルドテーマ

公開: 2019-08-10

Diviは、フィットネスビジネス向けのWebサイトを構築するための優れたテーマです。 Diviコミュニティのおかげで、ジム、ブログ、店舗、トレーナーなどのWebサイトを構築するためのDiviのフィットネスチャイルドテーマがたくさんあります。 この記事では、次のDiviプロジェクトで有利なスタートを切るのに役立つ、Diviの11のフィットネスチャイルドテーマを見ていきます。 子のテーマは特定の順序ではありません。

1.ジム

ジムには、トレーナー用のページ、メンテナンスページ、ギャラリーなどを含む10ページがあります。 ホームページには、一方に情報へのリンク、もう一方に相談CTAが記載された全画面画像が表示されます。 クラスは宣伝文句内に表示され、部分的なオーバーレイ内に詳細とリンクを提供するホバーアニメーションが含まれています。 トレーニングパッケージはブログ投稿に似ており、価格を表示するタグが含まれています。 宣伝文のセクションはサービスを提供し、ホバーアニメーションを含みます。 トレーナーは、斜めのオーバーレイとスタイル付きのソーシャルボタンを含むスタイル付きの人物モジュール内に表示されます。 また、スタイル付きの価格表、紹介文なども含まれています。

価格:$ 64 | 詳しくは

2.体調を整えましょう! フィットネスとジム

体調を整えましょう! Fitness and Gymには、3つのカスタムページと、フィットネスおよびパーソナルトレーナー向けのスタイル付きモジュールが多数含まれています。 ホームページには、視差のあるフルスクリーン画像が表示され、オーバーレイにタイトルとCTAが表示されます。 スクロールすると、短いAboutセクションが表示され、片側にCTAの余地があり、反対側に次のセクションと重なる画像が表示されます。これには、別の短いCTAが含まれます。 人物モジュールには、トレーナーの名前が表示されます。名前は、ホバーすると消えて、より多くの画像が表示されます。 また、スタイル付きの価格設定モジュール、ブログセクション、およびお問い合わせフォームも含まれています。 About UsページとContactページには、タイトル付きの全幅画像が表示され、さらに多くのモジュールが含まれています。

価格:$ 44 | 詳しくは

3. BoDivi

BoDiviには、クラスとインストラクター向けのページを含む7つのメインページがあります。 ホームページには、タイトルとCTAが中央に表示された全幅の画像が表示されます。 これに続いて、白黒写真と赤のタイトルが付いた一連の画像があります。 ホバーすると、タイトルが黒に変わり、画像に詳細情報が濃い赤でオーバーレイされます。 別のセクションでは、一方の側に画像を表示し、もう一方の側に宣伝文のセットを表示して、複数列のレイアウトを作成します。 クラスに関するセクションでは、オーバーレイを使用して背景画像の上に宣伝文句のセットを表示します。 スタイル付きのブログセクションでは、タイトルが1列に表示され、投稿が3列に表示されます。 また、スタイル付きの価格表も含まれています。

価格:$ 39 | 詳しくは

4.メガスロン

Megathlonには、2つの異なるホームページ、クラス、トレーナー、スケジュール、カテゴリ、個別のクラスなどを含む14ページが付属しています。 スクロール時にそのまま残る垂直メニューがあります。 メインのホームページには、背景画像の上にビデオが埋め込まれたCTAが表示されます。 ブラブには、トレーニング施設に関する情報が表示されます。 クラスは、オーバーレイ付きの画像グリッドに表示されます。 また、スタイル付きの価格表、ブログセクション、紹介文のスライダー、連絡先セクションも含まれています。 別のホームページには、すべてが1ページのデザインで表示され、時刻表、個人モジュール、ギャラリー、および連絡先情報が埋め込まれたマップとともに追加されます。 クラスとトレーナーのページは同様のデザインに従い、スタイル付きのモジュールに焦点を当てています。

価格:49.50ドル| 詳しくは

5.ヨガ

ヨガには、イベント、チーム(トレーナー用)、ショップページなどを含む12ページ以上があります。 ホームページには、片面に情報が表示され、もう片面に予約CTAが表示されたフルスクリーンの背景画像が表示されます。 [概要]セクションには、中央にマルチカラーアイコンを使用して両側に宣伝文句がある画像が表示されます。 特典のセクションには、タイトルと説明を含む画像が表示されます。 また、スタイル付きの価格表、個人モジュール、紹介文、ブログ、ショップモジュールなども含まれています。[イベント]ページには、一方に画像、もう一方に情報を含むイベントが表示されます。 チームページには、それぞれに異なる個人モジュールを含む複数のセクションが表示されます。

価格:$ 64 | 詳しくは

6.ナマステ

ナマステには、クラスと価格を含む6つのメインページがあります。 ホームページには、CTAと波状の仕切りが付いたフルスクリーン画像が表示されます。 スクロールすると、画像とテキストを含むaboutセクションが表示されます。 別のaboutセクションでは、片側に情報があり、上部と下部にスタイル付きの仕切りがある、真の視差のフルスクリーン画像が表示されます。 クラスは、下部の丸い角を使用するスタイル付きの宣伝文句内に表示されます。 また、スタイル付きの個人モジュール、紹介文、ブログ、価格表、お問い合わせフォームなども含まれています。 片面だけをカバーする画像とオーバーレイのあるセクションが好きです。 タイトルで使用されているスクリプトフォントも大好きです。

価格:59ドル| 詳しくは

7. F2F

F2Fは、フィットネスWebサイトおよびeコマース用に設計されました。 ホームページと製品ページが含まれています。 ヒーローセクションには、オレンジ色のオーバーレイとオーバーレイ内の購入CTAを含むフルスクリーンビデオが表示されます。 スクロールすると、いくつかのセクションに視差のあるフルスクリーンの背景画像が表示され、オーバーレイに購入CTAが表示されます。 CTAは一方から他方に切り替わります。 同様のセクションには、全幅の連絡フォーム、片側に投稿があるブログセクション、および全画面の連絡セクションが含まれます。 ブログページは全幅で、お問い合わせフォームが含まれています。 ショップページには、オレンジ色のオーバーレイが付いた商品が表示され、連絡先セクションが含まれています。 製品ページはそれに合わせてスタイル設定されています。

価格:49ドル| 詳しくは

8.ディビフィットネス

Divi Fitnessには、トレーナー向けのページを含む7ページが付属しています。 カスタムカラーピッカーも含まれています。 メニューは、現在のページを大きな色のブロックで強調表示し、クリック可能な電話番号と電子メールを含みます。 ホームページには、CTAがオーバーレイされたフルスクリーン画像が表示されます。 スタイル付きのタブセクションには、会社情報が表示されます。 スタイル付きの宣伝文は、アイコン付きのサービスを表示します。 宣伝文はホバーすると反転して情報を表示します。 人物モジュールは画像を表示し、ホバー時に名前、タイトル、ソーシャルメディアのリンクを表示します。 写真の前後にギャラリーが表示され、一方の側からもう一方の側にスライドして画像を表示できます。 また、スタイル付きのカウントダウンタイマー、価格表、証言、トレーニングスケジュールなども含まれています。

価格:$ 120 | 詳しくは

9.フィット

Fitには、3つの異なるホームページレイアウトとチームページを含む9ページが付属しています。 メインのホームページには、CTAを含む全画面画像が表示されます。 タグラインはスリムな全幅セクションに配置され、セクションを紹介します。 [概要]セクションには、情報を含む画像が表示されます。 スタイル付きの宣伝文句は利点を示し、ホバーアニメーション、丸みを帯びた角、影の効果のある画像が含まれます。 前後の画像モジュールは、数値カウンターの横に表示される結果を表示します。 また、視差、ブログ、人物モジュール、バーカウンターなどの画像を表示する、カスタムの連絡フォーム、情報、および2列の行内の紹介文も含まれています。他のホームページでは、特定のモジュールに小さな変更を加えています。

価格:$ 97 | 詳しくは

10.ウッドスター

Wodsterには12ページ以上が付属しており、WOD(Workouts of the Day)と呼ばれるカスタム投稿タイプが追加されています。 ホームページには、CTAとニュースレターフォームを含む全画面画像が表示されます。 情報は、フルスクリーン画像上にタイムラインを作成する宣伝文句内に表示されます。 また、スライダー、アプリに関するセクション、トレーナーにリンクする全幅のセクション、スタイル付きのブログも含まれています。 WODアーカイブページには、イベントとその内容が表示されます。 スタイル付きのボタンと日付用の大きなブロックが含まれています。 WOD投稿タイプは、ワークアウトの各要素の横に画像を表示します。 ロケーションは、スタイル付きグリッドを備えた興味深い価格表を使用します。

価格:$ 29 | 詳しくは

11.コーチ

コーチには、オンラインストアと製品ページを含む15ページが付属しています。 ヒーローセクションは、視差でフルスクリーン画像を表示します。 スクロールすると、メリットのあるセクションと詳細を確認するためのボタンが表示されます。 サービスに関するセクションでは、一方に画像を表示し、もう一方にCTAを表示します。 どちらもボックスシャドウ効果を使用します。 交互のレイアウトを使用して、いくつかのサービスが表示されます。 その他の利点は、スタイル付きの宣伝文で示されています。 視差で画像を表示するために、いくつかの全幅セクションを使用します。 プログラムページはスタイル付きの製品です。 また、スタイル付きのブログ、証言、お問い合わせフォーム、およびトグルも含まれています。

価格:$ 47 | 詳しくは

終わりの考え

これが、次のDiviプロジェクトで有利なスタートを切るのに役立つDiviの11のフィットネスチャイルドテーマです。 ジム、ヨガスタジオ、パーソナルトレーナー、さらにはオンラインストアのサイトを構築している場合でも、このリストにはニーズを満たすものが必ずあります。

我々はあなたから聞きたい。 Diviのこれらのフィットネスチャイルドテーマのどれがあなたのお気に入りですか? コメントで教えてください。

Julia Tim /shutterstock.comによる注目の画像