Screencast video 2025, Luglio

# 91: Photoshopping singole pagine della galleria - Trucchi CSS

# 91: Photoshopping singole pagine della galleria - Trucchi CSS

In questo screencast passiamo un po 'di tempo a pensare a come apparirà una singola pagina di screenshot della Galleria. Ci sono un po 'di dati che abbiamo già "

# 87: Gridatura galleria - Trucchi CSS

# 87: Gridatura galleria - Trucchi CSS

Abbiamo l'area della galleria impostata in WordPress che sputa fuori ciò di cui abbiamo bisogno per sputare, ma non c'è quasi nessuno stile sulla pagina ancora. Noi"

# 90: Impostazione di singole pagine nella Galleria - Trucchi CSS

# 90: Impostazione di singole pagine nella Galleria - Trucchi CSS

Ogni screenshot (o video) nella galleria ha la sua pagina individuale. Puoi raggiungerli facilmente, semplicemente facendo clic sull'immagine stessa. Vogliamo fare questo "

# 89: Modificare il Gallery Bar - Trucchi CSS

# 89: Modificare il Gallery Bar - Trucchi CSS

In questo video apportiamo una serie di modifiche alla barra che abbiamo impostato con la maggior parte delle funzionalità della Galleria. Il design è tutto incentrato sul ritocco, non è vero? "

# 86: Photoshopping della galleria - Trucchi CSS

# 86: Photoshopping della galleria - Trucchi CSS

Ero entusiasta di iniziare nell'area Gallery del sito. È una delle aree particolarmente pessime nella v9. Non riceve un sacco di traffico, ma "

# 88: Costruire il Gallery Bar - Trucchi CSS

# 88: Costruire il Gallery Bar - Trucchi CSS

Abbiamo iniziato a costruire la barra sotto l'intestazione della galleria. Questo bar ha un bel lavoro. Indica alle persone dove si trovano e cosa stanno visualizzando (breadcrumb "

# 84: Spostamento del piè di pagina in WordPress - Trucchi CSS

# 84: Spostamento del piè di pagina in WordPress - Trucchi CSS

Iniziamo fissando alcuni percorsi di file di immagine. Faccio sempre una distinzione quando utilizzo le immagini all'interno di un tema WordPress. Questa immagine fa parte di questo "

# 85: Visualizzazione del post del blog (single.php) in WordPress - Trucchi CSS

# 85: Visualizzazione del post del blog (single.php) in WordPress - Trucchi CSS

Se dovessimo scegliere, la visualizzazione di un singolo post del blog è probabilmente il modello più importante del sito. Abbiamo un mockup statico di una pagina di post del blog, quindi "

# 158: Un mese dopo: conclusione finale - Trucchi CSS

# 158: Un mese dopo: conclusione finale - Trucchi CSS

Circa un mese dopo il lancio parliamo di come è andato il lancio della v10. Esaminiamo il documento che abbiamo creato all'inizio di questo processo "

# 80: Aggiornamento del contenuto locale eseguendo SQL - Trucchi CSS

# 80: Aggiornamento del contenuto locale eseguendo SQL - Trucchi CSS

Ora abbiamo un file .sql grazie all'esportazione e al download come abbiamo fatto nell'ultimo video. Ora dobbiamo solo eseguirlo e sovrascrivere il nostro "

# 156: Avvio del sito, parte 1 - Trucchi CSS

# 156: Avvio del sito, parte 1 - Trucchi CSS

Questo è il grande momento! Abbiamo un elenco di cose che sappiamo di dover fare e inizieremo a farle per pubblicare questo sito. Forse il "

# 155: Esecuzione dell'elenco di controllo pre-lancio - Trucchi CSS

# 155: Esecuzione dell'elenco di controllo pre-lancio - Trucchi CSS

Stiamo APPENA PER lanciare questa cosa! È ora di esaminare gli ultimi piccoli problemi che devono essere risolti prima di poter lanciare. Tieni presente che "

# 81: Spostare l'intestazione su WordPress - Trucchi CSS

# 81: Spostare l'intestazione su WordPress - Trucchi CSS

È ora di passare effettivamente al nostro design in WordPress. Tanto vale iniziare dall'alto verso il basso e iniziare con l'intestazione. Oltre a essere solo logico "

# 157: Follow-up immediato dopo il lancio - Trucchi CSS

# 157: Follow-up immediato dopo il lancio - Trucchi CSS

Ho girato il video solo forse 10 minuti dopo aver avviato il sito. I commenti stanno iniziando ad arrivare e questo sono io che reagisco ad alcuni di questi. Piace"

# 83: Creazione della home page di WordPress, parte 2 - Trucchi CSS

# 83: Creazione della home page di WordPress, parte 2 - Trucchi CSS

Continuiamo a trasferire il codice dal nostro mockup statico alla nostra pagina index.php di WordPress. Modifichiamo un po '"il ciclo" per produrre esattamente ciò che vogliamo. Scendiamo "

