Wir haben bereits lokal unter einer lokalen Domain (v10.whatup) gearbeitet. Jetzt ist es an der Zeit, mit dem Umzug zu WordPress zu beginnen. Wir werden weiterhin lokal unter einer lokalen Domain arbeiten, aber wir werden die bereits funktionierende lokale Installation von CSS-Tricks, die ich habe (css-tricks.whatup), verwenden.
Wir beginnen damit, einfach das bestehende WordPress-Theme im Ordner wp-content/themes/ zu duplizieren und den Namen dieses Theme-Ordners in "CSS-Tricks-10" zu ändern. Geben wir uns eine Basis zum Arbeiten. Eine schnelle Vermutung: Vielleicht werden 50 % des Codes dieses Themes geändert. Es gibt eine ganze Menge Code, der sich einfach nicht ändern muss, wie z. B. die Vorlagen, die spezielle RSS-Feeds erstellen.
Wir ändern die geringste Anzahl von Dingen, um dieses neue Theme zu aktivieren: die Datei screenshot.png, damit wir visuell sehen können, welches Theme wir aktivieren, und Kommentare am Anfang der style.css-Datei, die Metadaten zur Identifizierung des Themes sind.
Dann aktivieren wir das Theme. Es ist ein Chaos, wie erwartet, aber jetzt sind wir bereit, unseren statischen Mockup in unser Endprodukt zu verwandeln: eine echte, live laufende WordPress-Website.
Hallo Chris,
Ich genieße die Videos wirklich, besonders die gelegentlichen Soundeffekte :)
Eine kleine Anmerkung jedoch. Ich verstehe, warum Sie es tun (Zeitersparnis), aber ich finde es etwas enttäuschend, dass Sie die Website nicht von Grund auf neu erstellt haben. Ich meine, von der ganz grundlegenden Installation von WordPress an...
Gr. Bert
Diese Serie handelt ganz speziell von einem **RE**design und den damit verbundenen Herausforderungen. Ich habe einen Kurs über WordPress-Theming von Grund auf gemacht (hier verfügbar), daher wollte ich dieses Feld nicht noch einmal durchpflügen.
Hallo Chris,
Dieser Kommentar erinnert mich daran, dass Sie wirklich ein guter WP-Typ sind.
Ich glaube, viele Leute würden sich mehr kostenlose Videos hier auf css-tricks.com wünschen als die kostenpflichtigen auf lynda.com.
Ich weiß, dass Sie etwa 3 Videos über WP von Grund auf, Photoshop, HTML, WP ... gemacht haben, aber ich schätze, die sind älter, und die Leute würden es genießen, wenn Sie den Workflow überarbeiten und aktualisieren würden.
Zeigen Sie, was neu ist, und da es immer mehr Fragen in Foren gibt, wäre auch eine neue Kategorie nur für WordPress eine gute Idee.
Ich glaube, eine ganze Menge neuer Leute würden auf Ihre Seite „gezogen“, wenn Sie mehr WP-Dinge hier machen würden.
Chris, ich muss Bert zustimmen und meine leichte Enttäuschung darüber zum Ausdruck bringen, dass Sie sich nicht entschieden haben, den gesamten WP-Theming-Prozess von Grund auf zu zeigen.
Der Lynda.com-Kurs, auf den Sie uns verweisen, ist etwas veraltet, und angesichts der neueren WP-Versionen, die seitdem veröffentlicht wurden, hat sich die Art und Weise, wie Sie Dinge tun, sicherlich ziemlich verändert.
Ich liebe den Rest dieser Serie absolut und auch die fertige Website, zu der sie geworden ist.
Haben Sie schon einmal über kleine bezahlte Serien nachgedacht? So wie ein Podcast, aber sagen wir 5 Dollar für einen schönen Durchgang von Anfang an. Ich bin mir nicht sicher, ob Sie aus der Lynda-Serie ein Nebeneinkommen beziehen? Während Lynda großartig ist, würde ich Sie lieber direkt unterstützen.
Ich stimme zu, ich würde wahrscheinlich diesen Lynda-Kurs kaufen, aber ein Teil des Grundes, warum ich zu diesem Redesign gekommen bin, war, die NEUESTEN STANDARDS zu lernen. Bitte, bitte machen Sie eine neue aktualisierte WP-Theme-Entwicklungsserie kostenlos oder bezahlt, egal, ich brauche eine SOFORT, por favor :)
Der Lynda-Kurs über das Erstellen und Bearbeiten von benutzerdefinierten Themes ist großartig. Er hat mir den Einstieg in die professionelle Theme-Entwicklung ermöglicht.
Lynda.com bezahlt Dozenten basierend auf den Kursaufrufen, sodass Chris immer noch bezahlt wird, wenn Sie ihn ansehen (obwohl niemand weiß, wie viel). Lynda hat viele Kurse zur WordPress-Entwicklung veröffentlicht, sodass Sie Ihr Geld wert sind, indem Sie sich einfach für einen Monat anmelden.
Für dieses Redesign-Projekt zeigt die Wiederverwendung von Teilen des vorherigen Themes einen effizienten Arbeitsablauf und ein intelligentes Projektmanagement. Ich lerne genauso viel aus diesem Beispiel wie aus dem Zuschauen von Chris beim Programmieren.
Ich bin Chris sehr dankbar für sein anhaltendes Engagement, Entwickler zu fördern und einen Standard für die Branche zu setzen. Seine Website Redesign Kickstarter-Kampagne ist eine der cleversten Möglichkeiten, eine Online-Fangemeinde zu nutzen. Er wird nicht nur dafür bezahlt, etwas zu tun, das er sowieso getan hätte, sondern er schafft dabei auch einen Mehrwert für die Community.
Ich stimme Chris zu, dies ist ein RE-Design, das sich auf das Design konzentriert und nicht auf die Infrastruktur, die es unterstützt.
Ich habe **Digging into WordPress** gelesen und war mit dem Inhalt des Buches zufrieden. Offensichtlich kein Buch, das alle Möglichkeiten abdeckt, aber es lehrt Sie, die Konzepte zu nutzen, um die Entwicklung schneller und überschaubarer zu gestalten.
Wir müssen bedenken, dass Wissen im Bereich Webentwicklung so breit und tief ist, dass kein Tutorial oder Projekt sich selbst als vollständige Schritt-für-Schritt-Anleitung für den Aufbau einer Website definieren kann.
Es könnte jedoch darauf hindeuten, dass es besser gewesen wäre, wenn jedes Kapitel die aufgeworfenen Probleme so behandelt hätte, wie es anfangs der Fall war, aber dann hat Chris die Videos sehr schnell veröffentlicht, und zumindest für mich konnte ich keinen Kommentar zur Diskussion in jedem Video abgeben.
Dennoch habe ich viel über einige Aufgaben und Werkzeuge gelernt, die meine Arbeit beschleunigt haben. Die Kosten waren es absolut wert.
In diesem Video fügen Sie Ihre style.css hinzu, indem Sie einfach die Datei `css/global.css` per
@importimportieren.Sie erklären das vielleicht später, aber lassen Sie CodeKit schließlich Ihre style.css-Datei in das Stammverzeichnis des Theme-Ordners ausgeben?
Ich habe eine Weile damit gekämpft, aber letztendlich lasse ich Ruby die Datei nach der Kompilierung an die richtige Stelle verschieben, wie in diesem Artikel beschrieben: https://css-tricks.de/compass-compiling-and-wordpress-themes/