Video-Screencasts 2025, April

# 91: Photoshopping einzelner Galerieseiten - CSS-Tricks

# 91: Photoshopping einzelner Galerieseiten - CSS-Tricks

In diesem Screencast verbringen wir einige Zeit damit, darüber nachzudenken, wie eine einzelne Galerie-Screenshot-Seite aussehen wird. Es gibt ein paar Daten, die wir bereits "

# 87: Galerie-Gitter - CSS-Tricks

# 87: Galerie-Gitter - CSS-Tricks

Wir haben den Galeriebereich in WordPress eingerichtet, der ausspuckt, was wir zum Ausspucken benötigen, aber es gibt noch fast kein Styling auf der Seite. Wir"

# 90: Einrichten einzelner Seiten in der Galerie - CSS-Tricks

# 90: Einrichten einzelner Seiten in der Galerie - CSS-Tricks

Jeder Screenshot (oder jedes Video) in der Galerie hat eine eigene Seite. Sie gelangen einfach zu ihnen, indem Sie auf das Bild selbst klicken. Wir wollen das machen "

# 89: Optimieren der Galerie-Leiste - CSS-Tricks

# 89: Optimieren der Galerie-Leiste - CSS-Tricks

In diesem Video nehmen wir einige Änderungen an der Leiste vor, die wir mit den meisten Funktionen der Galerie eingerichtet haben. Beim Design dreht sich alles um Optimierungen, nicht wahr? "

# 86: Photoshopping in der Galerie - CSS-Tricks

# 86: Photoshopping in der Galerie - CSS-Tricks

Ich war begeistert, mit dem Galeriebereich auf der Website zu beginnen. Dies ist einer der Bereiche, der in Version 9 besonders schlecht war. Es wird nicht viel Verkehr, aber "

# 88: Erstellen der Galerie-Leiste - CSS-Tricks

# 88: Erstellen der Galerie-Leiste - CSS-Tricks

Wir haben uns daran gemacht, die Leiste unter der Kopfzeile der Galerie zu erstellen. Diese Bar hat einen ziemlichen Job. Es sagt den Leuten, wo sie sind und was sie sehen (Semmelbrösel).

# 84: Fußzeile in WordPress - verschieben CSS-Tricks

# 84: Fußzeile in WordPress - verschieben CSS-Tricks

Wir beginnen mit der Korrektur einiger Bilddateipfade. Ich mache immer einen Unterschied, wenn ich Bilder in einem WordPress-Theme verwende. Ist dieses Bild Teil davon "

# 85: Blog Post View (single.php) in WordPress - CSS-Tricks

# 85: Blog Post View (single.php) in WordPress - CSS-Tricks

Wenn wir auswählen mussten, ist die Ansicht für einen einzelnen Blog-Beitrag wahrscheinlich die wichtigste Vorlage auf der Website. Wir haben ein statisches Modell einer Blogpost-Seite, also "

# 158: Einen Monat später: Final Wrapup - CSS-Tricks

# 158: Einen Monat später: Final Wrapup - CSS-Tricks

Ungefähr einen Monat nach dem Start sprechen wir darüber, wie der Start von v10 verlaufen ist. Wir sehen uns das Dokument an, das wir zu Beginn dieses Prozesses erstellt haben. "

# 80: Aktualisieren lokaler Inhalte durch Ausführen von SQL - CSS-Tricks

# 80: Aktualisieren lokaler Inhalte durch Ausführen von SQL - CSS-Tricks

Wir haben jetzt eine .sql-Datei, dank des Exportierens und Herunterladens wie im letzten Video. Jetzt müssen wir es nur noch ausführen und unser aktuelles "

# 156: Starten der Site, Teil 1 - CSS-Tricks

# 156: Starten der Site, Teil 1 - CSS-Tricks

Dies ist der große Moment! Wir haben eine Liste von Dingen, von denen wir wissen, dass wir sie tun müssen, und wir werden einfach damit beginnen und diese Seite live schalten. Vielleicht der"

# 155: Durchgehen der Checkliste vor dem Start - CSS-Tricks

# 155: Durchgehen der Checkliste vor dem Start - CSS-Tricks

Wir sind gerade dabei, dieses Ding zu starten! Es ist Zeit, sich die letzten kleinen Probleme anzuschauen, die vor dem Start gestützt werden müssen. Denken Sie daran, die "

# 81: Verschieben des Headers nach WordPress - CSS-Tricks

# 81: Verschieben des Headers nach WordPress - CSS-Tricks

Es ist Zeit, unser Design tatsächlich in WordPress zu verschieben. Könnte auch von oben nach unten beginnen und mit dem Header beginnen. Anders als nur ein logischer "

# 157: Sofortiges Follow-up nach dem Start - CSS-Tricks

# 157: Sofortiges Follow-up nach dem Start - CSS-Tricks

Ich habe das Video nur 10 Minuten nach dem Start der Website gedreht. Kommentare fangen an einzutreten und ich reagiere auf einige davon. Mögen"

# 83: Erstellen der WordPress-Homepage, Teil 2 - CSS-Tricks

# 83: Erstellen der WordPress-Homepage, Teil 2 - CSS-Tricks

Wir portieren weiterhin Code von unserem statischen Modell auf unsere WordPress index.php-Seite. Wir optimieren "die Schleife" ein wenig, um genau das auszugeben, was wir wollen. Wir kommen runter "

# 82: Erstellen der WordPress-Homepage, Teil 1 - CSS-Tricks

