Avadaで利用できるデモサイトおすすめ10選

1

企業・組織のデモサイト

Avadaをはじめとする海外テーマでは,デモサイトをインポートできます.デモサイトはかなりの数用意されていますが,その中から自分が作りたいイメージに近いものをインポートした後,カスタマイズしてサイトを作成するという流れが一般的です.

デモサイトの実態は,そのテーマ(例えばAvadaやEnfoldなど)で作られた固定ページや投稿ページです.テーマそのもので手動で同じものを作れるのですが,手間を省くために用意されております.

ここでは,Avadaのおすすめのデモサイトを紹介します.

シンプルなもので良いならこれがおすすめ.

ダサくない程度に動きもあって,構成もシンプルなのでカスタマイズ示唆そうです.

ランディングページ

印象の強いランディングページならこちらがおすすめです.

動きがあって,読者は自然にスクロールしてしまうと思います.用意する写真の数も少なくて良ささそうです.製品,アプリなど幅広く使えます.

・イベント向けのサイトを作りたいなら動画を多用するこちらがいいです

Magazine系(文字主体)

・明るい印象のサイトです.少し古めのデザインですが,みやすくて親しみやすいです.

用意できる写真がたくさんある人限定になってしまうのが難点です.

・個人的には一番使いやすくておすすめです.

・ミニサイトでおすすめのデモデザインです.

・力強いサイトを作りたいならこれ.

個人的には好きです.

ヨガ教室

ヨガ教室を開くならこのサイトはかなりおすすめです.

Avadaで特定のコンテナがモバイルで表示されない

1

WordPressの有料テーマで一番人気のAvadaでWebサイトを構築する際,特定のコンテナがモバイルで表示されない問題に直面しました.

Avadaでは,コンテナごとにRendering Logicでデバイスや引数,ユーザーロールなどに応じて表示するかどうかを決めることができます.デフォルトのテーマでは,Rendering Logicでデバイスタイプがモバイルではない場合に表示,となっていたりします.PCでは表示されるのにモバイルでは表示されない,というトラブルに遭遇した時には下記の対応で解決します.

まず,該当の固定ページに行きます.

wordpress

表示されないコンテナを編集するために,鉛筆ボタンを押して編集画面を出します

ExtrasタブでRendering logicのところで,Device Typeが指定されているので,これを削除します.

Avadaでは,コンテナごとにRendering Logicでデバイスや引数,ユーザーロールなどに応じて表示するかどうかを決めることができます.デフォルトのテーマでは,Rendering Logicでデバイスタイプがモバイルではない場合に表示,となっていたりします.PCでは表示されるのにモバイルでは表示されない,というトラブルに遭遇した時にどうぞ.