レイアウトの基本

sliddeウェブページの構造

Slidde.coはシンプルな4層構造を使用しています：

ページ

ページ レイヤーは最上位にあり、フォント、色、リンクスタイルなどのグローバルスタイルを設定するために使用されます。CSSプロパティは継承可能です。

オプションとして、テンプレートをよりユーザーフレンドリーにするためにCSS変数を使用することができます。

ページ 要素を直接選択できない場合は、ツールバーの ページを選択 オプションを使用してください。

ハッシュセクション 機能は、マルチページのウェブサイトをシミュレートできます。このデモをご覧ください: Demo Link

スライド

スライド は、ページ の下にある第一レベルの要素で、コンテンツを分割するために使用されます。

• 「リンクインバイオ」ページのようなシンプルなページには、スライドが1つだけの場合があります。
• 複雑なランディングページには、#header、#hero、#works、#contact、#footer などの複数のセクションが含まれることがあります。

アンカーID (HTML ID) は基本的にHTML IDです。スライド 内のコンテンツに基づいて名前を付け、「#ID」のようなリンクを使用して簡単にナビゲートできるようにします。スキップリンクについてもっと学ぶ。

スライド を最終的なウェブサイトから非表示にしつつ保存しておくには、非表示 属性を確認してください。これはPowerPointの非表示スライドに似ており、チュートリアルにも使用できます。

固定 機能は、フローティングナビゲーションバーやその他の要素に使用されます。こちらの例をご覧ください: Sticky Demo

コンテナ

コンテナ は、レスポンシブな幅とマルチカラム表示を管理します。

• モバイルとデスクトップの幅は通常異なります。コンテナ の 幅 属性を使用して、デバイス間で適応する幅を設定します。
• カラムはコンテナ内のカラム数を定義します。x/12 のように幅を設定できます（例: 2つの6/12カラムでそれぞれ50%の幅）。

各カラムには、水平および垂直の配置設定もあります。

その他

その他の要素はインライン要素で、コンテナ内に配置できます。

この構造化されたアプローチに従うことで、Slidde.coを使用して視覚的に魅力的でレスポンシブなウェブページを簡単に作成できます。