Video Screencasts 2025, April

# 91: Photoshopping individuelle gallerisider - CSS-triks

# 91: Photoshopping individuelle gallerisider - CSS-triks

I denne skjermsendingen bruker vi litt tid på å tenke på hvordan en individuell Galleri-skjermbilde-side vil se ut. Det er litt data vi allerede "

# 87: Galleri Grid-izing - CSS-triks

# 87: Galleri Grid-izing - CSS-triks

Vi har galleriområdet satt opp i WordPress, det spytter ut det vi trenger for å spytte ut, men det er nesten ingen styling i det hele tatt på siden ennå. Vi"

# 90: Sette opp individuelle sider i galleriet - CSS-triks

# 90: Sette opp individuelle sider i galleriet - CSS-triks

Hvert skjermbilde (eller video) i galleriet har sin egen individuelle side. Du kommer lett til dem bare ved å klikke på selve bildet. Vi ønsker å lage dette "

# 89: Tweaking the Gallery Bar - CSS-triks

# 89: Tweaking the Gallery Bar - CSS-triks

I denne videoen lager vi en rekke justeringer til baren vi har satt opp med det meste av funksjonaliteten til Galleriet. Design handler om å finjustere, ikke sant? "

# 86: Fotoshopping av galleriet - CSS-triks

# 86: Fotoshopping av galleriet - CSS-triks

Jeg var spent på å komme i gang med Galleri-området på nettstedet. Det er et av områdene som var spesielt ille i v9. Det får ikke massevis av trafikk, men "

# 88: Bygg Galleribaren - CSS-triks

# 88: Bygg Galleribaren - CSS-triks

