Da wir jetzt eine benutzerdefinierte lokale Domain betreiben, können wir PHP verwenden. Das "P" in MAMP steht für "PHP" =). Die Verwendung von PHP bedeutet, dass wir Includes verwenden können. Zum Beispiel
<?php include("header.php"); ?>Unser Ziel ist es, eine statische "Blog-Post"-Seite zu erstellen, um damit herumzuspielen. Wir könnten dies tun, indem wir unsere index.html-Seite (jetzt index.php) duplizieren, aber wenn wir das täten, hätten wir viel wiederholten Code in dieser Datei. Denken Sie daran, wir versuchen, so DRY (Don't Repeat Yourself) wie möglich zu bleiben.
Wir erstellen einen Ordner namens "parts", in dem wir kleine wiederverwendbare Teile ablegen, die für alle Seiten gemeinsam sind. Zum Beispiel die DOCTYPE- und Kopfzeilen-Elemente, die Navigation und den Fußbereich (vorerst nur ein paar schließende Tags).
Jetzt verwenden sowohl unsere index.php-Seite als auch unsere blogpost.php mehrere Includes und unterscheiden sich nur dort, wo es tatsächlich wichtig ist: beim Inhalt.
Wir erweitern die Möglichkeiten unseres Grids ein wenig, indem wir ein 2/3 zu 1/3 Setup erstellen, das wir häufiger auf artikelähnlichen Seiten verwenden werden.
Wir schließen das Body-Tag nicht ein, falls wir Klassen darauf ändern müssen, um die Seite unterschiedlich zu stylen, wenn es nützlich wird, basierend auf einer hierarchisch hohen Klasse zu stylen.
Wir richten blogpost.php mit echtem HTML aus einem echten Blog-Post ein. Denn, wie immer, ist es besser, um echten Inhalt herum zu gestalten als um gefälschten Inhalt. Es wird noch viel Arbeit erfordern, aber wir haben eine großartige Grundlage, von der aus wir arbeiten *können*.
Hallo Chris,
Sie können mit der rechten Maustaste auf den Tab-Bereich in Sublime Text 2 bei einer geöffneten Datei klicken. Dort gibt es die Option, alle anderen Dateien zu schließen. Das ist praktisch! Ich genieße es wirklich, die Videos anzusehen. Ich lerne so viel Gutes!
Ich fand Ihren Workflow an diesem Punkt wirklich seltsam. Es scheint sinnlos, Dinge in PHP-Dateien aufzuteilen, die Sie später sowieso in WordPress-Template-Dateien verschieben müssen. Sie hätten einfach anfangen können, Dinge in WordPress einzubauen und hätten dieselbe Funktionalität und Konsolidierung gehabt. Außerdem hätten Sie sich nicht mit der Blog-Post-Formatierung herumschlagen müssen, da Sie den Blog in einen neuen Beitrag auf der lokalen Server-WordPress-Installation hätten einfügen können.
Nichtsdestotrotz genieße ich die Serie, und es ist großartig, jemandem beim Aufbau von Websites von Grund auf zuzusehen. Ich habe bisher einige großartige kleine Code-Snippets gelernt!
Ich mochte es nicht, dass die Module am unteren Bildschirmrand nicht mit dem rechten Rand der Navigation übereinstimmten.
Absolut berechtigter Punkt. Ein paar Gründe:
1) So arbeite ich tatsächlich, ob gut oder schlecht.
2) Der Sprung zu WordPress erfordert eine Menge Einrichtung, Erklärung und so weiter. Wir werden das alles noch behandeln, aber ich dachte, es könnte einige dieser früheren Screencasts aus dem Ruder laufen lassen, wenn die Dinge zu früh zu komplex werden.
3) Wenn Leute sich nicht für WordPress interessieren, bleibt diese Serie länger nützlich.
4) Die Teile, in die wir aufteilen (z. B. header.php und footer.php), lassen sich später sehr gut auf die WordPress-Includes übertragen (wörtlich header.php und footer.php genannt) – das wird also ziemlich einfach sein, wenn wir dort ankommen.
Interessant, dass Sie so arbeiten. Ist das ein Ergebnis davon, dass Sie einen PHP-Hintergrund haben, bevor Sie mit einem Content-Management-System gearbeitet haben, oder ist es einfach Gewohnheit, oder arbeiten Sie lieber so?
Aber alle Punkte sind berechtigt. Ich hatte gar nicht daran gedacht, dass jemand diesen Screencast ohne die Absicht verfolgt, WordPress zu nutzen/zu lernen, also war das von meiner Seite etwas engstirnig!
Ich bekomme einen 404-Fehler dort, wo das Video sein sollte.
Es ist jetzt in Ordnung, vielleicht hatte es etwas mit Sandy, dem Hurrikan, zu tun.
Hallo Chris, nachdem ich das Projekt nach WAMP verschoben und index.html in index.php umbenannt habe, sind die Hälfte meiner Menü-Icons verschwunden. Irgendwelche Vorschläge, bitte.
Hat jemand Prepros Pro benutzt, während er mitgemacht hat? Ich habe Probleme, index.html in index.php zu ändern, so dass meine Homepage unter einer lokalen URL angezeigt wird. Stattdessen werde ich vom Live-Browser-Modus gefragt, ob ich meine index.php-Datei speichern möchte, was bereits geschehen ist.
Ich weiß, dass dies verwirrend zu lesen sein mag, aber wenn Sie auch nur einen guten Vorschlag für eine Stelle haben, an der ich nachlesen kann, wie man Prepros mit .php-Dateien verwendet, wäre das eine große Hilfe! Cheers!
3:38, schöne Stimme =).
Danke für diese Tipps.