# 82: Erstellen der WordPress-Homepage, Teil 1 - CSS-Tricks

Der große Einstieg in WordPress ist im Gange! Wir beenden die Datei header.php und wechseln in die Datei index.php. index.php ist verantwortlich für unsere Homepage. Der erste"

# 154: Styling des Lodge-Archivs und der Single Lodge-Videoseite - CSS-Tricks

# 154: Styling des Lodge-Archivs und der Single Lodge-Videoseite - CSS-Tricks

Die Homepage für The Lodge, wenn Sie angemeldet sind (dh / lodge /), ist eine Art "Portal" -Seite. Diese Serie, die wir "The Big v10 Redsign" nennen werden

# 152: Styling der WordPress (Lodge) Anmeldeseite - CSS-Tricks

# 152: Styling der WordPress (Lodge) Anmeldeseite - CSS-Tricks

Unser "Widget" für The Lodge in der Seitenleiste der Website (wird auf den meisten Seiten einschließlich der Homepage angezeigt) hat zwei Status. Eine für den Fall, dass ein Benutzer abgemeldet ist und eine "

# 153: Styling des Lodge-Anmeldeformulars - CSS-Tricks

# 153: Styling des Lodge-Anmeldeformulars - CSS-Tricks

Die Anmeldeseite für The Lodge ist aus offensichtlichen Gründen sehr wichtig: Auf dieser Seite wird das Geld gesammelt und der Zugang zur Mitgliedschaft gewährt. "

# 150: Schutz von Videoinhalten mit ablaufenden S3-Links - CSS-Tricks

# 150: Schutz von Videoinhalten mit ablaufenden S3-Links - CSS-Tricks

In diesem Screencast untersuchen wir, wie wir Dateien auf Amazon S3 (Simple Storage Service) so hosten können, dass wir eine Verknüpfung zu einer Verwendung dieser Assets herstellen können, aber nicht "

# 151: Erstellen des Lodge-Moduls (und eines Schnellgeschwindigkeitsberichts) - CSS-Tricks

# 151: Erstellen des Lodge-Moduls (und eines Schnellgeschwindigkeitsberichts) - CSS-Tricks

Wir erstellen ein Modul für die allgemeine Seitenleiste der Site, das nur für die The Lodge bestimmt ist. Wenn Sie angemeldet sind, werden Sie willkommen geheißen und relevante Links bereitgestellt. "

# 149: Erstellen eines Anmeldeformulars für The Lodge - CSS-Tricks

# 149: Erstellen eines Anmeldeformulars für The Lodge - CSS-Tricks

Einer der Gründe, warum WordPress so großartig ist, ist, dass es über ein eigenes voll funktionsfähiges Benutzerauthentifizierungssystem verfügt. Das heutzutage von Grund auf neu schreiben "

# 148: Styling der Anmeldeschaltfläche für The Lodge - CSS-Tricks

# 148: Styling der Anmeldeschaltfläche für The Lodge - CSS-Tricks

Im letzten Video haben wir herausgefunden, wie verschiedene Inhalte in unseren Vorlagen basierend auf dem Anmelde- und Abonnementstatus der Benutzer bereitgestellt werden können. Wir benutzen das "

# 144: Foren Paginierung Styling und Wrapup - CSS-Tricks

# 144: Foren Paginierung Styling und Wrapup - CSS-Tricks

Wir versuchen hier das Styling der Foren zusammenzufassen. Einer der wichtigsten Navigationsmechanismen in den Foren ist die Paginierung. Am Ende der Seite,"

# 145: Einführung in die Lodge (privater Zugangsbereich) - CSS-Tricks

# 145: Einführung in die Lodge (privater Zugangsbereich) - CSS-Tricks

Wir haben uns ein wenig auf diesen neuen "Private Access Area" für CSS-Tricks vorbereitet. Wir haben uns WordPress-Plugins angesehen, um uns zu helfen. Wir haben uns sogar für eines entschieden und "

# 146: Benutzerdefinierter Header für The Lodge - CSS-Tricks

# 146: Benutzerdefinierter Header für The Lodge - CSS-Tricks

Im letzten Screencast haben wir das Foto von iStockPhoto von der schneebedeckten Hütte und dem Wald aufgenommen. Wir haben es im Hintergrund hinter dem Hauptinhaltsbereich abgelegt. "

# 143: Foren Diskussion über neues Thread-Styling und Funktionalität - CSS-Tricks

# 143: Foren Diskussion über neues Thread-Styling und Funktionalität - CSS-Tricks

Sei nicht böse, aber ich musste ein wenig nach vorne springen, weil es eine anstrengende, langweilige Arbeit gab, verschiedene Ansichten außer Kraft zu setzen, indem ich die richtigen "

# 142: Foren Module Styling - CSS-Tricks

# 142: Foren Module Styling - CSS-Tricks

Auf der rechten Seite des Forums befinden sich eine Reihe von Modulen. "Module" visuell, "Module" wörtlich im Code und "Module" in dem Inhalt, den sie "

# 141: Einschränken der Einrichtung und Einstellungen von Content Pro - CSS-Tricks

# 141: Einschränken der Einrichtung und Einstellungen von Content Pro - CSS-Tricks

In diesem Screencast machen wir eine kleine Pause vom Kampf gegen das Styling der Vanilla-Foren, um Restrict Content Pro (RCP) einzurichten, unser WordPress-Plugin für "