Vi satte i gang med å bygge linjen under gallerihovedet. Denne baren har ganske jobb. Den forteller folk hvor de er og hva de ser på (brødsmuler, "

# 84: Flytte bunntekst til WordPress - CSS-triks

# 84: Flytte bunntekst til WordPress - CSS-triks

Vi starter med å fikse opp noen bildefilbaner. Jeg skiller alltid når jeg bruker bilder i et WordPress-tema. Er dette bildet en del av dette "

# 85: Visning av blogginnlegg (single.php) i WordPress - CSS-triks

# 85: Visning av blogginnlegg (single.php) i WordPress - CSS-triks

Hvis vi måtte velge, er utsikten for et enkelt blogginnlegg sannsynligvis den viktigste malen på nettstedet. Vi har en statisk mockup av en blogginnleggsside, så vi "

# 158: En måned senere: Final Wrapup - CSS-triks

# 158: En måned senere: Final Wrapup - CSS-triks

Omtrent en måned etter lanseringen snakker vi om hvordan v10-lanseringen har gått. Vi ser gjennom dokumentet vi satte opp helt i begynnelsen av denne prosessen "

# 80: Oppdatering av lokalt innhold ved å kjøre SQL - CSS-triks

# 80: Oppdatering av lokalt innhold ved å kjøre SQL - CSS-triks

Vi har en SQL-fil nå takket være å eksportere den og laste den ned som vi gjorde i forrige video. Nå trenger vi bare å kjøre den og overskrive den nåværende "

# 156: Lansering av nettstedet, del 1 - CSS-triks

# 156: Lansering av nettstedet, del 1 - CSS-triks

Dette er det store øyeblikket! Vi har en liste over ting vi vet at vi trenger å gjøre, og vi skal bare begynne å gjøre dem og få dette nettstedet live. Kanskje "

# 155: Gå gjennom sjekklisten før lansering - CSS-triks

# 155: Gå gjennom sjekklisten før lansering - CSS-triks

Vi er bare om å lansere denne tingen! Det er på tide å se over de siste små problemene som må skjermes før vi kan starte. Husk at "

# 81: Flytte toppteksten til WordPress - CSS-triks

# 81: Flytte toppteksten til WordPress - CSS-triks

Det er på tide å faktisk flytte designet vårt til WordPress. Kan like godt starte ovenfra og ned og starte med toppteksten. Annet enn bare å være en logisk "

# 157: Oppfølging av umiddelbar postlansering - CSS-triks

# 157: Oppfølging av umiddelbar postlansering - CSS-triks

Jeg skjøt videoen bare 10 minutter etter lanseringen av nettstedet. Kommentarer begynner å rulle inn, og dette reagerer jeg på noe av det. Som"

# 83: Bygg WordPress-hjemmesiden, del 2 - CSS-triks

# 83: Bygg WordPress-hjemmesiden, del 2 - CSS-triks

Vi fortsetter å overføre koden fra vår statiske mockup til vår WordPress index.php-side. Vi finjusterer "løkken" litt for å levere akkurat det vi vil. Vi kommer ned "

# 82: Bygg WordPress-hjemmesiden, del 1 - CSS-triks

# 82: Bygg WordPress-hjemmesiden, del 1 - CSS-triks

Det flotte overgangen til WordPress er i gang! Vi fullfører header.php-filen og flytter til index.php. index.php er ansvarlig for hjemmesiden vår. Den første"

# 154: Styling the Lodge Archives og Single Lodge Videoside - CSS-triks

# 154: Styling the Lodge Archives og Single Lodge Videoside - CSS-triks

Hjemmesiden til The Lodge når du er logget inn (dvs. / lodge /) vil være en slags "portal" -side. Denne serien, som vi vil kalle "The Big v10 Redsign"

# 152: Styling av WordPress (Lodge) påloggingsside - CSS-triks

# 152: Styling av WordPress (Lodge) påloggingsside - CSS-triks

Vår "widget" for The Lodge i sidefeltet til nettstedet (vises på de fleste sider, inkludert hjemmesiden) har to stater. En for når en bruker er logget av og en "

# 153: Styling av Logg-påmeldingsskjemaet CSS-triks

# 153: Styling av Logg-påmeldingsskjemaet CSS-triks

Registreringssiden for The Lodge er veldig viktig av åpenbare grunner: dette er siden som samler inn pengene og gir tilgang til medlemskapet "

# 150: Beskytte videoinnhold med utløpende S3-koblinger CSS-triks

# 150: Beskytte videoinnhold med utløpende S3-koblinger CSS-triks

I denne skjermsendingen ser vi på hvordan vi kan være vert for filer på Amazon S3 (Simple Storage Service) på en slik måte at vi kan lenke til en bruk av disse eiendelene, men ikke "

# 151: Bygg lodgemodulen (og en hurtighastighetsrapport) - CSS-triks

# 151: Bygg lodgemodulen (og en hurtighastighetsrapport) - CSS-triks

Vi lager en modul for det generelle sidefeltet til nettstedet som er bare for The Lodge. Hvis du er logget inn, vil den ønske deg velkommen og gi relevante lenker "

# 149: Bygg et påloggingsskjema for The Lodge - CSS-triks

# 149: Bygg et påloggingsskjema for The Lodge - CSS-triks

En av grunnene til at WordPress er fantastisk, er at det kommer med sitt eget, fullt fungerende brukerautentiseringssystem. Skriver det fra bunnen av i disse dager "

# 148: Styling av registreringsknappen for The Lodge - CSS-triks

# 148: Styling av registreringsknappen for The Lodge - CSS-triks

I den siste videoen fant vi ut hvordan vi kunne levere forskjellig innhold i malene våre basert på brukernes påloggings- og abonnementsstatus. Vi bruker det "

# 144: Forums Pagination Styling og Wrapup - CSS-triks

# 144: Forums Pagination Styling og Wrapup - CSS-triks

Vi prøver å avslutte utformingen av forumene her. En av de viktigste navigasjonsmekanismene på forumene er paginering. Nederst på siden, "

Nr. 145: Introduksjon til hytta (privat tilgangsområde) - CSS-triks

Nr. 145: Introduksjon til hytta (privat tilgangsområde) - CSS-triks

Vi har gjort en liten forberedelse for dette nye "Private Access Area" på CSS-Tricks. Vi har sett på WordPress-plugins for å hjelpe oss, vi har til og med bestemt oss for en og satt "

# 146: Tilpasset topptekst for The Lodge - CSS-triks

# 146: Tilpasset topptekst for The Lodge - CSS-triks

I den siste skjermsendingen fanget vi det bildet fra iStockPhoto av den snødekte hytta og skogen. Vi slapp den i bakgrunnen bak hovedinnholdsområdet "

# 143: Forum Ny tråd styling og funksjonalitetsdiskusjon - CSS-triks

# 143: Forum Ny tråd styling og funksjonalitetsdiskusjon - CSS-triks

Ikke vær sint, men jeg måtte hoppe litt fremover fordi det var noe slitsomt, lang kjedelig arbeid med å overstyre forskjellige synspunkter ved å sette riktig "

# 142: Forums Modules Styling - CSS-triks

# 142: Forums Modules Styling - CSS-triks

Langs høyre side av forumene er det en serie moduler. "Moduler" visuelt, "Moduler" bokstavelig talt i kode og "Moduler" ved at innholdet de "

# 141: Begrens innstillinger og innstillinger for Content Pro - CSS-triks

# 141: Begrens innstillinger og innstillinger for Content Pro - CSS-triks

I denne skjermsendingen tar vi en liten pause fra å kjempe med Vanilla Forums-styling for å jobbe med å sette opp Restrict Content Pro (RCP), vårt WordPress-plugin for "