大学とカレッジの無料ホームページレイアウトをダウンロードする
公開: 2017-05-08本日、Diviコミュニティにさらに別の無料レイアウトを提供します。 このレイアウトは、大学や大学向けにDiviWebサイトを設定したい人に役立ちます。 このレイアウトをホームページとして使用することは、現在の学生と将来の学生に大学が何であるかを示すのに最適な方法です。 そしてもちろん、彼らが探求している大学や大学が素晴らしいスタイルとデジタルプレゼンスを持っていることも示しています。
大学と大学のレイアウト
大学や短大向けのウェブサイトをデザインするとき、覚えておかなければならないことが1つあります。 視覚的にしてください。 大学やカレッジは、教育システムの質に依存して新入生を引き付けるだけでなく、感情を誘発しようとしています。 この感情的な関与を引き起こす簡単な方法は、学生の最大のニーズの1つを介することです。 社会的接触。
大学での取り組みを示し、その感情的な関与を誘発するために、実際の写真を使用することをお勧めします。 大学または大学の教授や学生の高品質の写真を選んでください。 この投稿であなたと共有する景品のレイアウトについても同じことをしました。
すぐにダウンロードできる無料のホームページレイアウトは次のようになります。
私たちのYoutubeチャンネルを購読する
大学と大学のレイアウトをダウンロードする
レイアウトが気に入って無料でダウンロードしたい場合は、下のフォームにメールアドレスを入力してください。 ダウンロードボタンをクリックして続行すると、必要なファイルがすぐに取得されます。
メールアドレスを入力すると、ニュースレターを購読できます。 あなたは私たちのウェブサイトで新しい興味深くそしてDivi関連の投稿について知らされ、あなたは景品を最初に手に入れる一人になるでしょう。 すでに購読している場合は、電子メールアドレスを入力しても、「再購読」したり、追加の電子メールを受信したりすることはありません。 ダウンロードできるようになるだけです。
レイアウトパックをダウンロードする
無料でダウンロード
Diviニュースレターに参加すると、究極のDiviランディングページレイアウトパックのコピーに加えて、他のすばらしい無料のDiviリソース、ヒント、コツがたくさんメールで送信されます。 従うと、すぐにDiviマスターになります。 すでに購読している場合は、以下にメールアドレスを入力し、[ダウンロード]をクリックしてレイアウトパックにアクセスしてください。
正常にサブスクライブしました。 メールアドレスを確認してサブスクリプションを確認し、毎週無料のDiviレイアウトパックにアクセスしてください。
ZIPには何が含まれていますか？
無料のレイアウトをダウンロードすると、次のファイルが表示されます。
- University-college-master-layout.json –このファイルをインポートすると、完全なレイアウトとすべての個々のセクションがDiviライブラリに追加されます。
- University-college-full-layout.json –これは大学と大学の完全なレイアウトです。
- セクションフォルダー–このフォルダーには、大学と大学のレイアウトの7つの個別セクションのすべてのJSONファイルが含まれています。
大学と大学の景品は、ダウンロードフォルダーにzipフォルダーとして表示されます。 この投稿の次の部分で、レイアウトをアップロードする方法のクイックガイドを提供します。
大学と大学のレイアウトの設定
ダウンロードしたzipフォルダーを見つけたら、先に進んで解凍できます。 上記のファイルは、使用するセクションに応じて見つかります。 それらをDiviライブラリにアップロードできます。
[Divi]> [Diviライブラリ]> [インポートとエクスポート]> [インポート]に移動し、University＆Collegeマスターファイルを選択します
Webサイトに新しいページを追加して続行します。 次の場所に移動して、Divi Builderをアクティブにし、ページのDiviライブラリにアクセスします。
Diviライブラリ（フロントエンドの「+」記号）>ライブラリから追加>大学と大学
ページにUniversity＆Collegeレイアウトを選択すると、DiviBuilderのページにレイアウトがポップアップ表示されます。
レイアウトの目的は、ホームページとして使用することです。 人々があなたのウェブサイトに直接アクセスしたときにこのページにアクセスしたい場合は、WordPress設定でフロントページとして設定することを忘れないでください。
[設定]> [閲覧]> [フロントページ]に移動し、最近作成したページを選択します
レイアウトの使用
レイアウトには、訪問者にさまざまな情報を提供する7つの主要なセクションがあります。 私たちは主に青い色に焦点を当てました。なぜなら、それは人々の心のプロ意識に関連していることが多いからです。 その上、ページ全体で「Montserrat」フォントファミリを使用することにしました。 この投稿の次の部分では、さまざまなセクションについて説明します。
ヒーローセクション
ご覧のとおり、このレイアウトのヒーローセクションは非常にきれいです。 シンプルにするために、1つのテキストモジュールとボタンモジュールを使用しました。 また、セクションの背景として使用されている画像に仕切りスタイルを追加しました。 コードを見てみましょう。 セクションの[カスタムCSS]タブに移動し、メイン要素まで下にスクロールします。 仕切りスタイルを曲線のように見せるためのクリップパスを作成しました。
ナンバーカウンターセクション
最初は、この2番目のセクションはヒーローセクションの一部のように見えます。 その効果は主に、行の2番目の列で使用されている干渉するCall To ActionModuleで作成されました。 モジュールはヒーローセクションに浮かんでいるように見え、そこに書かれていることに注意を向けます。 Call To Actionモジュールを前のセクションとは別にする場合は、[Advanced Design Settings]タブに移動して、上部の余白を削除します。
Call To Actionモジュールを前のセクションとは別にする場合は、[Advanced Design Settings]タブに移動して、上部の余白を削除します。
紹介セクション
このセクションでは、カーブを維持したかったので、このセクションの上部にもカーブを作成しました。 これを行うことで、さまざまなセクション間の接続を作成し、見栄えも良くなります。
研究分野セクション
研究分野のセクションでは、数カウンターのセクションで使用したのと同じフローティング効果を使用することにしました。 これにより、訪問者は、言及された研究分野の1つが特別な分野であるという考えを得ることができます。 その時点でターゲットにしているオーディエンスに応じて、いつでもその調査フィールドを変更できます。
現在、医学研究分野の学生を引き付けるためにあらゆる種類のマーケティング活動を行っている場合は、同じ期間にその研究分野を強調することを選択します。 また、携帯電話やタブレットに隠されている強調矢印を追加しました。
特に研究分野に焦点を当てた画像が必要だったため、このセクションでは宣伝文句モジュールを使用しませんでした。 このレイアウト内のアイコンには、新しいAutoDrawツールを使用し、魔法の杖ツールを使用してPhotoshopで透明なPNG画像を作成しました。 ダウンロードするアイコンを探すのに多くの時間を無駄にしたくないが、アイコンが提供する図面が限られていることを知っている場合は、AutoDrawを使用するのが簡単な方法です。
ダウンロードするアイコンを探すのに多くの時間を無駄にしたくないが、アイコンが提供する図面が限られていることを知っている場合は、AutoDrawを使用するのが簡単な方法です。
学生課
生徒にストーリーを伝える方法は2つありました。 お客様の声モジュールまたは個人モジュールを使用して。 この場合、主な焦点が画像にあることを確認するために、人物モジュールを選択しました。 私が前に言ったように; 人々は自分の研究分野のためだけでなく、他の人の社会的接触や経験のために特定の大学や大学を選ぶだけではありません。 私たちは視覚的な生き物なので、証言、発言、言葉を顔に関連付けるのが好きです。 大学やカレッジの質を信頼し、信じることが容易になります。
お問い合わせフォームセクション
ウェブサイト全体で十分な数の写真を使用したため、お問い合わせフォームをクリーンでシンプルに保つことにしました。
フッター
フッターもとてもきれいです。 このセクションでは、大学や大学が表現すべき深刻さを強調するために、暗い背景色を使用しました。 ソーシャルメディアチャネルへのボタン、アドレス、電話番号、電子メールアドレスなど、Webサイトの訪問者が必要とする可能性のあるすべての実用的な情報を掲載しました。
まとめ
私たちのコミュニティのすべてのメンバーが、自分自身のためであろうとクライアントのためであろうと、このレイアウトで大学や大学のWebサイトの構築を簡単に開始できることを願っています。 Webサイトの他のページ全体で、同じスタイル、フォントファミリ、および色を使用することをお勧めします。
以下のコメントセクションで、コメントや質問を歓迎します。 私は待機し、あなたの質問すべてにできるだけ役立つように答えようとします。 その上、Diviで見たいチュートリアルについて何か提案があれば、撮影してください。
Diviの詳細を知り、Diviの景品をさらに入手したい場合は、メールマガジンとYouTubeチャンネルに登録して、この無料コンテンツを最初に知って利益を得ることができるようにしてください。