Screencasts video 2025, Ianuarie

# 91: Photoshopping Pagini de galerie individuale - CSS-Tricks

# 91: Photoshopping Pagini de galerie individuale - CSS-Tricks

În acest screencast ne petrecem puțin timp gândindu-ne la cum va arăta o pagină de captură de ecran individuală a Galeriei. Există un pic de date pe care le avem deja "

# 87: Galerie Grid-izing - CSS-Tricks

# 87: Galerie Grid-izing - CSS-Tricks

Avem zona galeriei configurată în WordPress, scuipând ceea ce avem nevoie pentru a scuipa, dar încă nu există aproape niciun stil pe pagină. Noi"

# 90: Configurarea paginilor individuale în Galerie - CSS-Tricks

# 90: Configurarea paginilor individuale în Galerie - CSS-Tricks

Fiecare captură de ecran (sau videoclip) din galerie are propria pagină individuală. Ajungi ușor la ele, doar făcând clic pe imaginea în sine. Vrem să realizăm acest lucru "

# 89: Modificarea barei galeriei - CSS-Tricks

# 89: Modificarea barei galeriei - CSS-Tricks

În acest videoclip, facem o grămadă de modificări la bara pe care am configurat-o cu majoritatea funcționalităților Galeriei. Proiectarea are ca scop modificări, nu-i așa? "

# 86: Photoshopping Galerie - CSS-Tricks

# 86: Photoshopping Galerie - CSS-Tricks

Am fost încântat să încep pe zona Galeriei de pe site. Este unul dintre domeniile care au fost deosebit de proaste în v9. Nu are o mulțime de trafic, dar „

# 88: Construirea barei galeriei - CSS-Tricks

# 88: Construirea barei galeriei - CSS-Tricks

