[Unbenannt]
bogdan-dilaj.de | Das Projekt

Endlich fertig! Und auch der erste Post – meine Website.

Nach einer insgesamt dreiwöchigen Entwicklungsphase ist meine Internetseite bogdan-dilaj.de fertig. 

Dank dem wunderbaren WordPress Starter Theme von Roots – Sage wurde mir viel Arbeit bereits abgenommen.


  • Es begann also mit dem Download von WordPress.

https://de.wordpress.org/

  • Es folgte die Instalation. Ich benutze Linux Ubuntu als Betriebssystem da mich die Entwicklungsumgebung besonders anspricht.
  • Anschließend der Download von Roots Sage.

https://roots.io/sage/

Sage bietet sehr viele Vorteile für Entwickler auf die ich weiter unten eingehe.

Einfach das theme in den Theme Ordner von WordPress kopieren und aktivieren

  • Mein Editor: Brackets von Adobe

http://brackets.io/

Nicht der Schnellste Editor aber dafür sehr ausgereift und mit vielen Extras bestückt.

  • Abschließend alles noch gesichert mit git auf http://bitbucket.com

Bitbucket empfehle ich da es genauso wir github.com funktioniert und sogar kostenlos private Projekte genehmigt.

Damit wäre das Projekt startklar für die Frontend – Entwicklung.


Wieso Roots Sage?

>  Erweiterter Workflow

Sage arbeitet mit gulpjs.

Gulpjs st ein Task-Runner der auf Node.js basiert. Hierbei werden  verschiedene Workflow-Tasks automatisiert. Dadurch können  JavaScript und CSS zu verkleinert, SCSS in CSS umgewandelt und Bilder optimiert werden.

Es gibt noch viele weitere coole Gupl tasks am besten ihr checkt die Website dafür aus: http://gulpjs.com/

Um das ganze zum Laufen zu bringen installiert ihr alle Node Pakete die in einer json Datei bereits gebündelt sind. – https://github.com/roots/sage/blob/master/package.json

Öffnet den Terminal  –  wechselt in den Themeordner und installiert folgendes:

curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs

sudo apt-get install -y build-essential
sudo npm install npm -g
npm install --global gulp-cli
sudo npm install

 

Nun Installiert ihr noch Bower und seine Pakete:

Bower ermöglicht das einfache Installieren und Aktualisieren von Programmbibliotheken und Frameworks.

npm install -g bower
bower install

Anschließend bringt ihr gulp zum laufen mit den Befehlen:

gulp
gulp watch
gulp task runner
gulp task runner

 

 

 

 

 

 

 

 

 

 

 

> Responsive Design Leicht gemacht

 

Roots sage hat Twitter Bootsrap integriert das ermöglicht schnell ein mobiles Design zu erstellen.

http://getbootstrap.com/

Wichtig hierbei, wenn ihr die Navigationsleiste nutzen wollt, ist folgendes Tool:

https://github.com/twittem/wp-bootstrap-navwalker

 

Zudem Zeichnet sich Roots sage durch sein cooles Template und Theme-Wrappersystem aus.

Dadurch erstellt ihr noch sauberere Themes.

 

Viel Spass beim rumprobieren

> Theme fertig und dann?

 

Abschließend noch folgende Anregungen:

Gulp Task:

uncss – entfernen von unnötigem css (unter anderem nicht genutzte Bootstrap Elemente).

Vorteil: Css Datei wird kleiner und die Ladezeiten geringer.

https://www.npmjs.com/package/gulp-uncss

WordPress Plugins:

The Seo Framework                  https://theseoframework.com/

Simple Share Buttons Adder    https://simplesharebuttons.com/

Habt ihr Fragen? Gefällt euch der Artikel? Über kommentare und Social Sharing würde ich mich freuen.

teilen macht glücklich....
Share on FacebookShare on Google+Tweet about this on TwitterEmail this to someonePin on PinterestShare on VKShare on LinkedInPrint this page

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *


Nothing from 23. September 2018 to 23. Oktober 2018.


 Daniel Gudert kommentierte Ernährung – Freeletics Nutrition  Gerhard kommentierte Auf der Suche nach dir  Jörg Holyfield kommentierte Tausche  Kasper Lokaj kommentierte Tausche

Keine aktuellen Facebook-Posts

Wenn Sie auf der Seite weitersurfen stimmen Sie der Cookie-Nutzung zu. mehr..

Cookies

Die Internetseiten verwenden teilweise so genannte Cookies. Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren. Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen. Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert.

Die meisten der von uns verwendeten Cookies sind so genannte „Session-Cookies“. Sie werden nach Ende Ihres Besuchs automatisch gelöscht. Andere Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese löschen. Diese Cookies ermöglichen es uns, Ihren Browser beim nächsten Besuch wiederzuerkennen.

Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browser aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.


Datenschutzerklärung für die Nutzung von Google Analytics

Diese Website nutzt Funktionen des  Webanalysedienstes Google Analytics. Anbieter ist die Google Inc. 1600 Amphitheatre Parkway Mountain View, CA 94043, USA. Google Analytics verwendet sog. "Cookies". Das sind Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert.

Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt.

Sie können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: http://tools.google.com/dlpage/gaoptout?hl=de


Quellenangabe: eRecht24

Schließen