
Web用の無料でシンプルな(ほとんど)マテリアルデザインテンプレート。
デモを参照してください
全て?
まず、GitHubから最新リリースを直接ダウンロードします。
いくつかのファイルが表示されます。自分に関心があるものは、index.htmlと2つのフォルダーの2つのフォルダー、および /画像です。
自分の正方形の画像、あなたのロゴ、何でも、内側 /画像を投げます。 index.htmlでは、プロファイルの画像を指すようにsrc値を編集します。
「あなたの名前」を...あなたの名前に置き換えてください。
その下の小さな説明をあなた自身についてのいくつかの説明に置き換えてください。
その後、少し低く、FirstCategoryTextを専門とする作業の種類で自由に変更してください。または、そのままにしておくことができます。私に違いはありません。
連絡先ボタンのHREF値を編集します。 href = "mailto:[あなたのメールアドレス]に等しくなければなりません。
また、index.htmlで非常に重要なのはメタデータになるでしょう。ヘッドタグ内に、実際のデータを使用してメタタグのダミーコンテンツを編集します。
realfavicongenerator.netからファビコンを追加します。
その後、 /jsonフォルダーを開き、links.jsonをご覧ください。かなり簡単なはずですが、ここにちょっとした説明があります:「名前」は、その特定のリンクに表示される実際のテキストです。 「色」は、テキストの隣にあるアイコンの色です。 「アイコン」は、chartheredesignicons.comのアイコンの名前です。アイコンの正しいスペルを取得していることを確認してください(「mdi-」パーツは必要ありません。スクリプトは自動的に追加します)。 URLは... URLです。
links.jsonファイルを編集した後、items.jsonに移動する準備ができました。これは、links.jsonファイルにかなり似ています。ただし、注意すべきことがいくつかあります。まず、アイテムごとに画像を提供する必要があります。第二に、すべての上記の画像を正確な寸法で一致させる必要があります。 1920x1080をお勧めします。 1920x1081の場合、状況は壊れます。これは、私たちが使用しているMaterializecssフレームワークの制約にすぎません。
JSONの実装のおかげで、新しいQuicksilver Webサイトにリンクまたは作業項目を削除または追加する必要がある場合は、非常に簡単です。
あなたのウェブサイトが制作をヒットする準備ができていると感じたら、それを(比ur的な)アップロードボタンを押してください!
Changelogsについては、Quicksilverのリリースセクションをご覧ください
単にフォークし、変更/貢献をして、プルリクエストを作成してください!
デザインの提案と派手なシャンマンシーイメージを提供してくれたLumiq Creativeに感謝します!