Ne-am apucat să construim bara de sub antetul galeriei. Acest bar are o treabă destul de mare. Le spune oamenilor unde sunt și ce vizionează (pesmet ",

# 84: Mutarea subsolului în WordPress - CSS-Tricks

# 84: Mutarea subsolului în WordPress - CSS-Tricks

Începem prin repararea unor căi de fișiere imagine. Întotdeauna fac distincție atunci când folosesc imagini în interiorul unei teme WordPress. Această imagine face parte din aceasta "

# 85: Vizualizare postare blog (single.php) în WordPress - CSS-Tricks

# 85: Vizualizare postare blog (single.php) în WordPress - CSS-Tricks

Dacă ar trebui să alegem, vizualizarea pentru o singură postare de blog este probabil cel mai important șablon de pe site. Avem o machetă statică a unei pagini de postări pe blog, așa că „

# 158: O lună mai târziu: Încheierea finală - CSS-Tricks

# 158: O lună mai târziu: Încheierea finală - CSS-Tricks

La aproximativ o lună după lansare, vorbim despre cum a decurs lansarea v10. Ne uităm prin documentul pe care l-am creat chiar la începutul acestui proces "

# 80: Actualizarea conținutului local executând SQL - CSS-Tricks

# 80: Actualizarea conținutului local executând SQL - CSS-Tricks

Acum avem un fișier .sql datorită exportului și descărcării, așa cum am făcut în ultimul videoclip. Acum trebuie doar să-l rulăm și să-l suprascriem în prezent "

# 156: Lansarea site-ului, partea 1 - CSS-Tricks

# 156: Lansarea site-ului, partea 1 - CSS-Tricks

Acesta este marele moment! Avem o listă de lucruri pe care le știm pe care trebuie să le facem și vom începe să le facem și să punem acest site în direct. Poate că „

# 155: Parcurgerea listei de verificare înainte de lansare - CSS-Tricks

# 155: Parcurgerea listei de verificare înainte de lansare - CSS-Tricks

Suntem DOAR DESPRE să lansăm acest lucru! Este timpul să ne uităm la ultimele câteva mici probleme care necesită întărire înainte de a putea lansa. Rețineți că „

# 81: Mutarea antetului către WordPress - CSS-Tricks

# 81: Mutarea antetului către WordPress - CSS-Tricks

Este timpul să începem să ne mutăm designul în WordPress. Ar putea începe și de sus în jos și începe cu antetul. În afară de a fi doar un logic "

# 157: Urmărire imediată după lansare - CSS-Tricks

# 157: Urmărire imediată după lansare - CSS-Tricks

Am filmat videoclipul la doar 10 minute după lansarea site-ului. Comentariile încep să apară, iar eu reacționez la unele dintre acestea. Ca"

# 83: Construirea paginii de pornire WordPress, partea 2 - CSS-Tricks

# 83: Construirea paginii de pornire WordPress, partea 2 - CSS-Tricks

Continuăm să portăm codul de la macheta noastră statică la pagina noastră index.php WordPress. Modificăm puțin „bucla” pentru a produce exact ceea ce dorim. Coborâm "

# 82: Construirea paginii de pornire WordPress, partea 1 - CSS-Tricks

# 82: Construirea paginii de pornire WordPress, partea 1 - CSS-Tricks

Marea mișcare în WordPress este în curs! Finalizăm fișierul header.php și ne mutăm în index.php. index.php este responsabil de pagina noastră de pornire. Primul"

# 154: Stilul arhivelor Lodge și a paginii video Single Lodge - CSS-Tricks

# 154: Stilul arhivelor Lodge și a paginii video Single Lodge - CSS-Tricks

Pagina de pornire pentru Lodge când sunteți conectat (adică / lodge /) va fi un fel de pagină „portal”. Această serie, pe care o vom numi „The Big v10 Redsign”

# 152: Stilul paginii de conectare WordPress (Lodge) - CSS-Tricks

# 152: Stilul paginii de conectare WordPress (Lodge) - CSS-Tricks

„Widgetul” nostru pentru The Lodge din bara laterală a site-ului (afișat pe majoritatea paginilor, inclusiv pagina de pornire) are două stări. Unul pentru când un utilizator este deconectat și unul "

# 153: Stilul formularului de înscriere în casă - CSS-Tricks

# 153: Stilul formularului de înscriere în casă - CSS-Tricks

Pagina de înscriere pentru The Lodge este foarte importantă din motive evidente: aceasta este pagina care colectează banii și acordă accesul la membru "

# 150: Protejarea conținutului video cu legături S3 care expiră - CSS-Tricks

# 150: Protejarea conținutului video cu legături S3 care expiră - CSS-Tricks

În acest screencast analizăm modul în care putem găzdui fișiere pe Amazon S3 (Serviciu de stocare simplu) în așa fel încât să putem conecta la o utilizare a acestor active, dar nu "

# 151: Construirea modulului Lodge (și un Raport rapid de viteză) - CSS-Tricks

# 151: Construirea modulului Lodge (și un Raport rapid de viteză) - CSS-Tricks

Realizăm un modul pentru bara laterală generală a site-ului, care este doar pentru The Lodge. Dacă sunteți conectat, acesta vă va întâmpina și vă va furniza linkuri relevante "

# 149: Construirea unui formular de autentificare pentru The Lodge - CSS-Tricks

# 149: Construirea unui formular de autentificare pentru The Lodge - CSS-Tricks

Unul dintre motivele pentru care WordPress este minunat este că vine cu propriul sistem de autentificare a utilizatorului pe deplin funcțional. Scriind asta de la zero în aceste zile "

# 148: Stilul butonului de înscriere pentru Lodge - CSS-Tricks

# 148: Stilul butonului de înscriere pentru Lodge - CSS-Tricks

În ultimul videoclip am aflat cum să difuzăm conținut diferit în șabloanele noastre pe baza stării utilizatorului și a abonamentului. Folosim asta "

# 144: Stilul și încheierea paginării forumurilor - CSS-Tricks

# 144: Stilul și încheierea paginării forumurilor - CSS-Tricks

Încercăm să încheiem stilul forumurilor aici. Unul dintre principalele mecanisme de navigare pe forumuri este paginarea. În josul paginii,"

# 145: Introducere în Lodge (zonă de acces privat) - CSS-Tricks

# 145: Introducere în Lodge (zonă de acces privat) - CSS-Tricks

Am făcut o mică pregătire pentru această nouă „zonă de acces privat” pe CSS-Tricks. Ne-am uitat la pluginurile WordPress pentru a ne ajuta, chiar am decis unul și am setat "

# 146: Antet personalizat pentru The Lodge - CSS-Tricks

# 146: Antet personalizat pentru The Lodge - CSS-Tricks

În ultima captură de ecran am capturat fotografia din iStockPhoto a cabinei și a pădurii înzăpezite. L-am scăpat în fundal, în spatele zonei principale de conținut "

# 143: Forumuri Discutare despre noua temă și funcționalitate a firului - CSS-Tricks

# 143: Forumuri Discutare despre noua temă și funcționalitate a firului - CSS-Tricks

Nu vă supărați, dar a trebuit să sar puțin înainte, pentru că a existat o muncă plictisitoare și plictisitoare, lungă, de a învinge diferite puncte de vedere, punând dreptul "

# 142: Stilul modulelor forumurilor - CSS-Tricks

# 142: Stilul modulelor forumurilor - CSS-Tricks

În partea dreaptă a forumurilor există o serie de module. „Module” vizual, „Module” literalmente în cod și „Module” prin conținutul pe care îl „

# 141: Restricționarea setărilor și setărilor Content Pro - CSS-Tricks

# 141: Restricționarea setărilor și setărilor Content Pro - CSS-Tricks

În acest ecran, luăm o mică pauză de la lupta împotriva stilului Vanilla Forums pentru a lucra la configurarea Restrict Content Content (RCP), pluginul nostru WordPress pentru „