# 82: Creazione della home page di WordPress, parte 1 - Trucchi CSS

# 82: Creazione della home page di WordPress, parte 1 - Trucchi CSS

Il grande passaggio a WordPress è in corso! Finiamo il file header.php e ci spostiamo in index.php. index.php è responsabile della nostra homepage. Il primo"

# 154: Stile degli archivi della loggia e della pagina dei video della loggia singola - Trucchi CSS

# 154: Stile degli archivi della loggia e della pagina dei video della loggia singola - Trucchi CSS

La homepage di The Lodge quando si effettua l'accesso (ad esempio / lodge /) sarà una specie di pagina "portale". Questa serie, che chiameremo "The Big v10 Redsign"

# 152: Stile della pagina di accesso di WordPress (Lodge) - Trucchi CSS

# 152: Stile della pagina di accesso di WordPress (Lodge) - Trucchi CSS

Il nostro "widget" per The Lodge nella barra laterale del sito (mostra sulla maggior parte delle pagine, inclusa la homepage) ha due stati. Uno per quando un utente è disconnesso e uno "

# 153: Styling del modulo di iscrizione al lodge - Trucchi CSS

# 153: Styling del modulo di iscrizione al lodge - Trucchi CSS

La pagina di iscrizione a The Lodge è molto importante per ovvi motivi: questa è la pagina che raccoglie i soldi e garantisce l'accesso all'iscrizione "

# 150: Protezione del contenuto video con collegamenti S3 in scadenza - Trucchi CSS

# 150: Protezione del contenuto video con collegamenti S3 in scadenza - Trucchi CSS

In questo screencast esaminiamo come possiamo ospitare file su Amazon S3 (Simple Storage Service) in modo tale da poterci collegare a un utilizzo di tali risorse, ma non "

# 151: Costruzione del modulo Lodge (e un rapporto Quick Speed) - Trucchi CSS

# 151: Costruzione del modulo Lodge (e un rapporto Quick Speed) - Trucchi CSS

Realizziamo un modulo per la barra laterale generale del sito che è solo per The Lodge. Se hai effettuato l'accesso, ti accoglierà e fornirà link pertinenti "

# 149: Creazione di un modulo di accesso per The Lodge - Trucchi CSS

# 149: Creazione di un modulo di accesso per The Lodge - Trucchi CSS

Uno dei motivi per cui WordPress è fantastico è che viene fornito con un proprio sistema di autenticazione utente completamente funzionante. Scriverlo da zero in questi giorni "

# 148: Stile del pulsante di registrazione per The Lodge - Trucchi CSS

# 148: Stile del pulsante di registrazione per The Lodge - Trucchi CSS

Nell'ultimo video abbiamo capito come offrire contenuti diversi all'interno dei nostri modelli in base allo stato di accesso e abbonamento degli utenti. Lo usiamo "

# 144: Stile e riepilogo dell'impaginazione dei forum - Trucchi CSS

# 144: Stile e riepilogo dell'impaginazione dei forum - Trucchi CSS

Stiamo cercando di concludere lo stile dei forum qui. Uno dei principali meccanismi di navigazione sui forum è l'impaginazione. Nella parte inferiore della pagina,"

# 145: Introduzione a The Lodge (area ad accesso privato) - Trucchi CSS

# 145: Introduzione a The Lodge (area ad accesso privato) - Trucchi CSS

Abbiamo fatto un po 'di preparazione per questa nuova "Area di accesso privato" su CSS-Tricks. Abbiamo esaminato i plugin di WordPress per aiutarci, ne abbiamo persino deciso uno e impostato "

# 146: Intestazione personalizzata per The Lodge - Trucchi CSS

# 146: Intestazione personalizzata per The Lodge - Trucchi CSS

Nell'ultimo screencast abbiamo preso quella foto da iStockPhoto della capanna e della foresta innevate. L'abbiamo rilasciato in background, dietro l'area dei contenuti principale "

# 143: Discussione sullo stile e sulle funzionalità dei nuovi thread nei forum - Trucchi CSS

# 143: Discussione sullo stile e sulle funzionalità dei nuovi thread nei forum - Trucchi CSS

Non arrabbiarti, ma ho dovuto saltare un po 'in avanti perché c'era un lavoro estenuante, lungo e noioso di ignorare visioni diverse mettendo a destra "

# 142: Stile dei moduli dei forum - Trucchi CSS

# 142: Stile dei moduli dei forum - Trucchi CSS

Lungo il lato destro dei forum sono presenti una serie di moduli. "Moduli" visivamente, "Moduli" letteralmente nel codice e "Moduli" in quanto il contenuto "

# 141: Limita configurazione e impostazioni di Content Pro - Trucchi CSS

# 141: Limita configurazione e impostazioni di Content Pro - Trucchi CSS

In questo screencast ci prendiamo una piccola pausa dal combattere lo stile di Vanilla Forums per lavorare alla configurazione di Restrict Content Pro (RCP), il nostro plugin WordPress per "