ようこそ私たちのいくつかのビデオは、私たちのブログのモデルを作成し、私たちはこのビデオでは、インデックスのテンプレートを追加したブログのアプリをセットアップして得た。
実際には新しいルートを実際に追加することはありません。
これは非常に速くなりますが、ヘッダとフッタのParshallを追加したいと思います。
そして、セマンティックUIも含めたいと思っています。
そして最後に、上に本当に簡単なナビゲーションバーを追加します。
では、Ejayをファイルとしてヘッダとフッタを作成してみましょう。
そして、それが表示されたディレクトリの中にあるべきである。
ParshallのスラッシュフッターEをスラッシュして、ParshallのスラッシュフッターEをスラッシュしたParshallのスラッシュHetterをスラッシュして表示します。
J. すばらしいです。
さあ、それらを開いてみましょう。
ヘッダーから始めましょう。
そしてなぜHDのメタルヘッドのタイトルなのか基本的なスケルトンではなかったのです。
私たちはそれをブログアプリと呼ぶでしょうし、私たちの体はそれと同じように必要なので、これをフッタに移動して、今はそれをカットし、それが機能していることを知るようにします。
一番上の段落をヘッダーファイルから追加してみましょう。すべてのページで、正しく行ったことが分かると思います。
今度はフッターペーストを開いて、同じことをフッターセーブから行うことができます。
これをリンクして、インデックスから開始して開始する必要があります。
したがって、先頭にはインクルードが必要です。インデックスファイルではなく、私たちの道があります。
だから、ちょうどドットスラッシュParshallのスラッシュヘッダーがほしい。
そして、同じことをここではParshallのスラッシュにします。
これまでのところそれをテストしてみましょう。そして、私たちは足からのヘッダーファイルか5から得ます。
すばらしいです。
さて、セマンティックUIを追加しましょう。
だから、私はこのセマンティックなUIウェブサイトオープンセマンティックダッシュあなたがドットコムを持っている。
ブートストラップのように、ファイルをダウンロードするか、CDNセマンティックUI CDNを含めることができます。
この最初の例をクリックすると、私たちが選ぶことができるたくさんの異なるファイルがあることがわかります。
セマンティックUIは、ブートストラップとは違ってセマンティックUIの仕組みが整っているのは、あなたが望むものが私たちのセクションの後ろにあるか、単にフォームを必要とするだけだからです。
SSブートストラップの批判の一つである全体を必要としないので、小さな断片だけが必要な場合は、まだライブラリ全体を取らなければなりません。
しかし、私たちはライブラリ全体が必要です。
だから、これらすべてのイディオムをスクロールすると、意味論的なことを言いたいCDNがあります。検索やセマンティクスを行うだけでは、ここでの再評価が得られます。あなたがわからない場合や探している場合は見つけるのが難しいですがちょうど検索を行います。
物事をより速くするために、実際にはちょっとしたバージョンをとってはいけません。
だから、人間が評価していることを意味するセマンティックです。あなたはErlをコピーして、頭の中のヘッダーファイルに上書きします。
それは長さのタグです。
そして、私たちはそれがリンクであることを望んでおり、そしてrefはそれと同じです。
はいはい。
また、relスタイルのシートタイプとテキストスラッシュを追加する必要があります。
C Ssこれで、サーバーを保存して再起動します。
私たちのホームページを見てみると、最初にブートストラップをインストールしたときのように、フォントの変更が少し変わったような小さな変化が見られます。
OK。
つまり、ヘッダーとフッターの段落を取り除き、代わりに単純なナビゲーションバーをキューに追加しましょう。
今はもちろんメニューと呼ばれています。
だから私たちがここに行くなら、すべての異なるコンポーネントをメニューでクリックし、コレクションのメニューの下にあるメニューを見つけたいと思う。
メニューにはかなりの種類があります。
ここに表示されているメニューがあります。
ポインティングメニューがあり、そこには表形式のテキストがあります。
私たちの体の一番上をdivにしてこれを適切に取得することが必要ですが、必要なものはさらにいくつかあります。
ケイトはあなたと同等のクラスです。
私は修正し、ちょうどブートストラップのように色を変える反転メニューを実行します。
あなたは詩で言うことができ、そこには別のdivが必要です。
そして、これは、あなたがブートストラップされたコンテナのようなあなたのコンテナと等しいクラスを持つことになります。
そしてそこに代わりに別のdivがあり、これはHetter項目に等しいクラスを持ちます。
これはブートストラップのnav barブランドのようなものです。
だから私たちは、子供たちがブログのサイトや、私たちのアプリケーションを呼びたいものを何でもしたいと思っているものすべて。
その後、ホームページのアンカータグを追加して、それを家に呼び出すと、アイテムに等しいクラスで追加します。その後、スラッシュにするのではなく、同じことを行いますスラッシュログに行くスラッシュはまだ存在しないし、それは冷たい新しい投稿または新しいブログになります。
それは私たちが見るテキストになります。
OKので、あなたは反転メニューを修正していません。
その代わりにコンテナ。
そして、コンテナの中に私たちは実際にこの小さな間違いのすべてを自分のところに持っていなければなりません。
だから私たちはそこにも存在することを望んでいる。
それはすべてコンテナに入っています。
そしてヘッダーがあり、それから固定されたTexという2つのアイテムがあります。
今それを見てみましょう。
そして、私たちは簡単な数学バーを手に入れます。
はい、ここに問題があります。
私たちはすぐにそれを処理しますが、今はうまく動作するところがあります。
セマンティックであなたは単にアイコンと呼ばれる単純なアイコンを追加しましょう。
私が使ったものにはたくさんのものがあります。
コードと呼ばれています。
ここでそれを見つけて検索してみてください。
そこにそれがある。
しかし、あなたがコメントが好きなら、あなた自身を選んで自由に感じてください。
アイデアは、それはコードベースのブログだったが、他にもあるかもしれない。
私はアイデアも好きです。
とにかくそれらの束があります。
いいのは、企業にとって有用なアイコンがたくさんあることです。
一番下には彼らがいると思います。アプリケーションにリンクしていた数多くの異なるブランドや共通の企業に行きます。
OK。
だから、アイコンの名前をコードにして、私はブログサイトのヘッダーのすぐ隣に追加します。
だからここに彼女のアイテムがあり、私たちに必要なものはアイタグです。
そして、コードとアイコンのクラスを持つ必要があります。
だから本当に単純なアイコンの名前だけでなく、クラスアイコンがリフレッシュを保存し、私たちは少しコードを持っています。
私はそこに来る。
このアイコンを少し大きくするための小さな変更を加えましょう。
これを行うには、ここで素晴らしいスタイルのタグを書くことができますが、そうするのではなく、私たちが設定したパブリックディレクトリを使用しましょう。
それでもディレクトリを作成する必要があります。
しかし、私たちはそれが提供されているという事実を設定しました。
だから、スタイルシートをスラッシュして、それをaptと呼ぶだろう。Csはまだ存在しない。
だから私たちは、ディレクトリを公開し、ディレクトリパブリックスラッシュスタイルシートを作成し、最終的にパブリックスラッシュスタイルシートスラッシュアプ​​リDotsie
SSを開く必要がありますので、公開スタイルシートAptos
SSタブの完成を開くことは間違いなくあなたの友人です。
そして、すべてのアイコンを少し大きくする。
IEMを設定します。
そのクラスのアイコンを持つすべてのアイコンとスティーブアイコンよりも実際にはちょっとだけ具体的です。私たちは、コンテナのサイズの2倍、または親の保存の倍のサイズのように、フォントサイズBE2
これで、サーバーのバックアップを開始し、ページを更新しました。
私たちはアイコンが個人的な好みの問題であるより大きくなるのを見なければなりません。
しかし、私はそれが大きくなると少し良くなると思う。
OK。
これで、このビデオでやる必要があるすべての作業が完了しました。
Footerファイルに追加されたnav
barを設定したかったのは、私たちがカスタムCSSAファイルに追加するのは1行だけですが、今はカスタムテンプレートをすべての単一ファイルに簡単に追加することができます。セマンティックUIを含めることができます。
だから私は、Header
それで、新しいビデオを作成して、実際に新しいブログを作ることができるように、次のビデオをピックアップします。