quicksilver
Pomegranate
Eine kostenlose, einfache, (meistens) Materialdesign-Vorlage für das Web.
Siehe Demo
Alle?
Laden Sie zunächst die neueste Version direkt von Github herunter.
Sie erhalten eine Reihe von Dateien. Das Zeug, mit dem Sie sich befassen möchten, sind index.html und zwei Ordner: /json und /Bilder.
Werfen Sie ein quadratisches Bild von sich selbst, Ihrem Logo, was auch immer, im Inneren /Bilder. Bearbeiten Sie in Index.html den SRC -Wert für ProfileImage, um auf dieses Profilbild zu verweisen.
Ersetzen Sie "Ihren Namen" durch ... Ihr Name.
Ersetzen Sie die kleine Beschreibung darunter durch eine Beschreibung über sich selbst.
Wenn Sie dann etwas tiefer sind, können Sie den FirstCategoryText mit jeder Art von Arbeit, auf die Sie sich spezialisiert haben, ändern. Oder Sie können ihn so lassen, wie er ist. Macht für mich keinen Unterschied.
Bearbeiten Sie den HREF -Wert der Kontaktschaltfläche. Es sollte gleich href = "mailto: [Ihre E -Mail -Adresse] sein".
Auch sehr wichtig in index.html wird die Metadaten sein. Bearbeiten Sie den Dummy -Inhalt in den Meta -Tags mit echten Daten.
Fügen Sie einen Favicon von RealFavicongenerator.net hinzu.
Öffnen Sie danach den Ordner /json und schauen Sie sich links.json an. Sollte ziemlich einfach sein, aber hier ist eine kleine Erklärung: 'Name' ist der tatsächliche Text, der zu diesem speziellen Link angezeigt wird. 'Farbe' ist die Farbe des Symbols, die sich neben Ihrem Text befindet. 'Icon' ist der Name des Symbols von materialdesignicons.com. Stellen Sie sicher, dass Sie die richtige Schreibweise für das Symbol erhalten (Sie benötigen nicht den "mDi-" -Teil, das Skript fügt das automatisch hinzu). URL ist ... die URL.
Nachdem Sie die Datei links.json bearbeitet haben, können Sie zu items.json übergehen. Dies ist der Links.json -Datei ziemlich ähnlich. Ein paar Dinge zu beachten. Zunächst müssen Sie für jeden Artikel ein Bild liefern. Zweitens müssen alle Bilder in exakten Abmessungen übereinstimmen. Ich schlage vor 1920x1080. Wenn es 1920x1081 ist, brechen die Dinge. Es ist nur eine Einschränkung des Materializecss -Frameworks, das wir verwenden.
Wenn Sie Ihrer neuen Quicksilver-Website einen Link oder einen Arbeitsplatz hinzufügen müssen, ist dies dank der JSON-Implementierung super einfach.
Nachdem Sie das Gefühl haben, dass Ihre Website bereit ist, die Produktion zu erreichen, klicken Sie auf diese (figurative) Upload -Schaltfläche!
Weitere Informationen finden Sie im Abschnitt "Veröffentlichungen" von Quicksilver
Einfach Fork, nehmen Sie Ihre Änderungen/Beiträge vor und erstellen Sie eine Pull -Anfrage!
Vielen Dank an Lumiq Creative für Designvorschläge und das Fancy-Shmancy-Bild!
